Vous êtes sur la page 1sur 4

Bethlehem Moravian College

Group: 1BAIT/ Secondary Education


Web Design Project: 30%- Individual Assignment
Date Given:

February 03, 2015

Date Due: March, 2015


You have been assigned a project to develop a website for Bethlehem
Moravian College using all techniques that you have learnt in your web
development class. The client (The schools administration) requires certain
details such as the actual costs and timing associated with the project. You
are required to

1. generate a realistic proposal (in the form of a PowerPoint


Presentation) for the project and
2. develop the web site (assuming that the proposal was
accepted).
The site should have a banner with the Colleges name; a home page called
index.html, containing the history about the College; a footer; and a main
menu with all the links to the different web pages such as the different
Departments, Courses offered, Library, Student Services, clubs and societies
etc. The following elements must be used in the design:
I. CSS (Cascading style sheet)
II.
Interactive forms
III.
Tables
IV.
Image map
V.
Frames
VI. Functions
VII.
OnClick, OnMouseOver, and Rollover.
Web pages should be developed using HTML, XHTML, DHTML, XML and
JavaScripts
The project should run on IIS (Internet Information Service)

Website Design Rubric


Student Name and ID Number:
_____________________________________________________
Objectiv
es

Select Quality Criteria that Best Matches Project


2 points

Design

Images

Layout

Text

3 points

The page design


The page design is
is not entirely
visually pleasing,
appropriate to
although it may not be
the content or
entirely appropriate to
its intended
the content or its
audience
intended audience

Several images
on the site have
problems with
either design or
mechanical
presentation

The images are well


designed for the most
part, although there
may be some minor
problems with either
design or mechanical
presentation

4 points
The page design is
visually pleasing,
supports the page
content, and is
appropriate for its
intended audience
The images are well
designed and
mechanically
effective, without
distortion, excessive
dithering, haloes or
other negative
graphic effects;
images include Alt,
Height, and Width
attributes (may be in
CSS) and offer initial
thumbnail graphic if
file size is large.

Pages use an
effective and
The page layout The sites layout is
uncluttered layout,
is usable, but it largely effective,
using background
has problems
although there may be color to enhance the
with clarity or
some occasional
readability of text
placement of
problems with clarity or and the appearance
elements.
placement of elements of graphics.
Text on the site is
well written and
presented
effectively, using
Text on the site Text on the site is
readable fonts and
has a problem readable and reasonably
text design and
with either style well written, although
without major
or mechanics or there may be minor
mechanical errors
both.
mechanical errors
(grammar,
punctuation, and
spelling).

Navigati A reader can get The site is well


on
around the site, organized and easy to
but only with
navigate for the most
some difficulty part, with clear
relationships between

The site is well


organized and easy
to navigate; the
relationship between
pages is clear and

Scor
e

pages; however, some


sections may be more
difficult to find or there
may be "dead end"
pages

it's easy to find an


individual page;
each page is clearly
linked to another;
links are
appropriate, clearly
labeled, and have a
definite purpose;
page titles are
appropriate to
content and have a
definite purpose

4 points

6 points
8 points
Everything on the Everything on the
site works: there
site works: there are
The site includes are a few (< 3)
no missing graphics
many (>
missing graphics or or broken links; it
3)missing pictures broken links;
can be read with
Mechanics
or broken links,
However, it can be Firefox, Explorer (PC)
but is readable by read with Explorer and Safari (Mac) and
major browsers
(PC) and Firefox
shows equally well
and shows well on on different OS.
various OS.
The site included at
least seven of the
required features of
the assignment:
The site included The site included interactive forms,
Assignment
one to three of the three to five of the tables, image maps,
Requirements required features required features frames, functions,
of the assignment of the given task. OnClick, OnMouse
Over, and Rollover.

HTML/XHTML/ The HTML/XHTML/ The HTML/XHTML/ The XHTML/HTML


DHTML/XML/C DHTML/XML code DHTML/XML code code is clean,
SS
has several
is largely clean,
without misused
problems,
although there
tags: tags are
including incorrect may be a few
nested and
or unnecessary
questionable tags. complete, a
tags. Meta tags
Some pages
minimum of tags are
are not included. validate as XHTML used (use one tag
The site does not compliant. The site with several
use CSS elements uses some CSS
attributes instead of
to control design, elements to control repeated tags),
content and
portions of design, header tags are
layout
content and layout used as headers; all
site names including
folders, pages,
images, frames use
lower case text with
no spaces, and meta
tags are used. The
site validates as
XHTML transitional
at the W3C.org. It
consistently uses
CSS elements to

control design,
content, and layout
The proposal
included all seven
The proposal
elements of typical
The proposal
included one to
web development
included five six
four of the
projects:
Project
of the essential
essential
Introduction, The
Documentatio
elements of the
elements of the
Development Phase,
n
phases of typical
phases of typical
Time & Resources,
web development
web development
Creative Brief,
projects.
projects.
Competitive
Analysis, Forms, and
Proposal Letter.
Total Score
Maximum Points Possible
36
NB. You will be required to make a 5 to 10 minutes presentation
about your proposal.