Vincent Massey Junior High

Advanced Web Design - Commercial applications

Assignment

Learning Objectives

Resources

Evaluation Rubric

Curriculum Objectives

Submitting assignments

Home to Modules

 

Student examples:

Cabin Cafe

Rosscarrock Elementary

 

 

Before you attempt this module, you must have completed Web Design Levels 1 and 2 or be able to demonstrate to your teacher that you have some knowledge of HTML through your own web site.

Product: You and a partner will design a web site for a client.
Step 1
  • Find a client who would benefit from having a web site.
    • Elementary school (Westgate, Wildwood, Rosscarrock)
    • Volunteer organization (Massey Band Association, Social Studies, Language Arts, Drama, Art, Scouts, Sports League, Dance Studio..........etc.)
    • Local Business
    Bostock, S. (1998). Courseware Engineering: An Overview of the Courseware Development Process. [On-line]. Available: http://www.keele.ac.uk/depts/cs/Stephen_Bostock/docs/atceng.htm

Step 2

Determine what the requirements are from your client.

Step 3

Work through the multimedia design tutorial to make sure you understand how to go about designing a multimedia presentation. Keep all your plans in a work processing document....you will have to submit this to your teacher and perhaps your client.

top

Step 4

Work through the editor (Dreamweaver, HTML programming, Adobe PageMill) you are going to use. Make sure you know how to:

  • insert background colour/images
  • insert and alter text.
  • insert graphics
  • use tables to help you lay out your design
  • how to hyperlink
  • navigation buttons/links
  • what works in terms of colours/background and the difference between ugly and good looking! (check out "visual hierarchy")
  • check resources

top

Step 5

Check with your teacher that you plan is in good shape so you can begin working on a storyboard for the website. You need to have planned the content/layout/graphics for each of the pages you plan to develop.
Step 6

Develop your prototype and have it checked by the client. Your prototype also needs to be tested by someone else (in this case your teacher!).

Bostock, S. (1998). Courseware Engineering: An Overview of the Courseware Development Process. [On-line]. Available: http://www.keele.ac.uk/depts/cs/Stephen_Bostock/docs/atceng.htm

top

Step 7

Make the changes that the client needs.

top

Web design items to be remembered:

  • your first page MUST be saved as index.html. Save all files in a separate folder, including all graphics/sound/video files that you have downloaded. See the teacher if you need help with the process of downloading graphic files.
  • check that you do not break any copyright laws - this will result in a poor evaluation. The work is to be yours, not copied from someone else.
  • have your name as the web designer at the bottom of each page - this is your copyright.

top

Expectations:

From your previous learning experience:

  • have a clear theme that is required by your client
  • look for backgrounds and other graphics BEFORE you start the page. These need to be downloaded into your folder. You may need to arrange to borrow a digital camera to take pictures.
  • have good navigation on the page (forward and backword buttons, always link to main page)
  • have your name on the bottom of each page - this is your copyright..
  • be very careful about copyright laws - if you are using graphics, text or videos that do not give you free access then you must quote the site on your page.

New learning:

top

Uploading:
  • the prototype will be temporarily uploaded to the school website so that the client can approve it.
    arrangements must be made with the client for hosting.
  • you may wish to make arrangements for maintenance of the website for a small fee.

top

What you need for marks:
  • phone number of client for teacher
  • storyboard and plans
  • prototype of website
  • final product

top


All contents copyright © 1999. All rights reserved.
Revised: November, 2003

Author: Diane Nowlan

jdnowlan@cbe.ab.ca