Skip to main content
Wikispaces Classroom is now free, social, and easier than ever.
Try it today.
Pages and Files
Accessibility - math department website
Accessibility - Philosophy Department
Accessibility - Tammy Tran
Accessibility Assignment SEE
Accessibility Submission, Andrew Palma
Accessibility Submission, Ghassan Abu-Ghaida
Accessibility Submission, Ian King
Accessibility Submission, Janahan Sivaraman
Accessibility Submission, Kevin Van
Accessibility, Jennifer Gorski
Accessibility, Mark Stewart
Accessibility, Matt Orlove
Aida's Home Page
Aida's Login Page
Add "All Pages"
HTML & CSS HW
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.
If you don't know HTML, read the
w3school HTML Tutorial
. If you don't know CSS, read the
w3schools CSS Tutorial
Build a webpage with HTML and CSS that rebuilds the basic layout and interaction (color and underline change on mouseover of links) of
. You must implement it so there is no or very little layout information in the HTML (it must all be in CSS).
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
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.
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, 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.
First page matches basic layout and interaction original site
Separation of HTML and CSS
Usability of redesigned site
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:
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.
CMNS Redesign, Ghassan Abu-Ghaida
HTML & CSS - Michael Midgley-Biggs
HTML & CSS - Tammy Tran
help on how to format text
Turn off "Getting Started"