website design

website design

1. user persona

   • wants
     • character wants it to be in a large list format
   • needs
     • website needs to incllude several html and css components.
   • details
     • website must be about football stars
       • website design must include details and information about players.
       • web design must include images of players
       • must include external links to other websites.

2. task requirments

   • prescribed criteria
     • PC1
       • your website must include TWO aspects styled using CSS
         • background colour
           • my website must have CSS code to configure the background colour
         • font style
           • my website must contain CSS code to change the fontstyle.
     • PC2
       • you must use HTML to organise appropriate information on your webpages using FIVE
         • provide an image
           • my website must contain an image through the use of html code
         • have an ordered list
           • my website must contain an ordered list through the use of html code
         • have a button
           • my website must contain a button through the use of html code.
         • different heading sizes
           • my website must include different heading sizes through HTML code
         • hyperlink to external websites
           • my website must conatin a hyperlink to another website through the use of html code
     • PC3
       • your website must have an aesthetic that suits/aligns with your User Persona
         • neatly formatted
           • my website must be neatly formatted
         • minimalistic vibe
           • my website must have a minimalistic asthetic
         • formatted to envision a large scale list
           • my website must be formatted Ina large list
   • self determined criteria
     • must contain at least one video
       • my website must contain at least one video.

3. existing solutions

   • solution 1
     • find a website that meets all user wants and needs.
       • pros
         • dont have to code a website.
         • no thought about asthetic choices or web design elements
       • cons
         • takes time to find a website
         • majority of websites will not meet all user needs and wants.

4. user interface

   • asthetic
     • colours
       • use colours to crate contrast to increaase asthetic appeal.
   • user interface components
     • button
     • exxtenal hyperlink
     • images

5. coding enviroment

   • developer tools
     • notepad ++
     • inspect tool
   • key algorithms
     • website navigation
       • buttons
       • headings
       • images