How-to Become Superman
http://csusap.csu.edu.au
Aimed People
Firstly I aimed at is people who like superman Secondly I aimed at exercise buffs Thirdly I thought superman + exercise = being superman!
Goals
Extremely simple design Colour co-ordination of superman For myself a well as other to have a workout regime Convince people to work out To achieve at least a pass
Index
Main Links
Titlepage
Stretches
Workout
Index: Image of superman turned into a link
Links: Table holding 5 images 3 with links, the table has a white border; the links are coloured light blue. Title page: Table holding picture and the intro text, all have been centred. All the text and links have been coloured, text is white, and links are yellow. All h1, h2, h3 Trebuchet MS, Helvetica, Arial, sans-serif fonts All h1 white
Content
Stretches/Workout: The background has been fixed so it won’t move with the contents Table with background coloured and translucent Text black Pictures sized
Layout
Index: How The image/link was centred Why Appealing Main: How On the right side of the page is links with a 30% frame size and title page with a 70% frame size Why Because the contents of the page is always bigger then the links Links: How Centred the table Why So when you get to the page it stands out Title Page: How Centred the table at the top of the page, and the entire introduction is centred as well, the other text remains normal. Why Attracts the eyes to the centre Stretches/Workout: How Table centred, h1 centred, all other headings centred Why Visually appealing
Index The big Picture/link of superman logo is to invite visitors in the site. Links Links on the side with picture of superman in the background, because links for quick access to the other pages and the picture in the background for nice visual effect. Title Page Nice big picture of superman for a nice visual effect and introduction on what the website is about with resource links and contact links references for anyone looking to research XHTML for further their knowledge of fitness. Stretches/workout The background is a superman logo for a visual appeal, the background colour within the tables is translucent to see the full logo in the background, pictures for illustrations ad text for descriptions.
Function