Website Design

Website Design

1. Task Requirments

   • Prescribed Criteria
     • CSS styling
       • using CSS to style at least two different things
       • put a cool background image using CSS
       • use bright colours like neon, yellow purple or pink
     • HTML Elements
       • song cover pictures
       • links to other websites
       • paragraph describing& introducing the songs
     • theme
       • add some fairytale pictures
       • needs a comedy vibe
       • kid-friendly
   • Self Determined Criteria
     • song count
       • must have at least 20 songs on the list
       • pick songs that actually fit a live stage show performance
     • Media
       • add videos that people can actually click and play

2. User Interface

   • Features
     • Short descriptions explaining the mood or story of each track.
     • a neat list showing all the different songs
   • User Interface Components
     • homepage buttons
     • album covers
     • clickable text links
   • Aesthetic
     • Colours
       • bright yellow
       • huge bold title text right at the top

3. User Persona

   • a clean list of tunes that works well for stage shows
   • hard to find good songs that fit specific show stories
   • wants ideas
   • high school student

4. Existing Solutions

   • Solution 2
     • simple to read
     • boring to look at
   • Solution 1
     • many songs
     • messy layouts

5. Coding enviornment

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