Website Creation

Website Creation

1. User Persona

   • Name
   • Education
   • Goals
   • Needs
   • Frustrations
   • Location

2. HTML

   • HyperText Markup Language
   • Structure and Content of a Webpage
     • Text
     • Images

3. CSS

   • 'Style' a website
   • Describes how HTML elements should look
     • Font
     • Colour
     • Interactive elements

4. Analysis

   • HTML is the standard markup language for creating Web pages)
   • Tags
     • word/letter enclosed in '<' and '>'
       • seen by developers and content creators
       • <h>, </h> (closing and opening heading tags)
     • </[text]> for closing tags
   • HTML like the 'skeleton', CSS like the 'clothes'

5. Criteria, Requirements, Evaluation of Solution

   • Baed on User's goals, needs/expectations

6. Website Content

   • Browsable Icons
   • Hoverable Images?
   • 'Cheat' sheet
   • Dropdown Lists
   • Categorical Lists
   • Images, Icons, Text

7. User Interface

   • Design
     • Colour
     • Font
       • Text Size
     • Images/Videos
     • Tables
   • Elements
     • Links/Buttons
   • Features
     • Dark mode/Light mode
     • Drop down button
     • Filter categories
     • Tabs
     • Quick Access button

8. User Survey

   • Prescribed Criteria
   • Self-Determined Criteria