Homework 1
Topic: XHTML and CSS
Due date: Thursday, September 17th
Objectives
- experiment with the appropriate application of basic XHTML tags
- understand the power of CSS in controlling the appearance of a web site
- learn to validate pages and publish a site
Part 1
Design and develop a 5 (or more) page web site that a visitor should view in sequential order. For example, you might tell a story or describe how to assemble something. Your site must make appropriate use of at least one of each of the following elements:
- paragraph
- heading (at least 2 sizes)
- image
- link (Note that your links must restrict the user to viewing the pages in sequence.)
- lists (unordered, ordered, and definition)
Your pages must validate successfully against the XHTML 1.1 standard using the validator at the W3C web site. Publish your files in your account on antipasto so that the URL for the site is "http://antipasto.union.edu/~username/csc240/hw/hw1/part1" where username is your user name on antipasto.
Note that this part does not involve preparing a stylesheet. You are just writing plain XHTML. In the next two parts of this assignment, you will add stylesheets to your site.
Part 2
Create an external style sheet that controls the presentation of all the pages in the web site you built for PART 1. Use appropriate style rules for body, text (headings, paragraphs, etc.), link and list elements to control font, color, and some other element specific properties (e.g. list bullets). Note that part of your grade will be based on the readability and appearance of your pages.
Make copies of your files from PART 1 and link the style sheet to the pages. Publish your files in your account on antipasto so that the URL for the site is "http://antipasto.union.edu/~username/csc240/hw/hw1/part2".
Part 3
Make copies of your files from PART 2. Modify the style sheet to give your site an entirely different feel or appearance. Publish your files in your account on antipasto so that the URL for the site is "http://antipasto.union.edu/~username/csc240/hw/hw1/part3".
Part 4
Create an "index" page that links to the three versions of your web site. Publish the page in your account on antipasto so that its URL is "http://antipasto.union.edu/~username/csc240/hw/hw1".
Turn in:
- printouts of the xhtml code for all 5 pages from PART 1
- printouts of the two style sheets from PART 2 and PART 3