Cal State L.A. logo and University Seal - Link back to main page

CIS 361 - Web Development I. Project Guidelines

email: jperezc at

Guidelines for the web project

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.

  1. 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.
  2. 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.
  3. The site MUST use CSS.
  4. All pages must validate. You should use html5. If you use some technique that will not validate in html5 you must explain.
  5. The pages should not contain typos or bad grammar. You will lose points for that kind of mistake.
  6. 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 components.
  7. 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 pages.
  8. 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.
  9. Your project must use pictures in a useful way.
  10. 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.
  11. You can have some dynamic and/or interactive aspect in your website. You can use Javascript, Flash, Java, ColdFusion, or any other technique you prefer (but for good reason).
  12. 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.
  13. Each website must have some graphical unity (i.e. graphical design, look, etc.) achieved through color, fonts, grids, pictures, etc.
  14. It must be clear for the user what to expect if he clicks on a link. In other words, avoid "mystery meat" links.
  15. 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 bigger.
  16. Your site should be able to adapt without breaking if the user changes font sizes
  17. 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.
  18. Use alt field to name graphics
  19. Use the 3 column layout mentioned in class.