• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • 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

© 2025 Liberal Arts Instructional Technology Services | Production Credits