Marking criteria for web production

Required Elements

• 15-25 separate html pages (you can go over 25 pages, but I'll stop marking there)
• aim for about 150 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

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) -- 5 sec/3G speeds
• Browser compatibility & screen compatibility
• Broken links
• Avoid right scrolling or 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 and effective: color use, design & typogrpahy
• Effective layout at larger screen sizes
• One hybrid image that you created, which incorporates both text and visuals (a logo and/or banner you designed would count - you can also put a 24-bit PNG on top of a background image in the banner to achieve this)
• Avoid bad dithering, 'ghost box' syndrome
• Quality of images
• Relevance of images
• Properly compressed and SIZED 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 on the "about the web site" page, if you have one)
• 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?