Learning Intention

Implement CSS and JavaScript skill on a local web page.

Success Criteria

Complete all DASH Projects.

Use JavaScript and CSS to build a responsive web site.

Download script and load into notepad

Create your own web page with 5 CSS3 features and make it responsive (it will work on desktop and mobile phone)

Warm Up / Introduction

Review of progress so far
(teacher to each student about their progress) Open progress spreadsheet

 

Glossary

• HTML
• HTML5
• CSS
• CSS3
• Javascript
• JQuery

Activities

In your OneNote HMTL5 section create a new page called CSS3 “Advanced Features”

Go to http://www.w3schools.com/css/css3_transitions.asp

Trial 8 CSS3 features and record your success.

Continue building your DASH site.

Work towards finishing project 2 and 3.

Copy all your code and save in NotePad “DASH_PROJECT_2.html” preview in browser modify HTML code and CSS to include advanced CSS3 features, record your modifications.

Create a web page in Notepad and do the following:

• Add at least 5 CSS3 features (eg: rounded corners on images, transitions, animations, shadows, gradients)
• Make sure you add a page break with maxim width for mobile phone and desktop

Reflection

What did you learn today about CSS3 and building a response website?

List the modifications you made to the DASH project.

Explain the advantages of building a responsive website.

Homework

Complete any unfinished work