Overview: A website for a subject of your choice, with at least 7 pages: Home and 6 content pages.

Part 1: Final Project Planning (mostly written)

Part 2: Finishing the site and adding the content

Criteria for the Finished Web site

• 7 pages. Home and 6 content pages.
  
  
• Structure: (1)At least one table on every page. Table structure does not have to be elaborate.
     OR (2)CSS-Structure using <div> tags. (These can include tables if you wish — optional)
  
  
• All pages should have
  1. xhtml doctype (make sure your code is lower case and with closed tags to go with this)
  2. metatags
  3. alt copy for pictures
  4. consistent navigation
  5. consistent look-and-feel
  6. at least one image (non-navigation) and two paragraphs of text...approximately. I don't plan to sit and count every one, but will mark off a site that is "light" in content. Text should be real content, not greeking.
  7. copyright with your name (or name of a company). If you need to credit anyone else, include those copyrights too.
     
     
• One page should contain a form with three types of form elements (such as text fields, a radio-set, checkbox(s), select list, text area, etc.) If a form does not seem appropriate for your type of Web site, I suggest a Contact Form.
  
  In your main form tag, make it process to: http://webdevfoundations.net/scripts/formdemo.asp (code on page 366). Don't forget the submit button!
  
  
• All pages should tie to an external style sheet.
  
  
• This site should be in it's own folder. (Since this folder will become part of a URL, remember to use no spaces in the name of this folder).
  • Upload the whole folder to your class web site. No spaces in file name please.
  • The Home Page should be named index.html
  • Link to it from the Home Page of your class web site. (yeah, I know -- link index.html to index.html!)
    
    
• No frames. (exception: if you wish to have an iframe as part of a page, go ahead. But this would not count as one of your 7 pages)

Due Monday, December 7.
Show and Tell (in class) on Dec. 7th.

Comments:

The first step is all-over planning. (see part 1).

After that, you can proceed to:

• either:
  1)preparing a "template" or 2)content development (it has to be done sometime! I suggest doing it in Word.)
• 3)preparing a shell
• 4)putting content into the shell.

Use your flow chart and outline to help you figure out file names and linking for the "template" before you start the "save as" or template process. It also helps to have the link-code in place for the external style sheet. (You can always add to the style sheet later if you need to). Don't worry too much about the actual content until you have the main structure done and your links are working.

• If images are part of your main format (banner, navigation, etc.), this is the time to add them.
• Sometimes a little Greeking helps to work out how type will look with a style sheet applied.
• When working out the "look and feel", as well as main table structure, it helps to do a little sketching on paper first. (Most professionally designed sites are completed only after preparing a "prototype" done in Photoshop or Fireworks.) Sketching is required in Part 1 (above), but be prepared to do more of it if necessary. I often have to sketch out table or div structure, as well as design.

Write out your content with any word processing program to develop your ideas (such as Word). Use your flow chart and outline to help in content development.

Complete the web site by copy-pasting the copy into the appropriate cells or div tags and adding the content-images. Check your spelling and proof-read your work.