Sam Haanappels Website

1
Sam Haanappels Website

• Url http//csusap.csu.edu.au/shaana01/

2
Intended Audience

• Students enrolled in Communication and
  Information Management.

3
Website Goals

• Easy to read
• Inviting for many age groups
• Has an impact on the viewer
• User friendly

4
Site Structure
Power Point Presentations
Home
Contacts
Bryce
About Me
My Pics
Snowboarding
Serena
Bryce
5
Website Description -
Home

• Content
• H1 heading, paragraphs, line Breaks, hypertext
  links, metadata and linked to an external
  Cascading Style Sheet.
• Layout
• H1 heading placed at top of page. Gives the
  viewer a clear idea of what page he is currently
  on.
• Text followed shortly after thats laid out
  making the text easy to read.
• Paragraphs used to separate text.
• Hypertext links placed in a recognisable
  position.
• Page breaks separates text, creating an
  easy-to-read document.

6
Website Description
Home (cont.)

• Purpose of page (function)
• Grabs readers attention by using rhetorical
  question in first sentence.
• Create an overall easy page to browse, navigate
  and read.

7
Website description
About Me

• Content
• H1 headings, small text, ordered and un-ordered
  lists, paragraphs, line breaks, hypertext links,
  metadata and linked to an external cascading
  style sheet
• Layout
• Separated each body of text with adequate line
  breaks.
• Incorporated H1 headings gives clear titles to
  each body of text.
• Placed un-ordered list to help view read a long
  list of counties, making it clearer and easier to
  read.
• Uses an ordered list to help viewer read through
  a sequential list.
• Site uses hypertext links within text bodies to
  help viewer navigate themselves to desired
  destination

8
Website description
About Me (cont.)

• Purpose of page (function)
• Incorporates lots of information to create a page
  not to overwhelming.
• Allows the user to use hypertext links to jump to
  desired page destination.

9
Website description -
Bryce

• Content
• H1 and H3 heading, paragraphs, bold/small text,
  line breaks, hypertext links, tables, metadata
  and linked to an external Cascading Style Sheet.
• Layout
• Headings used to create easy recognised headings.
• Bold text to clarify between Bryces details.
• Hypertext link used to help viewer navigate page.
• Table displays information in a clear relevant
  way.
• CSS enables table background colours which
  creates an easy-to-read table, well spaced

10
Website description -
Bryce (cont.)

• Purpose of page (function)
• Display an array of information in a tidy and
  easy-to-read way.
• Makes the viewer want to return to see the
  regular up dates of table.
• Inviting for all ages, clear and simply written.

11
Website description -
My Pics

• Content
• H1 headings, paragraphs, hypertext links, tables,
  images, metadata and a link to an external style
  sheet.
• Layout
• Images used as hypertext links to link to
  relevant documents.
• Simple layout to creates a user-friendly page.
• Table lays out clickable links in a tidy
  technique.
• CSS helps create a consistent font, background
  colour, line spaces, table background colours and
  a margin.

12
Website description -
My Pics (cont.)

• Purpose of page (function)
• Give the viewer three options to help them reach
  their final destination.
• To use a well laid out format to allow the user
  to clearly take the path in which they desire.

13
Website description -
Contact

• Content
• H1 headings, paragraphs, hypertext links,
  un-ordered lists, bold/italic text, metadata and
  a link to an external style sheet.
• Layout
• Bold text allows reader to easily distinguish
  between the type of information being offered and
  the actual information on the page.
• Simple sequential design help viewer navigate
  their way through the page.

14
Website description -
Contact (cont.)

• Purpose of page (function)
• Makes an impact on the viewer by using
  consistency through-out all pages.

15
Website description -
General

• All pages are consistent with same colour text,
  line spacing, margins, table background colours,
  etc via the link to the external Cascade style
  sheet.
• Each page has a Last updated section to allow
  the view to see when the latest maintenance
  activity was.
• Each page has adequate headings to allow the
  viewer to navigate themselves around the page as
  required.
• Each page has been broken up with page breaks or
  paragraphs to allow for smaller paragraphs
  creating an overall not to over whelming website.
  
• No page contains more the 100kb.