Theory Contents
Home  |  About This Site  |  The Work  |  Websites |  The Theory  |  Favorites  |  The Experience

 

Introduction to
Web Design

Usability

Information
Architecture

Confirm
Accessibility

Accessibility
Exercise

Search Engine
Optimisation

Prepare Web-site Content

Create, Maintain
& Validate a Site

 

Website Content Guidelines
For Health and Fitness Website
By Richard Langley


Text Based Content
The text needs to be in simple direct active text in the present tense.
The font is to veranda and the paragraph text and headings are to be defined by external css style sheets.
The text for the massage pages should be a little more passive and soothing in nature.

Multimedia Based Content

The graphics should be consistent - resolution of 72 pixels per inch and saved as gif images with colours complementing the agreed colour scheme.

Multimedia Balance
The mix between multimedia and text based content needs to be balanced and not predominantly in Flash for example. Make sure what is available in multimedia is also available in plain text.

Target Audience
Along with enthusiastic text in present tense and bright energetic colours there needs to be "alt" tags for the visually impaired and hot keys for people unable use a mouse. To ensure content conforms to target audience expectations and technology, a survey of a cross section of users needs to conducted.

Protocols
Besides the standard http protocols, shttps is required for a secured layer for logging on of members and credit card details.

Server Support
For membership bookings asp.net sever side scripting is required.

Bandwidth
Keep the file sizes minimised – images to be no more than 30Kb and individual pages to be no more than 200Kb.

Plug-ins
Standard plugins for Flash5 and Adobe PDF.


Site Standards

Working Remote Site: P:/!!!Cert4WebDesign/sport

Save location: All pages to be saved into own folders within site

Template: Templates/MainSportsTemplate.dwt


Overall colours:

Tafe Blue #336699
Maroon #663366
Dark Grey #666666
Black #000000

Links: Blue #336699
Vlinks: Maroon #663366
Hover: Maroon #663366

Main text:
Font Arial –defined in CSS
Colour black –defined in CSS
Size12pt-–defined in CSS

Main Text headings:
Format H1
Font: Arial –defined in CSS
Colour: Grey–defined in CSS


Page Header

Images Size: 325x75
Text: Arial , Bold Italics, First letter Capitalisation
Colour: Dark Grey #666666
Background: White #FFFFFF
Relevant image at right end
Save location: pagefolder/images/
KEEP PSD OR PNG IN CASE THIS CHANGES

Horizontal rules:
Light grey #333333
Width 10 pixels
Length 75%