Final Project

Your final project is to create an original Web site on a topic of your choice, within these guidelines.

To receive credit for this exercise you must submit the final project feedback form before it expires. This exercise is due on . Allowing for a one-day grace period, the form will expire at the end of the day following the due date, which means the form for this exercise will expire at 12:00 AM on //.

All final projects must meet these requirements

No final projects will be accepted late

To receive credit for the final, you must submit the final project feedback form on time, even if you have not finished your project. Failure to finish on time due to poor time management is not grounds for an incomplete.

How final project points are calculated

Note that the maximum possible points for a final project is 150, regardless of how many skills you demonstrate from the list of optional items below.

Maximum
possible
points
Skill demonstrated
50 5 points for each Web page, up to 50 points, that contains all of the following:
  • An HTML 5 DocType
  • A unique, desciptive <title> tag (this means that every page must contain a different title).
  • A look and layout (and content theme) that is consistent with all the other pages, including a specified (color or image) background.
  • A navigation menu that contains a link to your project's home page, site map, and other main pages of your project. The menu must be fairly consistent among all pages.
  • A link to the W3C's HTML validator and CSS validator, as used in the homework exercises.
  • Valid HTML 5 and valid CSS 3.
12 2 points for the use of each different property of the following properties in an external style sheet, up to 12 points (this style sheet must validate, of course):
  • font-family
  • font-style
  • font-weight
  • font size
  • line-height
  • text-indent
10 2 points for each use of a different CSS class and/or ID, up to 10 points. A pseudo-class does not count as a class.
10 2 points for each use of a different CSS pseudo-class, up to 10 points.
10 2 points for each different image related to your site's theme, up to 10 points. You do not have to create any images. The validator buttons do not count.
10 The use of an external default or screen style sheet with all pages, to control text, font, color, and background formatting. This style sheet must validate.
10 Personal presentation of your final project site in front of the class (via Zoom).
10 2 points for each list (unordered, ordered, or definition) up to 10 points. A nested list can count as a separate list.
10 2 points for the use of an image as a link, up to 10 points. You do not have to create any images. The validator buttons do not count.
30 The use of CSS 3 media queries with a minimum of two breakpoints (resulting in a minimum of 3 layouts).
30 The use of the CSS flexbox and/or CSS grid as the primary method of layout for all or most of the pages of your site. (This means you are not using CSS positioning and/or floats as the primary method of layout.)
10 A site map, containing a link to every Web page of your final, and no links to pages that are not part of your final. The site map must be its own page.
10 Every Web page of your final passes the WAVE accessibility test with no errors. Every page must contin a link to the WAVE tool.
5 The proper use of at least four of the following HTML 5 structural elements in all pages: <nav>, <header>, <footer>, <aside>, <article>, and <section>.
2 A link from your webhawks home page to your final project's home page.
2 A link from your final project's home page to your final project's site map page.
221* 150 total maximum points; *you don't have to do everything here to get 150. (If you do more than 150, you only get 150.)
 
Points
lost
Errors that result in lost credit
-10 Not submitting the final project feedback form by the due date.
-10 Storing raw files (such as Photoshop psd files), sounds, movies, or other files not used by your project's Web pages, on the server.
-20 Not following the mandatory folder structure outlined above.
-5 -5 points for each broken link.
-5 -5 points for each broken image.
-5 -5 points for each unoptimized image.
-5 -5 points for each uncredited image.
-5 -5 points for each page not linked to from your site map.
-5 -5 points for each page that does not validate according to the W3C's HTML 5 standard and/or the W3C's CSS 3 standard.
-25 Not having at least 8 pages.
-10 Using tables for page layout (tables may be used for tabular data or to lay out forms).
-10 Using movies without prior approval.
-10 Using JavaScript without prior approval.
-10 Using Flash without prior approval.
-5 Using generic, placeholder, or missing content (Lorem Ipsum text).