CG214 Web Page ConstructionFinal Project Sheet

Section: CG214-______Name: ______Date______

No. /

Elements

/ Points / File Name / 2nd File Name / 3rd File Name
1 / Navigability of site (user-friendly) / 4 / --- / --- / ---
2 / Readability (simple, clean, clear) / 4 / --- / --- / ---
3 / Mobile Compatibility (responsive website) / 4 / --- / --- / ---
4 / Valid Mark-Up & Clean Code (Use W3C Markup Validation Service) / 4 / For index.html / --- / ---
5 / Limit of 8 MB for entire site / 3 / MB / --- / ---
6 / Include a title for html document in your site. / 1 / .html / .html / .html
7 / External Style Sheet (Include2 files where this sheet is used.) / 1 / .css / .html / .html
8 / Embedded Style Sheet (Show 1 file where this is used.) / 1 / .html
9 / Use 2differentfontcolor properties in inline styles. / 1 / .html
10 / Use 2 different font-size properties in inline styles. / 1 / .html
11 / Use background-colorin 2 different files with 2 different colors. / 1 / .html / .html
12 / Use background-image in 2 different files with 2 different images. / 1 / .html / .html
13 / Change default link colors. / 1 / .html
14 / Link to anotherweb site. / 1 / .html
15 / Link to another part of the same page / 1 / .html
16 / Click on a thumbnail to enlargethe imagein the same page / 1 / .html
17 / Use a horizontal rules / 1 / .html
18 / Use a blockquote / 1 / .html
19 / Use a transition effect. / 1 / .html
20 / Use an iframe. / 1 / .html
21 / Use 2 or more lines of preformatted text, courier and default size. / 1 / .html
22 / Include a table(tabular table) / 1 / .html
23 / Use an ordered list, <ol>, with 3 items. / 1 / .html
24 / Use an unordered list, <ul>, with 3 items. / 1 / .html
25 / Use a nested list (ordered, unordered, or definition). / 1 / .html
26 / Use a definition list, <dl>, with 2 terms defined. / 1 / .html
27 / Use a special character such as copyright symbol or ampersand. / 1 / .html / What character
28 / Include a small sound file (OGG, WAV or MP4) or video / 1 / .html
29 / Use two rollovers. / 1 / .html
30 / Use a circle, polygon, or rectanglehotspot, clearly indicated. / 1 / .html
Total Points for Project / 44 / + Homework / = / Grade = ” “

Important Note:Use HTML/CSS and/or Dreamweaver to construct your final project. In the column titled “File Name” indicate the file name where each element is found. Use the “2nd File Name” or “3rd File Name” columns if needed. All elements must be contained in html files, except for the css file in element 7. You should test your site in at least 2of the 5 main browsers, and be sure it works in both. Make sure you have no broken links. Your entire site must be under 8 MB. Your project must not contain any of the course demo lists, sounds, or images. This sheet should be an integral part of your site.If you don’t submit this sheet, your term project, or your site is over 8 MB, you will receive a grade of “F".

Revised 2016 Spring