In this assignment you will create a style for your web site. You may choose to change the style after you turn in this assignment, but this is the initial attempt at creating a style that meets your web site needs.

Style includes the foreground and background colors and fonts you wish to use for various things. You are expected to use the styles you develop in this assignment in your course web site as it develops. This assignment will give you a convenient reference chart to see the effect of styles you choose to use. This assignment requires you to produce four items.

Note:Completion of this assignment contributes directly to your course project. You will want to keep a copy of the files you develop for this assignment in your repository. The repository should not contain "screen shots" of your web pages. The repository should contain the html files used in this assignment. Every item must contain your name, assignment number, and URL of that specific file. ( ie "http://pegasus.cc.ucf.edu/~myusername/thisfile.html"). If you change a web page, you should update the copy in the source file. By keeping your repository up to date in this way you will have the course projected ready to turn in with virtually no additional work to perform.

Format: The web pages you develop during this assignment must be posted on your web site by the due date. If you wish to have your grader grade your assignment prior to the published due date simply email the grader with the request. Otherwise your assignment will be graded after midnight of the due date.

Item 1: A frames page that divides the display area into two columns of equal width. The column on the left will display a sample web page using the browser default styles. The column on the right will display a web page identical to the one on the left except linked to your site stylesheet. This will give you a quick reference of what your styles look like. This page has been provided as an example of what you will end up with. Feel free to use it as a starting point, but you must make your own unique styles. This frameset file must be named "cgs3175style.html" on your web site.

Item 2: A web page listing your style types and displaying the default browser styles. Look at the example sheet. Basically, this is a duplicate of item 3 with the link to your style sheet removed. You are strongly encouraged to add your own styles as needed; items added to this page must also be added to Item 3. Remember this page must exactly match the page on the right with the exception of the link to the stylesheet. This page must be named "cgs3175defaultstyles.html".

Item 3: A web page listing style types and displaying your unique styles. The example sheet here can be used as a starting point. Remember this page must exactly match the page on the left with the exception of the link to the stylesheet. You are strongly encouraged to add your own styles as needed; remember to change both the left and right hand pages as required so that the comparison between the browser default styles and your styles can be easily seen. This page must be named "cgs3175mystyles.html".

Item 4: A stylesheet, named "cgs3175stylesheet.css". This stylesheet must provide a style for every element contained in the web pages listed in items 2 and 3. The method by which styles are specified will be discussed in class and in lab lecture. You are required to define at least 8 items in your stylesheet. (Note: Some of you may use more than one style sheet on your sites. There is no restriction on the name of additional stylesheets.)