Objective

To practice CSS fundamental constructs.

Overview

For this project you will write a style sheet (p2.css) for an html file we have provided (p2.html) . An snapshot of the web page you are expected to have after creating your style sheet can be found at: Web Page Image.

Before you start implementing the web page, download the following zip file: p2.zip.  This file has a folder named p2 which contains four files (two images, one html file, and one css file).  The p2.html file is the page you will apply styles to, and the p2.css. file represents the style sheet you are expected to complete.  After downloading the zip file, immediately try to submit your project by uploading the zip file to the submit server (as described in class and below).  Please do not wait until the project is due to verify you can submit the project.

Grading

• (10 pts) Style sheet validates according to http://jigsaw.w3.org/css-validator/
• (10 pts) Correct indentation
• (80 pts) Style requirements satisfied.

Your style sheet should generate a web page that closely resembles the Web Page Image we have provided.

Requirements   

• You cannot modify in any way the p2.html document.
• You can use any colors for the link to the Dept of Computer Science.
• You may not use any authoring tool (e.g., frontpage, dreamweaver, etc.) which generates the css code for you.
• Your web page must correspond to the web page image we have provided at the end.  Do not add anything extra.
• You must implement the web page by yourself.
• Do not post your project in a web site (people will see your code).
• Make sure you view your code using Firefox 2.0 (that is the environment we will use to grade your project)

Web Page Image

Submission

To submit your project, follow these steps:

1. Create a zip file that includes the p2 folder (if you have WinZip in your computer you can perform this by selecting the folder, right-clicking and then selecting "Add to Zip file...")
2. Upload the zip file using the submit server available at: https://submit.cs.umd.edu:8443/.  Make sure you select the submit server entry (Project #2) that corresponds to this project.
3. After submitting your project make sure you download the submitted file and verify that what you have submitted is correct.  Please do not e-mail your project.

Academic Integrity

Please make sure you read the academic integrity section of the syllabus so you understand what is permissible in our programming projects.  We want to remind you that we check your project against other students' projects and any case of academic dishonesty will be referred to the University's Office of Judicial Programs.

Web Accessibility