The purpose of these guidelines is to provide students with the
criteria that will be used to grade the project so they can use the
same criteria to design and build it.
For your project to be graded it must be published and
accessible over Internet. On the day of the fina it must be at the URL
you would have submitted.
You must have several web pages. You need enough pages to
demonstrate that your navigation scheme would effectively help users
find any of the web pages with a minimum of clicks. Each page must be
part of a project-wide navigation scheme. Part of the exercise is to
decide what kind of content would be necessary for the web site that
we agreed to do in class.
The site MUST use CSS.
All pages must validate. You should use html5. If you use some
technique that will not validate in html5 you must explain.
The pages should not contain typos or bad grammar. You will lose
points for that kind of mistake.
The first page must have a very clear and concise explanation of
what the web site is about. For any page, users should be able to
tell at a glance what content to expect from that page and what kind
of content to expect from the website of which that page is one of the
You must have some navigation scheme. Whatever navigation
technique you use it should be possible for a user from any your
webpages to be able to navigate to any other with a minimum of clicks
(3?). It is ok, and even desirable, to have multiple paths between
pages. On the other hand you cannot have too many links on each of
Your navigation bar should indicate where you are (like the
navbar example presented in the book), where you are coming from, and
qhere you can go.
Your project must use pictures in a useful way.
No annoying effects (flashing, animation, scrolling text, etc.)
If you decide to use a certain technology or effect it must be only if
it makes your website more effective. If the effect does not increase
the usability of your website or does not convey your message more
effectively, it should not be there.
You must use the top left hand side for something you don't want
users to miss (it would be a mistake to leave that space blank). It
is accepted practice to put the logo of the website there and to link
it to the homepage.
Each website must have some graphical unity (i.e. graphical
design, look, etc.) achieved through color, fonts, grids, pictures,
It must be clear for the user what to expect if he clicks on a
link. In other words, avoid "mystery meat" links.
Scrolling is bad (especially lateral scrolling). Nothing
important, specially any part of the navigation, should end up "below
the fold". There should be absolutely nothing that requires lateral
scrolling. This has to be true even if the user makes fonts
Your site should be able to adapt without breaking if the user
changes font sizes
The site must have a site map. The site map must include a link
to every page of the project. The links must be organized so a user
could find what she is looking for easily.