COSC 479/592 Assignment 2: Developing a Standards-Conforming Stylesheet

You are to give the class web pages a substantially new look by creating your own stylesheet to display them.

The result should be webpages with the same content as the class pages, but with different colors and formatting, and with any other decorative effects that you can think of that can be achieved through the CSS mechanism and that enhance their appearance (borders, margins, justification, etc.). There's a CSS Tips and Tricks link on the class web page that might give you some ideas.

Since these pages are intended to be informative, the structure and organization of the pages should still be clear when your stylesheet is applied, and they should be readable. The point of stylesheets is to enhance communication, not obscure it.

Use comments in the stylesheet to document it, just as you would in a computer program.

You are to alter nothing in the XHTML source except the stylesheet link in the head section; you may also add div sections if they help you define the style that you want.

Your work should be both valid XHTML 1.1 and valid CSS2. I'll use the validator links on the pages to verify this.

Store your stylesheet and copies of the relevant XHTML documents in your www directory on the class server. In addition, store and XHTML document with the name newstyle.html containing links to the pages. Hand in hardcopy of your stylesheet in class on the due date.

The files that you should copy and modify are the following, all in the document root directory /var/www/html: index.shtml, css-notes.html, and commands.html. (If you copy files to your own computer to work on, note that you can't copy the first one using your browser; you'll have to use a secure ftp or secure copy client, since the file contains SSI directives.)

DUE: Tuesday, January 27, in class. That is, you should have your page posted in your www directory on the class server by the beginning of class, and you should turn in hardcopy of your stylesheet (not the XHTML documents) in class.


Valid XHTML 1.1!