Web Site Project (/90)

This project is the major project for the Web Design Unit of Information Technology 9/10. It incorporates portions of the multimedia and electronic communications divisions of the ICT curriculum.

Assignment Description

Select a topic that is of interest to you. For example, a type of car, a sports team, a company, a musician, a product, a hobby or sport - these are just a few possibilities. Check out Student Examples for more ideas. Gather information and content for your site. Plan the structure of the site using a flow chart. Design and build the site. You will be given about 3 weeks to complete this assignment.

Steps to Designing a Website

  1. Pick a topic. Sign up.
  2. Pick the subtopics
  3. Flow chart it. Get a checkmark from Ms. Wear.
  4. Pick a design.
  5. Pick a color scheme.
  6. Create a template. Show it to Ms. Wear.
  7. Validate code
  8. Write your content.
  9. Get your pictures.
  10. Put into site.
  11. Validate code

Requirements

The requirements are fairly flexible. You should put about 20 hours into the design and creation of the site. (This does NOT include time spent creating images and writing content for your site). The project is to create a web "site", not a "page." I suggest your page include at least six pages (this is very flexible) which might include a home page, a credits page, and a minimum of 4 content pages. You may also choose to include an "about me" page.


Milestones (/15)

Milestones are a common tactic used in development environments, inluding and especially large software development environments, to ensure and monitor steady development of a product and accountability.

Milestone 1 (/5) Due in class Friday Dec 15 .

Given the large and graphical nature of this project, the following must be presented discussed with the teacher for Milestone 1:

  1. Flow Chart or Story Board (get a check mark from Ms. Wear)
    sample flowchart
  2. 300 words, written by you, for content, organized into subtopics.
  3. 4 images you plan on using for your website, (include a link to each source, and a link to terms of use (for the credits page))
    Sample Image for Horse Site

Milestone 2 (/5) Due at beginning of Thursday Dec 21.

Students must present and hand in the following for Milestone 2:

  1. Template layout completed using CSS and div tags with borders. It might look something like one of these:
      
  2. Template has the following additions:
  3. Color Scheme (screen shot and color codes). Places to find color schemes:
    sample flowchart
  4. 900 words, written by you, for content, organized into four subtopics.
  5. 8 images you plan on using for your website, (include a link to each source, and a link to terms of use (for the credits page))
    Sample Image for Horse Site

Milestone 3 (/5) Due at the beginning of class Wednesday January 10.

Students must present and hand in the following for Milestone 3:

  1. Home page template is complete and named index.html
  2. Content Template is complete
  3. the navigation bar has all links working to other original content pages
  4. HTML and CSS validate
  5. 1200 words, written by you, for content, organized into four subtopics.
  6. at least 1 of the content pages is complete with all images and text (this does not include the home page or the credits page)

Final Project Due Monday Jan 15.


Evaluation (/75)

Copyright Rules (20)

  - no copyrights are broken. All images and text are original, in the public domain, released under a licensce that allows you to use it on your website or are acquired with permission from the copyright owner.
You must include a credits page which contains:
  1. If you created all the content on the website yourself, your credits page will NailArt credits or Skippers credits.
  2. If you used images that you did not take, your credits page must contain the following for EACH IMAGE: and your credits page might look like Dance credit or Joker's credits.
For free images, check out:

You may wish to declare the "terms of use" for original material on your website. Go to Creative Commons Canada to create a Terms Of Use License.

Content and Organization (20)

A great website has great content. It should be interesting, applicable to the topic of the site, well organized, well written. Content is usually a combination of words and applicable images.

Navigation, Byte Size and Functionality(10)

Code(10)

Although browsers can be very forgiving when tags are out of order or forgotten, a quality site has clean, accurate, complete, and easy-to-read code.

Graphical Design and Appearance(10)

Create a design template that is used as the basis for all the pages in your website. For this project, no design applications (such as DreamWeaver or online website generators), or templates designed by someone else, may be used.

Personal Effort(5)