> If you want some other challenges:
> https://www.khanacademy.org/computing/computer-programming/html-css
Did you understand what we learned in building the Napier 1931 site? Let's test that!
TASK 1: A burger with the following ingredients: bun-top, tomato, cheese, cheese, patty, onion, cheese, pickle, cheese, bun-bottom, plate. Call this burger a "Chilly Cheeser" and is $4.95.
TASK 2: A burger with a vegan patty. The patty is similar to a normal patty, only the colour is rgb(198, 85, 98) and about twice as thick. You can select the rest of the ingredients. There should be a minimum of 6 ingredients excluding the burger buns. You can name this creation yourself and set your own price.
TASK 3: Turn the burger into a foot long subway sandwich with cheese, meatballs and tomato. (Hint: a subway sandwich is just a long burger.) Change the name and the price to suit.
TASK 4: EXTRA BONUS POINTS: Make two different burgers on one page sitting next to each other! Any burger will do.
Once you have done all tasks, submit your document into Google Classroom.
Not achieved (0) if you haven't done any of the burger creations correctly.
Achieved (1) if you have done two burgers correctly, but not the EXTRA task.
Merit (2) if you have done all burgers correctly, but not the EXTRA task.
Excellence (3) if you have done all burgers and the EXTRA task correctly.
Build your own site! Follow the instructions here.
On the right some slides with the explanation of the Proposal Terms
Making choices about Colour and Fonts by setting up a survey (could be a printed out sheet of paper, a Google form or..)
On the survey present some of your Font and Colour choices for others in your class to vote on. Or use the template below.
You can use the website https://coolors.co/ to generate the colour palletes.
Make sure you mention what the website is about so that appropriate feedback can be given!
Use tools like:
Sketch on paper / cutting pasting paper
Mockup in Google Slides/ Docs
Wireframe in Wireframe.cc
Others?
More to come
Tutorials
Javascript Tutorials: https://www.codecademy.com/learn/introduction-to-javascript
Link here: Code.org
Or this document as a guide: