Assignments -> Assignment 2

Due Date

Wednesday, February 13, 2008, 11:59 PM

Adding Internal Style Sheet to Color.html

In this assignment, you need to add internal style sheet to the color.html file and make it look like the example in the following screenshots:

Screenshots

Note that the example above doesn't take screenshots of all parts of the web page, so the contentwise, you should refer to the sample in Exercise 1.

Note that the list items in the "Contents" section of the web page are links to the corresponding part of the web page. You should use the method of "linking to an anchor" I introduced in class to accomplish that. For example, if user click on the list item "Physics of color" in the contents section, the browser should take the user to the h1 header "Physics of color".

Except for making your color.html page look exactly like the one in the example, you also need to validate your web page using W3C's Markup validator. You can use the “Validate by Direct Input” method since that's the easiest way for you.

An important correction on nested list: the way of nesting lists I explained in class doesn't pass W3C's validation. So the following is an example of correct nested lists:

<ul>
  <li>Top Level, Item 1</li>
  <li>Top Level, Item 2</li>
  <li>
    <ul>
      <li>Sublevel 1, Item 1</li>
      <li>
        <ul>
          <li>Sublevel 2, Item 1</li>
          <li>Sublevel 2, Item 2</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Top Level, Item 3</li>
</ul>

Below are the color values used in this assignment. For this particular assignment you need to use the exact color values given in below.

About the font family following fonts should be used for different elements:

Submission

Submit only the "color.html" file, name it like "assign2_<YOUR NAME>.html". Use FTP client to submit the file to "Assignment2" directory under "CS134" submission directory. If you don't know how to use FTP client to submit your assignment, click here for a detailed explanation.