Back to Class Ten page »

Exercises

Good Food Website

Your complete Good Food website will be due on Monday, December 3 (one week from today). You only need to complete the following pages for this site:

• index.html
• about.html
• resources.html
• recipes/index.html
• recipes/mango-chutney.html
• tips/index.html

The final version should fit the following criteria:

• Your own complete and cohesive design
• Clear and consistent site navigation, including a link to the home page on each page. The only exception to this is the homepage, which does not necessarily need a link to itself.
• All links should work. If there are links that do not link to a page you have done, use the pound symbol (#) as the link. This will cause the link to still act like a link, but not actually do anything.
  Ex: <a href="#" title="dummy link">Dummy Link</a>
• All HTML pages should validate
• All styles should be done using an external style sheet and the reset.css style sheet I gave you.

You should make sure there is a link on your class website that includes the text "Final Good Food" website, so that I know it is your final version. There should also be a working link to your blog, your midterm assignment and the various parts of your final project.

Final Project

Today we critiqued your final photoshop If you haven't already, it is time to begin coding your site.

Start by creating the HTML for all of your pages. Save yourself time by copying and pasting common elements (like the header, navigation, and footer) into each page. After your HTML has been created and validated, you should start working on your CSS.

Deliverables

Please create a named folder inside which is a folder for your final mockup.

• Vol2 > Grabiner/Comm244>Final Project > YourName>Final>Mockups > Final

Save a copy of your PSD file in the same folder. Make sure that you still have your PSD file saved in at least one other different place!

Blog Assignment

For your blog post this week, I'd like you to comment on your experience making a Photoshop mockup for your website. Was it easy or hard? Did you feel like you were able to focus on the design of your website rather than the coding? Were you frustrated? Do you feel confident that you will be able to translate your mockup in to an actual website?

Back to Class Ten page »