While each Web site must be unique, I highly recommend that you share your ideas and encouragement with another student.

Assignment #7

Final Project Web Site
Due: June 13 (June 10 for Seniors)

A 10-page Web site. Build on your 3-page Web site from three weeks ago. Complete a required rubric.

READ ALL OF THE REQUIREMENTS CAREFULLY.

 

A. Usability Requirements

1. LAYOUT. The arrangement of text and images on each page should be attractive and well organized.
2. NAVIGATION. Each page links to each of the others. The navigation must be visible without scrolling, and located in the same place on every page. The only exception is the page which serves as a "pop-up" (see B6 below.)
3. CONSISTENCY. All pages are consistent in layout: navigation, content, logo, etc. are always in the same place on the page.
4. TEXT. The text is large enough to read and contrasts strongly with the background color.
5. IMAGE SIZES. Each page contains no more than 100Kb in images, and no image is wider than 800px.
6. TITLES. Each page must have a logical <title> element that identifies both the Web site and the topic of the page.

 

B. Content Requirements

1. TEXT. Each page must have at least one heading (e.g. <h1>) and at least one paragraph of text. The heading and text must all be styled in CSS.
2. LINKS. Link colors must be styled in CSS.
3. TABLE. At least one page must have a table of data. The table must have a row (<tr>) of table headers (<th>) at the top and at least one row of table cells (<td>). The table must have at least two columns of data. The table must have some CSS styling.
4. LIST. At least one page must have a list. The list must be coded as an XHTML list (<ol>, <ul>, <li>, etc.) The list must have some CSS styling.
5. LAYERS. At least one page must be made using multiple layers to arrange the text and image(s).
6. BEHAVIORS. At least one page must have a link which opens another page in a second, smaller window (a "pop-up" window.) This second pop-up page counts toward your ten pages, as long as it has content and matches the look of the rest of the site (color, font, etc.)

 

Getting Started

1. Create a folder in your root folder called
   lastname_final-website, where lastname is your own last name.
2. Copy your 3-page Web site files and paste them into this new folder. Your home page must be called index.html.
3. Name your other Web pages whatever you like, being sure to end the file name in ".html" (no spaces in file names).
4. Complete the coding of the Web site according to the Requirements listed above.
5. Save and test the pages frequently as you work.

 

Assessment: Complete the Required Rubric

You and I will be using the rubric below to tally up your score out of a possible 100 points. This final project will account for 20% of your semester grade.

Completing this rubric is an important part of self-assessment and will allow you to find where you need to improve your site before you submit it.

Click on the image to view the PDF.

 

Turn in Your Work

1. In My Documents, navigate down to your lastname_final-website folder.
2. Right-click on the lastname_final-website folder and select Copy.
3. Navigate to the Inbox.
4. Right-click on the Final Web Site folder and select Paste.
5. You must also complete the rubric above.