Gary Jonassen Web Page Design

Download Report

Transcript Gary Jonassen Web Page Design

Gary Jonassen Web Page
Design

The URL to My Site index is
– http://csusap.csu.edu.au/~gjonas01/

My Intended Audience is the General
Public, like friends, family
Gary Jonassen Web Page
Design

The Goals of My Site
– Simple
– Friendly
– Consistent
– Representative of me
– Easy to read
– Fulfil the requirements

Gary Jonassen Web Page
Design
Family Page
Site Diagram
Family
Main Page
family.html
index.html
Scouting Page
Scouting
scouting.html
Main Page
•Introduce me summary
•My likes and hates
•Photo of me
•Links to all my other sites
•External links to sites of
interest
•Introduce my family
•Photo of my family
•Things I like to do with my
family
Cooking
cooking.html
In General
•All pages can link to all other
pages All pages have the same
colour scheme and in my
favourite colours –blue, green
•My Scouting career
•External links to things I like to
do in scouting, inc Ratskin
•Explain what is Ratskin
Cooking Page
•Things I like to cook
•Recipes in detail
Gary Jonassen Web Page
Design
Main Page
•
•
•
•
•
•
•
•
Make the Page about Me (See right)
Start with a photo of Me on the left top
Use Z layout to keep me the focus
Gary Jonassen
Use bright colours for appeal
Points
More points
Keep text to points for clarity
Again more points
And more
Keep text to things about me
Add in links table at the end for my other sites
Link to style sheet
Gary Jonassen Web Page
Design
Family Page
• Started off with a photo of my family
• Used the Z layout plan again to keep interest at
the top
• Described things I like to do with them
• Add in links table at the end for my other
sites
Gary Jonassen Web Page
Design
Scouting Page
•
•
•
•
•
In keeping with the scouting image
Details of my scouting history in point form
Consistent layout with other pages
Some detail about an upcoming event
Add in links table at the end for my other sites
Gary Jonassen Web Page
Design
Cooking Page
• Decided what recipes that I wanted
• Added in text for my recipes
• Added in an easy link to them
• Added in top links
• Add in links table at the end for my other sites