Website Design

Website Design

1. Task requirements

   • Prescribe Criteria
     • Two aspects styled using CSS
       • Font types
       • Background image
     • Use FIVE HTML information to include in a webpage.
       • Image
       • Hyperlink to an external website
       • Ordered list
       • Buttons
       • Different heading sizes
     • Must match with the user persona
   • Self-determine criteria
     • Included 2 CSS styling
     • Included 5 HTML information
     • Matched the user persona

2. User persona

   • Light coloured backgrounds with clear images and clear information.
   • Too many words to read and not much image.
   • Goal: to learn about Sanrio charcters
   • Interest: Sanrio characters

3. Coding environment

   • Developer Tools
     • Notepad ++
     • HTML
     • CSS
   • Key algorithm
     • W3School online web tutorials
     • Website navigation
     • Other important navigation

4. User interface

   • Features
     • Light mode
     • Aesthetically pleasing
   • Aesthetic
     • Colours
       • User persona: favourite colour
         • Light purple
         • Light pink
   • User Interface Component
     • Buttons: another website or another page
     • Images of the characters and the topic