Midterm Project - Topics for project

This week you will demonstrate your ability to apply the knowledge you have gained so far during the semester.  You do not have any criteria that were not address somehow in your textbook hands-on exercises, case study work or class demonstrations.

Please follow instructions carefully and get all the basic specifications in place.

For your midterm, choose from one of the topics provided on the above link to create a web-site using ONLY the tags and CSS you have learned to this point in class. Post the midterm project on your student server space. General Project Requirements for all Projects:

  1. Page requirements: Index page and four (4) supplemental pages, inside a midterm_fa08 folder
  2. File Naming Conventions: Save index page as index.html in a folder titled midterm_fa08 (do not place your midterm folder inside the practice folder, it should be at the same level as your case studies), save other pages as outlined in the project you choose. Make sure and save all files inside the midterm_fa08 folder
  3. Sources: All text content MUST BE YOUR OWN WORK - DO NOT copy and paste content from another site and claim the work as yours, in other words paraphrase. This also applies to graphics. We have covered fair use and copyright, make sure and include credit to sites in which you have borrowed graphics. Give credit to the site or sites where you obtained information/graphics -- at the bottom of each page or you also have the option of creating an additional copyright citation page where you can include citations for all pages using source material which is not yours. DOCUMENT all source material if it is not your own. This can be accomplished by copying the web address and placing it at the bottom of each page using a citation format and copyright symbol -or copyright page.
  4. Specification for each project:
    • Include a heading tag on each page (can use more as needed for key points)
    • Create a navbar linking all pages in the project
      – navbar should be available on all pages, at the top of each page.
    • Include a minimum of 2 paragraphs of textual content per page. Each paragraph should contain at least 4-6 sentences.
    • Include an ordered, unordered and definition list at least once on your web site
    • Include min. 1 absolute link
    • Include min. 4 graphics
    • All graphics should be saved in an images folder (inside the midterm_fa08 folder)
    • All graphics should include width, height and alts.
    • All graphics must be optimized
    • One graphic must be an animated gif
    • One graphic must be an image map
    • One graphic must be transparent (gif)
    • Include a horizontal rule
    • Include an external style sheet, filename midterm_fa08.css (save inside the midterm_fa08 folder with all other files for the midterm)

  5. Update your homepage, add link to Midterm Project
  6. Changes in external CSS:
    • <body> background, text 
    • Choose a contrasting color scheme for body, text and links – but must enhance your topic, too
    • <h1>, <h2> font, color, alignment, background, border
    • <p>font, size, color
    • <ol> font, size, color
    • <ul> font, size, color, image bullets
    • <dl> font, size, color
    • links: link, visited, hover states
    • Create a minimum of 2 classes
    • Create a minimum of 2 id’s (wrapper to center all and footer)
  • Place all credit information at the bottom of each page or in a separate copyright page.
  • Include the fairuse statement
  • Validate each page using the www. validator.  Link is available on student server page- must have validation icon on each page to get credit for validation
  • Uploading all files and folders to the FTP Server

REMEMBER--- Create a folder titled midterm_fa08 (be sure to include the underscore, no spaces as a UNIX host will consider the spaces to be legitimate characters and you may lose the link. All files and folders created for this project must be saved inside the midterm_fa08 folder.   DO NOT put the midterm folder inside your practice folder. It should be at the same level as your case studies.

Grading:

  • Specifications count as 70 points
  • XHTML coding will account for 20 points.
  • Layout and design will count as 10 points

DUE: Oct. 22, 2008 - End of Class

 

 
Announcements: