S.B.C.C. -> Computer Science -> Courses -> COMSC 111 -> Syllabus
[ Basic HTML (project) | Style Sheets (project) | Image Maps & Formats (project) | CGI Forms (project) | Frames & Search Engines (project) | VRML (project) | Intro JS (project) | JS Forms (project) | JS Window (project) | JS Cookie (project) | JS Validation (project) ]  

This project is used to illustrate the difference between doing formatting with cascading style sheets (CSS) and HTML extensions.

You will create two pages, one formatted using CSS and one formatted with HTML extensions (and probably lots of tables). These pages should be linked together so that I can go from one page to the other and back again.

The pages you will create are for the Whizzo Corporation's Home page. The Whizzo corporation makes widgets. Create some bogus (i.e. they don't go anywhere) hyperlinks at the top of the page, like the W3C page, to "About Whizzo Corp.", "About This Site", "Products", "Contact", "Sales", "Work for Whizzo". You should also have three paragraphs saying something about Whizzo. Inside of these three paragraphs you should have four real hyperlinks to other areas of the Internet (anywhere decent is fine). You don't need to use any graphics if you don't want to (except for the graphic of the bogus hyperlinks), that's not the point of this assignment. However, if you want to, knock yourself out! However, it's not extra credit (don't ask...).

Note:

1. For the bogus hyperlinks:
   • They should all overlap like the W3C page but using different values for color, margins, size, class name, and ID. Don't just copy the ones off of the W3C page. They should all be in different sizes and different colors.
   • Use two separate fonts. Note that for the HTML version of the page, just make a graphic; it doesn't have to function.
2. For the three text paragraphs:
   • The first paragraph should have a left margin of 100 pixels.
   • The remaining paragraphs should have a left margin of 50 pixels.
   • Use two different fonts
   • The four hyperlinks inside of the three paragraphs should be red (any shade) when not selected and blue (any shade) when selected. I realize that this is backwards from what we expect.

HINT: To create the graphic, use the capture area function of Paint Shop Pro.

Grading will be done on how the pages are formatted. Don't be creative with the formatting, do exactly what I ask. If you want to do more that is OK but at least do everything that I've asked for, don't substitute. That is the only way I can tell you are doing what I want.

The intent is that the two pages should look fairly similar. For grading purposes, I am using Netscape Communicator 4.0X on a Windows 95 PC. Be sure you've tested it on that browser. If you do something that doesn't show up on the browser due to an error in Netscape Communicator, be sure to note that using a CSS comment in the style definition.