Website Desgin

Website Desgin

1. Task Requirements

   • Self-determined criteria
     • SDC 2
       • Req 1
       • Req 2
       • Req 3
     • Have one page per water dragon
       • Have a page for all bobs
       • Req 2
       • Req 3
   • Prescribed Criteria
     • • Your website must include TWO aspects styled using CSS
       • E.g Background colour
       • Background image
       • font type / font colour
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following
       • E.G
         • Image
         • Hyperlink to an external website
         • Ordered list or Unordered list
         • Table showing information
         • Paragraphs
         • Button
         • Video or moving image
         • Different heading sizes
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Use colours that the user like
       • Have abundant info on what she wants
       • Include lots of text for reading

2. User Persona

   • About them
     • A 13 year old student who is new to MSHS
     • Her name is Evelyn Brady
   • Goals
     • To learn about Australian Water Dragons and other wildlife
   • Fustrations
     • Websites don’t give her enough specific information on individual animals.
   • Needs
     • A quick summary of the reptiles that live at MSHS, as she is a new student who heard about the wildlife

3. Existing Solutions

   • Solution 2
     • Cons
       • Has to much information to scroll through
       • Does not talk about their personalities and more personal traits
     • Pros
       • Gives a wide range of information about the species as a whole
       • Reliable and trustworthy
   • Solution 1
     • Cons
       • Doesn’t go to specifics
       • Talks about the species as a whole
     • Pros
       • Expertly researched
       • Gives a wide range of info

4. User interface

   • Features
     • Other Features
     • Example (e.g dark mode)
   • User Interface Components
     • Buttons
     • Images
     • Links
   • Aesthetic
     • Colours
       • Example
       • Example

5. Coding enviroment

   • Developer Tools
     • Notepad++
     • Coding Language
   • Key algorithms
     • Website Navigation
     • Other Important Algorithms