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
Content
Index: Stretches/Workout:
Image of superman turned into a link The background has
been fixed so it
Links: won’t move with
the contents
Table holding 5 images 3 with links,
the table has a white border; the Table with
links are coloured light blue. background
coloured and
translucent
Title page: Text black
Table holding picture and the intro Pictures sized
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
Layout
Index:
How Title Page:
The image/link was centred How
Why Centred the table at the top of
Appealing the page, and the entire
introduction is centred as well,
the other text remains normal.
Main:
Why
How
Attracts the eyes to the centre
On the right side of the page is links
with a 30% frame size and title
page with a 70% frame size
Why Stretches/Workout:
Because the contents of the page is How
always bigger then the links Table centred, h1 centred, all
other headings centred
Links: Why
How Visually appealing
Centred the table
Why
So when you get to the page it stands
out
Function
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.