Fundamentals of Web Design – Final Project

Final Project Overview


A 5-page website about a topic of your choice. It will incorporate all of the skills that you will learn in this course. You will be able to build it from week-to-week throughout the term. It will be assessed half-way, during Midterms week (see complete specifications below).

Specifications / Requirements

You must code this site yourself. No use of templates or other form of pre-built code allowed. You may use small snippets of code from class tutorials to get you started, but the final site must not resemble any of the tutorials.

Criteria Points Possible Specifications
Design 5 Your site incorporates the stated guidelines for alignment, proximity, repetition and contrast.
5 The color scheme is relevant and appealing to your intended audience.
Content 5 Each page must tell us something about your chosen topic.
5 All content is original and in your own writing. There is no “dummy”/”greeking” text.
Layout 5 The layout is consistent, attractive, and well organized. The content is no wider than 1200px.
5 The layout is CSS-based rather than table-based.
Site Identity 5 Each page tells us which site we are on within the browser window.
Navigation 5 Each page links to each of the others.
5 The navigation is obvious and visible without scrolling.
Consistency 5 All pages are consistent in layout (navigation, headings, content, footer, etc.).
5 The color scheme is consistent throughout.
Text 5 The text is large enough to read and contrasts strongly with the background color.
5 Each page has at least one heading and at least one paragraph of text (the home page can skip the heading.)
5 The heading elements and paragraph elements are styled in CSS.
5 Spelling and grammar are immaculate.
Images 5 The site contains at least five unique images, displayed either via HTML or CSS.
5 Each page contains no more than 200KB in images total.
5 The images have not been distorted, disproportioned, or resized in the browser. There are no broken images.
Titles 5 Each page has a <title> element that identifies the website name.
5 Each <title> element also identifies the topic of the page (except the home page.)
List 5 At least one page includes a list coded with HTML list tags. An unordered list used for a navigation menu counts.
Table 5 At least one page contains a table of data with table headers and a caption.
Form 5 At least one page contains a form.
5 The form includes at least: one text field or textarea, one set of radio or checkbox options, and a submit button.
CSS 5 There is an external style sheet which controls all of the presentational elements.
5 There are at least 5 CSS rules in the external style sheet, and none in the HTML files.
10 The stylesheet passes validation:
HTML 10 All pages pass HTML5 validation:
Total Points 150