CSIS 4895G: Web Graphics Programming

Assignment 1: Cascading Style Sheets and Advanced HTML Due May 29

You are to create a set of web pages which exercise the HTML and CSS concepts introduced this week.

The content of those pages are up to you – you can create a set of web pages on some topic that you find interesting, or on no specific topic at all. Feel free to get creative on this assignment! Required HTML Content Your set of web pages should contain at least one use of each of the following techniques:  Tables Don’t just create a simple grid here -- try at least one of the following: o Merging table cells o Setting column properties o Using the table to format image or other non-textual data

 Image Maps Use at least one rectangular and at least one polygonal area.

 Frames Include some sort of “navigation” frame, possibly to control access to the rest of the pages. You might experiment with using images instead of text in the navigation frame, or might even use an image map in the navigation frame. Required CSS Content Your web pages should include an external style sheet. This style sheet should create a consistent appearance for all of your pages. At a minimum, it must include:  At least 3 different HTML tags.  At least 3 different properties modified for those tags.  At least one use of pseudo-elements or pseudo-classes.  At least 2 new CSS classes, used in either SPAN or DIV tags.  At least one interesting use of a border.  At least interesting use of positioning (either absolute, relative, or floating).

Other Requirements:  Aside from meeting the above requirements, it is expected that your web pages will be consistent, well organized, and readable.  As with any software, your pages and style sheets must be well documented – that is, any complex HTML should include comments that explain what the HTML is meant to do, and how the HTML works.

 Your software should also be indented when appropriate, particularly when many tags are nested inside others (such as in tables).

 You are required to write these pages using a simple text editor such as Notepad – that is, you are not to use an editor designed to create web pages, such as FrontPage (such editors are difficult to use for pages like this, in any case).

 Finally, your pages should be as cross-browser friendly as possible. Try not to use any HTML or CSS not supported by at least Netscape 4 and Internet Explorer 4.

What to Turn In: Turn in a diskette containing all files related to your web pages (including all image and style pages, of course).