WEBSITE DESIGN

WEBSITE DESIGN

1. user interface

   • aesthetic
     • colour
       • background image
     • font types
     • font colours
     • background image
   • features
     • dark mode
     • a fitting colour for background and text
   • user interface components
     • images
       • images of the food being made
     • links
       • links to sources or other recipes
       • to the information on the food

2. problems

   • my link doesn't work
     • i go to W3 schools and copy and paste and then correct the link
       • PRO: the link now works
       • CON: i did not learn anything
   • when i add a style my entire website dissapears
     • I tell the teacher straight away and close the style the close the head the start the body
       • PRO: the website is now customised
       • CON: i went straight to the teacher and didnt try to problem solve

3. task requirements

   • self determined criteria
     • SDC1 Description
       • Create a criteria that links to the user problem developed in the User Persona Table.
         • SDC1 requirements
           • A cooking website that shows clear instructions A second page that shows and explanation and backstory of the food a recipe that shows everything you need
   • PC1 description
     • PC1 requirement
       • Background colour Light blue or white Background image A food on the recipe Font type Comic sans or arial Font colour
     • • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
   • PC2 description
     • You must use HTML to organise appropriate information on your webpages using FIVE of the following: o Image o Table showing information o Hyperlink to an external website o Ordered list or Unordered list o Button o Different heading sizes o Paragraphs o Video or moving image
     • PC2 requirement
       • Image The recipe food Hyperlink To the backstory Ordered list or unordered list For instruction steps Paragraphs A context for the thing being made
   • PC3 description
     • • Your website must have an aesthetic that suits/aligns with your User Persona
     • Recipes 1 recipe with instructions Specific instructions An ordered list Ingredients An unordered list Clear and concise text Make sure they can understand you

4. user persona

   • wants
     • Needs recent instructions that aren’t outdated Needs the background colour, font, and text colour to and not blend in and stick out too much.
   • needs
     • A website with a specific set of steps to make the food he needs.
   • details
     • Timmy roberts High school How to cook website recipe 17 Kmart part time cake

5. coding environment

   • key algorithms
     • website navigation
   • coding language
   • developer tools
     • notepad ++