Homework HTML

From Cmsc434_f09
Jump to: navigation, search

Due Date: Sept 16, 2009, submitted on the wiki between 7:30am and 2pm, add your name to the bottom of this page and link to a new page with on the wiki as indicated that contains your writeup (don't use a file), and link to the two webpages you created. Indicate your full name also on the actual critique page.

This assignment will get you familiar with HTML and CSS if you don't already know it, and you will apply these technologies to 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. Read the recent Wired article on Craigslist.
  3. Build a webpage with HTML and CSS that rebuilds the basic layout and interaction (color and underline change on mouseover of links) of www.craigslist.org. But you must implement this so there is no or very little layout information in the HTML (it must all be in CSS). To minimize your typing, it is sufficient to just do the first 4 columns (i.e., navigation, US cities, and US states).
  4. Build a second webpage that resdesigns the portion of the craigslist website that you built in the previous step according to Don Norman's recommendations and what you know about usability. And implement your redesign by ONLY changing the CSS from the implementation of the previous step.
  5. 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, private, hosted, etc). The two solutions should have identical HTML except for including different CSS files.

9/14 UPDATE: For this assignment, you should not copy the HTML or CSS from the original craigslist. Since the point of this assignment is for you to get some experience writing HTML & CSS, you should do this part yourself.

Evaluation Criteria

  1. (25%): Separation of HTML and CSS
  2. (25%): Part 2 matches basic layout and interaction of craigslist
  3. (30%): Usability of new design from Part 3
  4. (20%): Part 4 writeup clarity and quality of analytical thinking


Fill a sample row in the table, or duplicate and edit a row if there aren't any samples left. Alphabetize by last name. Change "HTMLid" so the "id" part is a unique number in the table.

Last Name First Name Submission
Apau Emmanuel Emmanuel's HTML Homework
Bardack Avi Avi's HTML Homework
Berns Michael Michael's HTML Homework
Bukhari Adil Adil's HTML Homework
Buzek Olivia Olivia's HTML Homework
Cheng Jeffrey Jeff's HTML Homework
Craft Michael Michael's HTML Homework
Folkoff Martin Martin's HTML Homework
Fruin Brendan Brendan's HTML Homework
Gmurczyk Antoni Antoni's HTML Homework
Greene Jared Jared's HTML Homework
Handy Matthew Matt's HTML Homework
Hasan Rayhan Rayhan's HTML Homework
Hatley Leshell Leshell's HTML Homework
Jackoway Alan Alan's HTML Homework
James Jeffrey Jeff James' HTML Homework
Kindred Austin Austin's HTML Homework
Kuenzel Michael Mike's HTML Homework
Morris Brian Brian's(BTM) HTML Homework
Nishihama Edward Ed's HTML Homework
O'Brien Steve Steev's HTML HW
Oaks Ryan Ryan's HTML Homework
Osman Tarek Tarek's HTML Homework
Page Christopher Page's HTML Homework
Pirner Amanda Amanda's HTML Homework
Reynolds Timothy Tim's HTML Homework
Rogan Thomas Tom's HTML Homework
Schoenfeld Andrew Andrew's HTML Homework
Slutsker Sasha Remaking and Redesigning Craigslist
Siddiqi Noor Noor's HTML Homework
Sidhu Tandeep Craigslist assignment
Smith Bria Bria's HTML Homework
Speck Chris CKS's HTML Homework
Thomas Nicole Nicole's HTML Homework
Vaughn William "Chip" Chip's HTML Homework
Weisenborne Jimmy Jimmy's HTML Homework
Young Jason Jason's HTML Homework
Sample last name Sample first name HTML Homework