Project 2

  1. You will use the code editor, Textwrangler, and the graphics program, Photoshop, for this project. Not with any other online/offline templates or Web authoring software/applications.
  2. For this and all future projects, you must link a stylesheet to each page (external CSS, ex: style.css).
  3. Site must have a total of at least five pages.
  4. Missing any of the previous three requirements of the “Overall Requirement” will result in a failing grade. So please follow the guidelines and requirements.

Requirements:

  1. Use divs and HTML5 tags to format the structure of all pages.
  2. Have at least several paragraphs on each page.
  3. Site must have a total of at least five pages. Pages can represent separate areas of the site, like home, about, contact, links, etc. You must add one additional page to the site that you did not already have in p1, something to do with a specific hobby or interest.
  4. Your pages should be 900 px wide. The default width of our templates is 900 px wide.
  5. Decide on an appropriate navigation strategy, with four <a> states (a:link, a:visited, a:hover, a:active).
  6. You must change the color of the navigation, make it different from the default.
  7. Include at least one  good photo of you and one graphic. Photos must be optimized with Photoshop. Have appropriate file format (jpg, gif, or png), file dimension (i.e. banner should be 900×70 px), and file size (no more than 100 kb for each image, unless there is a specific reason to do so).
  8. Design your own graphics, such as site logo or banner, in Photoshop.
  9. Include at least three external links to relevant sites. External links must open in a new window (target=”_blank”).
  10. Make sure you include a title for your website (using title tag) and your email address somewhere on the site.
  11. Add a date to the bottom of the home page. Update this every time you make a change.
  12. Make sure you save the page with a .html extension.
  13. Submit your assignment in a new blog post (with your name in the title) to the class blog, NO LATER than midnight, Friday, Feb. 19th.