Web Design Unit 5
Today’s Lesson Objectives: Complete storyboard (20 min) Gallery Walk (10 min) Revise storyboard (20 min) Demo of html editor: sublime (1 minute) Html page with a title page and body (14 min)
Complete Storyboard Finish up in the next 20 minutes Send someone to pick up blank sheet
Sample Storyboard
Gallery Walk (10 min) Leave/tape Posters next to your computer Each student gets three (3) post its. Take a pen/pencil. Make a constructive comment to 3 posters. Logistics: back row go to 1st row 1st row to 2nd row 2nd row to 3rd row 3rd row to 4th row rotate
Revise Storyboard(20 min) Each pair/group responds to feedback provided Make revisions to storyboard Send on member to return storyboards to teacher
Demo Html Editor Use Sublime Make new file Immediately save with .html extension
Html Tags Tag Description End Tag <html> Defines an HTML document </html> <head> Defines the information about the document </head> <title> Defines the title of the document </title> <body> Defines the main part of the document </body>
Structure of Html Page Head Body Bare bones HTML page: must have in this order! <html> <head> <title>Title of your page</title> </head> <body> </body> </html>
Some Notes Doctypes: <!DOCTYPE html> Homepage: index.html HMTL tags are not case sensitive. Both <P> and <p> work. Lower case tags easier to read White space not important Nicely formatted HTML is easier to read Most tags have opening and closing tags Some exceptions being image
index.html (Let’s type!)
Resources ECS notes Stefan Mischook Web Design start here