Cooking And HTML!!!

Introduction

This is a theme based study that help students to get a chance to use what they have learned about HTML5, CSS and Javascript via creating their own cooking recipe website.

Coures arrangements

This project will last for five lessons (40 minutes each) through a period of time. Each of the recipes will have a cooking time on approx. 30 minutes such that the students can finish in time. The time contribution will be allocated like this:

  1. Cook a dish
  2. Write basic HTML code (Basic content of Your recipe)
  3. Write JavaScript code (Add some function to your website)
  4. Write CSS code (Decorate your website)
  5. Demonstration time

Aim of the course

At the end of these lessons, students should at least have a simple recipe website, they are also expected to get better understanding about HTML5, CSS and Javascript.
After they know how to create a recipe table online, they are encouraged to cook more healthy food during the spare time and put more and more healthy recipe online.

Lesson List:

Teacher's Source


Extra Help:

Need help on HTML?

Need help on CSS?

Need help on JavaScript?

Reference:

  1. W3schools.com,2014. HTML5 Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].
  2. W3schools.com,2014. CSS Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].
  3. W3schools.com,2014. JavaScript Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].

Back to the work brief

(Bcakground picture Source from: Love Wallpaper HD)