Website Design

Website Design

1. User interface

   • Aesthetics
     • CSS
       • Bold text
       • Italic
       • Colours
   • User interface components
     • Buttons
       • <button>
       • padding
       • a:hover
     • Images
       • Car
     • Links
       • Multipage
       • a href

2. User Persona

   • Wants
     • They want a stylised and good looking website about cars
   • Needs
     • He needs a website about how a car works to become a car mechanic himself
   • Details
     • Dream is to become a car mechanic
     • Grade 12
     • Physics class
     • Jakoire Foot

3. Coding environment

   • Coding language
     • DOCTYPE html
       • A main coding language to create websites
   • Developer tools
     • Notepad++
   • Key algorithms
     • Website navigation
       • <button>
         • Used to navigate back to the homepage
       • Hyperlinks
         • <a href>
           • Used to create hyperlinks to navigate between webpages

4. Task requirements

   • Prescribed criteria
     • Your website must include TWO aspects styled using CSS
       • Must include styled paragraphs, body, title, div, padding, etc
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following
       • Must include 5 of either: Image, table showing information, Hyperlink to an external website, Ordered list or Unordered list, Button, Different heading sizes , Paragraphs, Video or moving image
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Must have a car aesthetic

5. Existing Solutions

   • howacarworks.com
     • Pro
       • Stylised user interface and organised hyperlinks to different webpages
     • Cons
       • Could maybe use a diagram of a car and its parts such as the engine, crankshaft, etc