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
- Mandatory folder structure: All files (Web pages, images, style sheets, etc.) associated with your final project must be in one folder (although this final project folder may contain subfolders). Your final project folder must be be inside your public_html folder in the class folder on the webhawks.org server. You may not use other Web space that you may have available to you outside of class for your final project.
- Your final project's home page file must be named "index.html".
- Raw files (such as Photoshop psd files), sounds, movies, or other files not used by your project's Web pages must not be stored on the server.
- All links must be relative (with the exception of links to external sites, which of course need to be full URLs).
- Eight pages minimum. (An external stylesheet is not a Web page.)
- A coherent content theme.
- A consistent look and feel.
- A site map, containing a link to every Web page of your final.
- All photos and images must be optimized.
- All photos and images must be used only with the permission the of copyright holder.
- All photos and images must be credited. The credits must be placed by each image.
- Tables may not be used for page layout (tables may be used for tabular data or to lay out forms).
- JavaScript, movies, or Flash must have prior approval (send me an email stating exactly what you propose to do, and why the use of one of these technologies is necessary for your project)
- No generic, placeholder, or missing content (no "content coming" or Lorem Ipsum text).
- The final project feedback form must be submitted by the due date.
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:
|
| 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):
|
| 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). |