Homework #4

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.cmns.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 search or any interactive features.
    • You do not need to make the links go to the correct targets, but you do need to make them active links so the mouse over interaction works properly
  3. Build a second webpage that redesigns the page you 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. Note that if you originally used CSS for your layout, then you will be free to move things wherever you want.
  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
Abu-Ghaida
Ghassan
CMNS Redesign, Ghassan Abu-Ghaida

Asare
Patrick
Submission

Aziz
Aisya
CMNS Redesign

Banaszak
Steven
My CMNS

Britto
Brandon
Submission

Carmel
Chris
Submission

Choi
Daniel
Submission

Ficco
Lauren
Submission

Gorski
Jennifer
Submission

Kamili
Mir
Submission

King
Ian
Submission

King
Victor
Submission

Liu
Ailun
Submission

Majedi
Amir
Submission
Midgley-Biggs
Michael
HTML & CSS - Michael Midgley-Biggs

Monkainfon
Mustapha
Submission

Lovett
Taylor
submission

Orlove
Matt
Submission

Palma
Andrew
Submission

Paulo
Myco
CMNS Redesign

Piyasirisilp
Siwatm
Submission

Monga
Rahul
Rahul HTMLCSS

Sivaraman
Janahan
http://cmsc434-f11.wikispaces.com/HTMLCSSJanahanSivaraman

Soleimani
Aida
HMW4

Sonthichartkul
Dan
Submission

Stewart
Mark
Submission

Tran
Tammy
HTML & CSS - Tammy Tran

Van
Kevin
Submission

Yu
William
Submission

Woo
Kevin
Submission


Azadi
Payam
Submission


Litvak
Aleksandr
Submission


Ma
Yifu
Submission