Fundamentals of Web Design – Midterm Project

Midterm Project Overview


The final project is 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 week 5. The only HTML page required at this time is the home page.

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.

The following are the minimum tasks that must be completed on the site by midterm.

Criteria Specifications
Site Structure There is a single site/root folder which contains all of the site content. There is an index.html file for the home page. There is a styles.css file for the stylesheet. There is an images folder for images.
Design The color scheme is relevant and appealing to your intended audience.
Content All content is original and in your own writing. There is no “dummy”/”greeking” text.
Layout The layout is consistent, attractive, and well organized. The content is no wider than 1200px.
The layout is CSS-based rather than table-based.
Site Identity The home page tells us which site we are on within the browser window. This can be done with an <h1> element or a graphic.
Navigation A navigational menu links to the home as well as to the future interior pages, using <a> elements and real paths (refer to your site map).
The navigation is obvious and visible without scrolling.
Text The text is large enough to read and contrasts strongly with the background color.
The home page has at least one paragraph of text.
The text elements are styled in CSS.
Spelling and grammar are immaculate.
Images The home page contains at least one unique image, displayed either via HTML or CSS.
The home page contains no more than 200KB in images total.
The image(s) have not been distorted, dis-proportioned, or resized in the browser. There are no broken images.
Titles The home page has a <title> element that identifies the website name.
CSS There is a link from the home page to an external style sheet which controls all of the presentational elements (styles.css).
There are at least 3 CSS rules in the external style sheet, and none in the HTML files.
The stylesheet passes validation:
HTML The home page passes HTML5 validation:
Total Points