HTML & CSS Homework


This assignment will get you familiar with HTML and CSS if you don't already know it, and you will use these technologies in redesigning a familiar website.
  1. If you don't know HTML, read the w3school HTML Tutorial. If you don't know CSS, read the w3schools CSS Tutorial.
  2. Build a webpage with HTML and CSS that rebuilds the basic layout and interaction (color and underline change on mouseover of links) of www.cs.umd.edu. You must implement it so there is no or very little layout information in the HTML (it must all be in CSS).
    • No JavaScript is required - so you DO NOT have to implement the pull-down menu. Instead, those can just be simple links.
    • You do not need to implement any functionality aside from links - i.e., no dynamic calendar, no search, etc.
  3. Build a second webpage that redesigns the portion of the website that you built in the previous step according to the various guidelines we have discussed so far, and what you now know about usability. Implement your redesign by ONLY changing the CSS from the implementation of the previous step.
  4. Write 2-3 paragraphs explaining what you felt was wrong with the original design and how your redesign addresses those problems.

Upload your solutions to a web server of your choice (i.e., UMD TerpConnect, private, commercially hosted, etc). The two solutions should have identical HTML except for including different CSS files

Since part of the goal of this assignment is for you to learn HTML and CSS, you should not copy the HTML or CSS from the original site. Instead, create it yourself by looking at how the site is displayed in a browser.

Evaluation Criteria:

  1. (25%): First page matches basic layout and interaction original site
  2. (25%): Separation of HTML and CSS
  3. (30%): Usability of redesigned site
  4. (20%): Writeup clarity and quality of analytical thinking

Submissions (ordered alphabetically by last name):

  • Add your name to the table below and link to a new page that contains:
    • your name
    • a link to the first site you created
    • a link to the revised site
    • the description of your redesign
  • Save this page immediately to let others know that the row is taken.

Last Name
First Name
Submission
Achukwu
Amaka
Submission
Al Zahmi
Nourah
submission
Albach
Carl
Submission
Ashktorab
Zahra
Submission
Chao
Tiffany
Submission
Chapline
Joe
Submission
de Chacus
Vincent
Submission
Dobek
Steven
Submission
Do-Geun
Kim
Submission
Ebinama
Chima
Submission
Edmondson
Michon
Submission
Gaffey
Johnny
Submission
Gupta
Abhishek
Submission
Hurley
Ayla
Submission
Ingrahaj
John
Submission
Johnson
Kristen
Submission
Jones
JD
Submission
Katzur
Jon
Submission
Kramida
Gregory
Submission
Leaverton
Joshua
Submission
Mackey
Kathryn
Submission
Nguyen
Uyen-Truc
Submission
Patel
Tapan
Submission
Reehl
Sarah
Submission
Rhodes
Ryan
Submission
Rusk
Bryan
Submission
Smith
Alison
Submission
Speiser
Jonathan
Submission
Spears
Jesse
Submission
Tanda
Aika
Submission
Telahun
Rafael
Submission
Tomaszewski
Scotty
Submission
Whidby
Michael
Submission
Wu
Johnny
Submission
Sellmayer
Tyler
Submission!
Skoda
Andrew
Submission?
Zhang
Yiou
Submission