Recitation Project / Assignment #1

A Personal Homepage

Due: Tuesday Feb 5 @ 11:59pm

Create your personal website in your CS account.

If you missed the first lab, follow the instructions on its webpage to set up your local_html directory and the proper permissions.

Part 1

Create one homepage with file name "index.html". Have it include style directives from a "style.css" file. You page must include a header, a footer and a main content body. It must also include a right side navigation element.

Also, your page must contain one or more examples of the following HTML constructs, in other words, tags.

  1. Title of the page.
  2. Meta tags for author, description and keywords.
  3. An image is required. We would greatly prefer it be a picture of youself, but this is not required.
  4. Links to other sites on the side navigation bar.
  5. At least one instance of a list.

Part 2

Have your web page include style directives from a “style.css” file. Your CSS file should redefine:

  1. The default font color and the font family of the HTML body.
  2. Border styling attributes for the image.
  3. The style of link (anchor).
  4. Background of your page.
  5. Placement and size of your image.

You will submit a single tar file "[your eid].tar" with all the required files. Submission will be through Canvas. Make sure it is available on the local_html web server. If you already have a personal homepage in the Department, keep in mind we will only be grading the one in the local_html server.

To do this assignment, please use a text editor or very simple editor like gedit and type all the necessary tags by hands. Please do not use any web development application to create your home page. Your work will be tested with Chrome on department machines.

Grading Criteria:
  1. Your HTML and CSS should not be generated by any web development application.
  2. CSS file should be a separate file.
  3. Your site should appear as your Department Homepage or be obviously reachable from it (15 points).
  4. 5 points per each HTML tags listed above (30 points).
  5. 7 points per each CSS definitions in “style.css” (35 points).
  6. Navigation between two web pages (10 points).
  7. W3C validation (10 points).