CSE 102 Homework 2

Assignment Overview

For this assignment you will create a Web site about your favorite cars, favorite fashions, and favorite actor/actress. These topics will be divided into 3 separate pages that are linked together and should explain your personal interests. You may be as creative or boring as you like, but please keep it within the bounds of good taste. Again, this assignment is to be graded purely on its technical & stylistic merits, not on the actual content of these pages (you may make up the content for these pages if you wish to). You may start with the following skeleton structure for your 3 pages:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>Your Title</title>
 </head>
 <body>

 </body>
</html>

Assignment Deadline and Submission

Technical Requirements

Your Web page must adhere to the following rules:

Valid XHTML 1.0!

To show your readers that you have taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the HTML you should use to add this icon to your Web page:

<p>
<a href="http://validator.w3.org/check?uri=referer"><img
    src="http://www.w3.org/Icons/valid-xhtml10"
    alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>

Content Requirements

Your Web site must have 3 pages, one about cars, one about fashions, and one about actors/actresses. In these pages, include the following components:

  1. Navigation Links - At the top of each of these 3 pages should be links to the other two pages. You may use textual or icon (image) links for this Navigation bar of sorts, but make sure it is uniform on all three pages. This is a common Web page technique.
  2. Description of your favorite Cars/Fashions/Actors or Actresses - Each page should discuss about cars, fashions, and actors/actresses (on a separate page for each) as well as a description about them.
  3. Floated Tables - Each Web page should use a table to display a summary of the information previously specified. All tables should be floated on either the left or right of text and should include:
  4. Floated, Linked Images - Each Web page should make use of at least 1 image (this means at least 3 images total) of a favorite from your page. This may be a picture relating to a car, fashion or actor/actress, etc ... All images on your page should hyperlink to a Web page about the subject in the image. In addition, all images should be floated to the left or right of your page's text.
  5. Document Margins - narrow the width of your page by increasing the margins on the left & right of your page. You may do this inside the body tags for your pages.
  6. Hyperlinked Proper Nouns - Each Web page should supply inline hyperlinks for at least 5 proper nouns (cars, fashions, actor/actress , etc ..., so 15 total). These links should go to other relevant pages about the proper noun.
  7. Author & Date of last revision - Include this information at the bottom of your Web page. For the Date of last revision, I have provided a JavaScript snippet that you may simply copy and paste into the body of your document:

<p style="text-align:center">
<script type="text/javascript">
<!--
      document.write("Last Modified " + document.lastModified)
// -->
</script> </p>

Style Requirements

Your Web page also has stylistic requirements:

  1. Fonts - Each Web page must make use of at least one font different from the standard default font.
  2. Color - Each Web page must make use of a different background and font color than the standard default color. Don't go crazy with the color, overuse can produce some hideous results, but subtle color can be an effective means for attracting users.
  3. Overall Presentation - Web pages should not be sloppy or haphazard. They should easy on the eyes, otherwise no one will waste their time.

Grading Key and Requirements