HW1: HTML
due Monday 2/2/2009, 1:00 pm
100 points

You are to create two web pages for this assignment.
The pages should be called

   cs2a.html
   hw1.html

The names should be exactly as shown above, do not capitalize the file names or use ".htm" or ".txt" or any other extension besides ".html" Also, both of these files should be in a folder called "cs2a" inside your WWW folder.

The cs2a.html file should contain your name and a list of links to your homework assignments. For now, it will contain only a link to hw1.html.

The hw1.html file should contain the features listed below.

1. the body of the hw1.html file should contain 4 divs: the header, the sidebar, the content, and the footer
2. you should use arrange these div's on the page using either "float" style or "position" style in the head
3. the sidebar should contain a list of links to interesting pages (including the cs2a.html page)
4. the footer should contain your name and copyright info
5. the content div should contain the following:
   • lists (see notes)
     • a ul list
     • an ol lists
     • an embedded list (e.g. an ol list of ol lists)
   • links (see notes)
     • a link outside of brandeis
     • a relative link to a page in your folder (e.g. to cs2a.html)
     • links to sections inside your webpage (using the name="..." attribute)
     • a thumbnail image which is a link to a fullsize image
   • a tables (see notes)
6. CSS (see notes or WDG ) You should use CSS in the head element to specify the following types of style elements:
   1. font (WDG)
   2. background (WDG)
   3. color (WDG)
   4. border (WDG)
   5. margin (WDG)
   6. padding (WDG)
   7. text-decoration (WDG)

You should also include commments in your HTML containing your name and unetid. For example, I would put:

<!-- Tim Hickey, tjhickey@brandeis.edu  -->

Note: this comment will not appear in the browser unless someone uses the "view source" menu item, but it will make it easier for the TAs to grade the HW

Homework Strategy

I strongly suggest that you do this homework in steps. Here is one sequence of little steps that will guarantee that you meet all of the requirements listed above. The goal in having you develop this webpage is to give you practice in using many of the different features available in the HTML and CSS languages. You should do this assignment over several days and you can use the U-method to save and test each individual step. At each of these steps you should save your webpages, view them with a browser to make sure that they work, and validate them to check for "hidden" syntax errors. A key idea in web page development is to frequently alternate between writing and testing. You can catch errors more quickly this way and in the long run it takes less time.

Handing in your homework

You should upload your files to a folder called "cs2a" (all lowercase with exactly that spelling) in your unet server space. The two files should be called hw1.html and cs2a.html (with exactly that spelling and no upper case letters). This will make it easier for us to grade.

Finally, this webpage ref contains some helpful links including pages that allow you to validate your webpages for HTML/CSS/Accessibility.