Class Links

Course Links

 

 

 

 

 

 

 

 

 

 

 

 

Final Project : Fall 2009

Over view:

  1. Create a folder titled final_project (be sure to include all of the underscores, no spaces as a UNIX host will consider the spaces to be legitimate characters).

  2. Using your midterm project content or new topic approved by instructor.

  3. You will change the look and feel of the midterm project or topic approved by instructor with tables and CSS

  4. If using the midterm project - it must be dramatically different in look and feel from original.

Final Project Timeline:
Project Scope Completion November. 18, 2009 10% of Final Project grade
Beta for testing December 2, 2009 10 % of Final Project grade
Final Exam December, 2, 2009 Must be completed by beginning of class December 7, 2009
Final Project Presentation Decempber 7, 2009 Last day of class : No late projects accepted

Part 1 - Scoping Project - 10% of project grade - The purpose of this exercise will be to get you looking at other web designs and helping you find a new look and feel.  You will also examine search engine strategies from the web sites you assess.

  • Review Chapter 5 (week7) - Web Design, the first part of your final project will be based on this chapter’s concepts.
  • Complete all parts of Scope handout (handout available on Nov.18).
  • Due date - Nov. 18, 2009 by end of class (No late Scopes after deadline)

Part 2 - Beta Testing - 10% of Final Grade

  • All Pages have content (text and images - place holders may be set if needed
  • Navigational links working
  • Presentation set in CSS
  • Due date - December 2, 2009 by 10:30 am ( no late betas after deadline)

Part 3 - Specifications for Final Project Pages 75 % of project grade

  1. CSS will be external
  2. CSS filename will be final.css
  3. All pages and related files must be saved in the final_project folder
  4. The final project web site must include
  5. One (1) Index page (from midterm, unless new topic)
  6. Four (4) supplemental pages (from midterm, unless new topic)
  7. One (1) credits page (new) credit.html
    • Credit page will have links to where you got your images and content
      REPLACING THE COPYRIGHT PAGE, or copyright links on pages
  8. One fairuse page (new) fairuse.html
    • Copy statement and paste into html page
  9. One (1) Survey Page (new) survey.html
  10. Page layout will be within one of 2 css formats (new)
    • Layout 1 - similar to ex.6.5 pg.233 (single div layout)
    • Layout 2 - similar to 6.6 pg.237 (two-column div layout)
  11. Navbar to be included in each page 
  12. Navbar links should only include main pages -REMOVE any extra page links from midterm
  13. REMOVE any extra pages linked on main pages
  14. If navbar - image buttons, must include text navbar at bottom of page. 
  15. Credit, fairuse and survey pages should have links only on footer not on Navbar
  16. Include one form (new) - set in new survey page (survey.html)
  17. link survey on footer
  18. Include one credit page (new)
    • Include link to credit page in footer
    • Use name anchors to link copyrighted materials to credit page
    • Include fairuse statement link in footer
    • Fair Use Statement - create page, filename fairuse.html
  19. Include one form (new) - set in new survey page (survey.html)
    • link on footer
  20. Use tables to organize form information
  21. queries must be related to topic
  22. Use min. 8 input controls in form:
    • text
    • password
    • checkbox
    • radio
    • textarea
    • selected list
    • submit
    • reset buttons
  23. method="post" action="http://webdevfoundations.net/scripts/formdemo.asp"
  24. Homepage must have keyword and description metas (new)
  25. All pages must have distinctive titles
  26. All pages must have basic info metas (author, class, expires)
  27. All page footers must include links to :
    • Fair Use Statement
    • Credit Page
    • Survey page
    • Webmaster info
    • footer will be small, italic
  28. All pages must have XHTML validation icon
  29. CSS validation on homepage only(new)
  30. Add link to midterm homepage on credit page (new)
  31. FTP the final_project folder to your root folder (same level as your homepage)
  32. Add final project link on your homepage
  33. Can only grade final project if it is linked on your homepage by due date.
    Unlinked final projects will not be accepted even if uploaded by the deadline.
    The concept of hyperlinking files is fundamental to your learning experience in this class
    and must be demonstrated in your final project.

External CSS Criteria:

  • <body> background, text
  • <h1>, <h2> font, color, alignment
  • <p>font, size, color
  • <ol> font, size, color
  • <ul> font, size, color
  • <dl> font, size, color
  • <table> color, font, alignment, size, border
  • box model to be used in at least one tag(element)
  • Min. 2 classes per site
  • id's to be used for layout
  • Hyperlinks <a href> link, visited and hover
  • One point will be deducted for each html presentation attribute found on site

Final Project Due: December 7, 2009 by the beginning of class (no final project will be accepted once class starts)

 

Part 4 - Presentation - 5% of final grade

Presentation must be completely different from midterm or topic approved by instructor.
Consider these concepts as criteria for the presentation: (Based on Project Scope results)

  • Usability - ease of navigation - Page layout
  • Web readability - Text Design
  • Visual impact - design
  • Priority Placement