• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

End of September

September 26, 2016 By Michael Lam

I am beginning to get into coding work as an STA, so I spent one week going through an HTML/CSS tutorial online (http://learn.shayhowe.com/html-css/). It was quite a lot of information and a lot of work to follow along, but I’m happy with the final product.

Here are screenshots of the project website at various points from scratch to final product:

 


Getting to know HTML

screen-shot-2016-09-26-at-10-36-50-am


Getting to know HTML

screen-shot-2016-09-26-at-10-34-45-am


Using the Box Model

screen-shot-2016-09-26-at-10-35-48-am


Positioning Content

screen-shot-2016-09-26-at-10-23-09-am


Working with Typography

screen-shot-2016-09-26-at-10-24-29-am


Setting Backgrounds & Gradients

screen-shot-2016-09-26-at-10-25-26-am


Creating Lists

screen-shot-2016-09-26-at-10-26-16-am


Adding Media

screen-shot-2016-09-26-at-10-27-02-am


screen-shot-2016-09-26-at-10-30-31-am


Organizing Data with Tables

screen-shot-2016-09-26-at-10-31-46-am


Adding Media

screen-shot-2016-09-26-at-10-32-35-am


Building Forms

screen-shot-2016-09-26-at-10-33-09-am


Here is a screenshot of a snippet of the code (HTML & CSS) that produced the above webpages:

code-screenshot


Two weeks ago, Andre gave the new STAs a tutorial on Cascade, the CMS that the College of Liberal Arts uses. We’ve been assigned Cascade training in order to help familiarize ourselves with the system.

 

screen-shot-2016-09-26-at-10-43-57-am

screen-shot-2016-09-26-at-10-46-16-am


I also created a quick mock-up of another possible design of the Texas Beyond History Trans Pecos webpage in Photoshop.

 

screen-shot-2016-09-20-at-12-48-43-pm


After finishing the HTML/CSS tutorial, I’m now working with Stacy to begin writing the HTML/CSS for some of the Texas Beyond History webpage mockups that we’ve been creating over the past two weeks.

 

tbh-texas-paco-mock-up

Filed Under: 2016 - 2017

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits