| 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:
- perfect navigation using a navigation bar
- usability in web design (
http://usability.gov/ )
- web design process as used by companies
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: |
top |