Recipe Book Website
Project Description
For your first project you will create your final version of the Recipe Book website. While each of you have very similar content, your final website should be your own creation and design.
Your final Recipe Book website is due October 15 at 6pm on October 22.
Project Examples
Below are some example of previous recipe book websites. Keep in mind that even though the content is very similar, your design should be your own. Take liberties with the layout and content.
Grading Overview
The final Recipe Book website will be one of your three projects for the course and is worth 15% of the final grade. It will be scored out of a total of 100 points. Below is the complete grading criteria.
- All Pages Complete (25 points)
- Site Design and Identity (25 points)
- Navigation System (25 points)
- External CSS on all Pages (10 points)
- Reset or Normalize CSS on all Pages (5 points)
- Valid HTML5 on Every Page (10 points)
Project Guidelines
All Pages Complete (25 points)
You should complete all pages for the Recipe Book website. There are a total of 5 recipes and 2 tips, in addition to the 5 main pages. Most of these you should have already completed marking up through the course of the semester.
Site Design and Identity (25 points)
Although your websites will share much of the same content, they should still each stand on their own. Your web page should have it's own design. You may modify the content of the recipes, tips and main pages to suit your vision of the final site.
- The Recipe Book site forms a complete and cohesive whole. It should look and function as an original website.
- The design should be visually consistent throughout the site: typefaces, color, layout
- Original design and logo / logotype
Navigation System (25 points)
Your website should include an obvious and clearly labeled navigation system on every page. Your navigation system should clearly react to a mouse hover event in some way.
- The site must include a link to the home page on every page. This is usually done through your logo, but can also be in the navigation.
- All links must work on every page.
- The text used in both the navigation system and page titles are consistent throughout the site
You do not need to include a link back to your main class website.
External CSS on all Pages (10 points)
You should be using external CSS exclusively for all pages on your website. This should be a different file than what you use for your class website.
Reset or Normalize CSS on all Pages (5 points)
You should use either the Meyer's reset.css or the normalize.css for every page. Choose one approach and use it consistently. You may attach the stylesheets to your pages either of these ways:
- Attach a separate stylesheet (reset.css or normalize.css) using the link tag on each of your HTML pages
- Copy the CSS from the reset or normalize into the top of your own stylesheet
Regardless of how you use the stylesheets, you must include in you CSS comments attributions back to the original author. See the comments in reset.css for an example.
Valid HTML5 on Every Page (10 points)
Every page on you site should validate without any errors through the W3C validator. You can also use the validation shortcut in TextMate (ctrl+shift+v).
Do not skip this step! It's easy points!
Grading Rubric
| Needs Improvement | Meets Criteria | Exceeds Criteria | |
|---|---|---|---|
| All Pages Complete
(25 points) |
Multiple pages with missing content or markup | 1-2 pages have some missing content | All pages have complete content and are fully marked up |
| Site Design and Identity
(25 points) |
Site does not look unique | Site has original design using colors, type and logo. | Site has original design (colors, type, logo. CSS layout properties used to arrange content |
| Navigation System
(25 points) |
Navigation changes per page. More than 2 links not working | Navigation is the same on every page. 1-2 links total not working | Navigation is the same on every page and links work on every page |
| External CSS on all Pages
(10 points) |
More than 1 page have a missing style sheet | Only 1 page missing an external style sheet | All pages have the same external style sheet attached |
| Reset or Normalize CSS on all Pages
(5 points) |
More than 1 page have reset or normalize style sheet | Only 1 page missing reset or normalize style sheet | All pages have a reset or normalize style sheet attached |
| valid html5 on every page
(10 points) |
5 or more pages do not validate. Multiple major issues, especially with accessibility | Minor validation mistakes on 1-4 pages | All pages fully validate (does not include warnings) |
Deliverables
You Recipe Book website must be linked from the navigation of your class website. You may call the website whatever name you came up with (Ex. Tasty Wizard).
The final Recipe Book website will be due at 6:00pm on October 22. All of your files must be uploaded to your Simmons web space by this time. I will download all of your files at this time for grading. This means that files uploaded after 6:00pm will not be included in grading.
Make sure to check all files on your live website to ensure links work and all files are uploaded.