Week 10: Final Project

Final Project Requirements


  • accurate sitemap
  • revised wireframes
  • styleframes


  • your homepage
  • your artist statement
  • your bio
  • your portfolio
  • your skills
  • contact page

Information Architecture

  • one section without subpages (like a homepage or contact page)
  • one section with 2 to 3 subpages


  • Image rollover
  • CSS link states
  • 2 Link types (email, new window)


  • GIF
  • JPG
  • All sized properly


  • a live area that fits a browser set to 1366×768
  • use of lists and divides
  • effectively placed HTML text and CSS
  • (your site should not be all images)


NOTE: You must have a page called homework.html and it must include all of the following:

This includes:

  1. Register your blog
  2. Delicious
  3. Create resume and artist statement
  4. Gravatar
  5. Facebook Page
  6. Add social book marking on your blog
  7. LinkedIn – 100% complete
  8. Create Twitter and YouTube accounts
  9. Create Resume, Index, Contact and Artist Statement pages
  10. Mark up your resume
  11. Put all homework links on homework.html page
  12. Longest page, add back to top markup
  13. Make and unordered list
  14. Create an external CSS for the bio and resume pages
  15. Add div’s to all your pages
  16. Use styles including font, color size
  17. Create boxmodel.html
  18. Recreate Layout 1 and Layout II
  19. Recreate the sample layouts
  20. Gather all materials for website development including all graphics, images, videos
  21. Make an image gallery with 6 images including thumbnail and full sizes
  22. Create wireframes
  23. Create styleframes
  24. Create site map
  25. Create css stylesheet that includes different backgrounds, headings, links and list styles for each of the three divs
  26. Add rounded corners to your divs
  27. Create a single image roll over menu
  28. Create a photoshop design template for your homepage and save as a jpg
  29. Create production graphics for your site


  1. Create a new sitemap that incorporates any changes you made after reviewing your site’s content.
  2. Create the remaining wire frames for all pages on your site:
  • Your wire frame layouts will need to be intuitive to read and close to the scale that it will appear in the web browser. You will need to indicate if a part of the layout will fit above the “fold” (the portion of the screen that is visible to the user without requiring the user to scroll).
  •  Use plain boxes to show the placement of “side bar” content areas
  •  Design the page layout as 1280 x 800
  • For regular text, use a 8 or 9 points font size to correspond to normal text sizes within the common default settings with the browser.
  • Use an underline to indicate all links (text or images)
  • If you use elements such as drop down menus or text field boxes, make sure they are recognizable and always treated the same within your wire frame layout

3. Create style frames for your home, about and contact pages.

4 thoughts on “Week 10: Final Project

Comments are closed.