Printed from •

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 5/16/16. 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 05/18/16.

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 130, regardless of how many skills you demonstrate from the list of optional items below.

Skill demonstrated
50 5 points for each self-created* Web page, up to 50 points, that contains all of the following:
  • An HTML 5 DocType, or an XHTML 1.0 Strict 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, or valid XHTML 1.0 Strict.
  • Valid CSS Level 3.

* Script-generated pages do not count.


2 points for the use of each of the following types of form tags, up to 10 points, used in a form that collects user data* and sends it in an e-mail:

  • Text.
  • Text area.
  • Drop-down selection menu.
  • Radio buttons.
  • Checkboxes.

*This form should fit in with your project's theme (in other words, it is not simply be the same as the homework exercise).

12 Building the entire site with PHP includes (this means at least three includes on every page, one of which must be the navigation menu).
5 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 Responsive Web design that adapts to desktop window size (mult-columns down to one column).
8 A style switcher that uses JavaScript and cookies, that allows the user to switch between at least 2 different style sheets. The style sweitcher controls must be present on all, or almost all, pages.
6 A random content PHP script that uses at least 5 files.
8 A slide show using JavaScript and/or PHP.
4 Automated breadcrumb trail using PHP. The breadcrumb trail must be present on all, or almost all, pages.
10 The use of CSS positioning and/or floats as the method of layout for all, or almost all, the pages of your site.
5 A site map, containing a link to every Web page of your final. The site map must be its own page.
5 Personal presentation of your final project site in front of the class.
4 The use of one or more custom fonts using the @font-face selector, with the font file(s) in a fonts folder in your final project folder on webhawks.
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.
6 A menu that indicates the current page, as a PHP include (as shown in this tutorial).
6–12 A pre-approved* script of your choice (*request approval via email)
6–12 A second pre-approved* script of your choice (*request approval via email)
130* 130 total maximum points; *you don't have to do everything here to get 130. (If you do more than 130, you only get 130.)
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 XHTML 1.0 Strict or HTML 5 standard and/or the W3C's CSS Level 2.1 or Level 3 standard.
-25 Not having at least ten pages.
-10 Using movies without prior approval.
-10 Using Flash without prior approval.
-5 Using generic, placeholder, or missing content (Lorem Ipsum text).