Marking criteria for web production

Required Elements

  • 13-25 separate html pages (you can go over 25 pages, but I'll stop marking there)
  • aim for about 100 words/page on average, but feel free to go longer if you need to, and shorter on pages where it's appropriate (i.e., site map, contact page, about the site)
  • original textual content
  • if you your content refers to other sources, please cite them in a separate "Sources" page
  • good navigation (see below for details)
  • user friendly design
  • helpful semantics in HTML code
  • minimum of five properly compressed images (buttons, tabs, photos, etc. count)
  • one image that combines textual and graphic elements (a logo or banner)
  • Site ID (logo, wordmark, tagline)
  • Web maintainer email, or contact page (can be dummy or "fake" addresses)
  • Last date updated (on home page, at least)
  • Individual, unique & effective HTML Page titles
  • Long pages have “back to top” links
  • Useful alt tags on images
  • Sensible file structure that uses best practices
robot giving us a thumbs up

Navigation (required)

  • Site Map (shows all html pages, linked)
  • Persistent Navigation
  • Local Navigation (in sections with multiple pages, or drop down menus)
  • Secondary text-only navigation (at bottom of page)

Usability

  • Readability (font size)
  • Readability (column size/margins/left aligned body text)
  • Contrast (bg to text, images)
  • Web friendly text (written for the web)
  • Reasonable Load time (images properly scaled and compressed)
  • Browser compatibility & screen compatibility
  • Broken links
  • Avoid right scrolling, navigation below the fold using 1024x768 screen resolution as the smaller display
  • Does the sited degrade gracefully? Is it work at smaller/larger screen resolutions?

Graphic design

  • Consistent: color use
  • Consistent: design
  • Consistent: typogrpahy
  • Effective layout
  • One image that you created, which incorporates both text and visuals (a logo or banner you designed would count)
  • Avoid bad dithering, 'ghost box' syndrome
  • Quality of images
  • Relevance of images
  • Properly compressed images
  • Overall impression

Textual content

  • Meets comms goals (if you change your topic, please describe your new comms goals and audience at the bottom of your site map, or about the web site page)
  • Quality of writing
  • Originality of content (no content copied from other websites!)
  • Originality of site idea

Overall effectiveness

How effective is the site overall, taking all of the above into consideration?