Download presentation
Presentation is loading. Please wait.
1
Web Design Unit 5
2
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)
3
Complete Storyboard Finish up in the next 20 minutes
Send someone to pick up blank sheet
4
Sample Storyboard
5
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
6
Revise Storyboard(20 min)
Each pair/group responds to feedback provided Make revisions to storyboard Send on member to return storyboards to teacher
7
Demo Html Editor Use Sublime Make new file
Immediately save with .html extension
8
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>
9
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>
10
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
11
index.html (Let’s type!)
12
Resources ECS notes Stefan Mischook Web Design start here
Similar presentations
