Website Design

Website Design

1. User persona

   • Goals
     • Healthy eating lifestyle while making it quick to make
   • Needs and expectation
     • Colourful images
     • Tables
     • ordered/unordered lists
     • Lots of colours
     • Give recipes that are actually healthy and easy to make
     • Images
   • Frustrations
     • Not enough pictures
     • Boring colours
   • About them
     • Likes to cook and colourful things
     • Lives in brisbane
     • She is a engineer
     • Name: Jane

2. Criteria

   • Website include HTML
     • Buttons
     • Table
     • Lists
       • ordered and unordered
     • Different heading sizes
     • Images
     • Hyperlink to external website
     • Paragraphs
   • Website include CSS
     • Background colour
     • Background image
     • Different fonts
     • Font colour

3. Html

   • Html stands for hypertext markup language
     • html is how web pages are made which then can be made into websites
   • Html is used to create web pages which make websites

4. self-determined criteria

   • Satisfy Jane with the website
     • Includes making a website with lots of pictures and make it colourful

5. css

   • CSS stands for Cascading Style Sheets
     • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
   • CSS is used to show what the website will look like, some things can be the background colour, font and font colour.

6. website content

   • Add different recipes
     • Do by adding links which leads to different web pages
   • Nutrition facts
     • Do by adding table
   • Images with the dish
     • Do by adding images of the dish will look at the end
   • How to make the dish/directions
     • Do by adding ordered list
   • Ingredients
     • Do by adding unordered list

7. coding enviroment

   • Developer tools
     • NotepadNext
     • Coding language
   • Key algorithms
     • Website navigation