Weeks (1 hour lesson)
|
Lesson Aim
|
Lesson Summary
|
Lesson Outcomes and Assessment Opportunities
|
1
|
Understand what HTML is and what it stands for.
Able to create a HTML file.
Understand how a HTML file must be structured.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Give an explanation of what HTML is and how to create a HTML file.
Look at the structure of a HTML file and ask the children to complete Activity 1 where they build the structure of their first HTML file.
|
Children understand how a HTML file must be structured.
What is HTML?
What does HTML stand for?
What happens if HTML files are not structured correctly?
|
2
|
Give a HTML file a title.
Understand the difference between the different heading elements and add a heading to their HTML page.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Explain how the title tag works within a HTML file and demonstrate how you add a title for the web page.
Demonstrate the use of heading elements and the different heading elements available. Allow the children to experiment with the different heading elements.
Ask the children to complete Activity 2 where they give the web page a title (My Film Review Web Page) and add a heading to the page (Harry Potter and The Deathly Hallows) using a heading element.
|
Children are able to add a heading to their page.
What is a HTML tag?
What is a HTML element?
What is the difference between the heading elements?
|
3
|
Change the background colour of a HTML web page and set font styles within it.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Explain how the background colour of pages is changed using the background element and then allow them to experiment with changing the background colour of their page using different hexadecimal codes.
Show the examples of how text can be changed using the different text elements and ask them to then complete Activity 3 where they will change the background colour of their page and set the font style for their web page.
|
Children are able to change the background of a web page and change font styles.
What element would we use to change the background colour?
What element would we use to change the font to bold?
|
4
|
Add an image to a web page.
Add a paragraph of text to a web page.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Ask the children to search the internet to find a suitable image to represent their film or book review. Demonstrate how you then add that image to your web page using the image element.
Ask the children to then complete Activity 4 where they add an image to the web page and then begin to write their review using the paragraph element.
|
Children are able to search the internet.
Children are able to add a photograph to their web page.
What element would we use to add an image to the web page?
What is the correct format for inserting an image?
|
5
|
Create a list of information on a HTML web page.
Understand web links and how to embed them into a HTML web page.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Show examples or lists and how they are used in HTML web pages. Demonstrate how to create a list on their web page and allow them to experiment with creating lists.
Discuss links in web pages, how they are used and what they are used for. Demonstrate how to create a link on a HTML web page and then ask the children to complete Activity 5 where they add a list of characters from the film/book and a link to other web pages which relate to the review they are writing.
|
Children are able to add a list to their web page.
Which element will create a list?
What is the correct way to use the link element?
|
6
|
Create a table in a HTML web page.
Present information inside a table in a HTML web page.
|
Open the resource HTML Interface Design – Lesson Guide (Ref 30.1).
Show how information can be presented in tables and how they are created within HTML web pages. Allow the children time to experiment with tables and their structure.
Guide them through Activity 6 which asks them to embed a table into their review web page to present information. They will then be asked to fill the table with various different types of information based on their book or film review.
|
Children are able to create a table on their web page.
How do you add a column to a table in a HTML page?
How do you add a row in a HTML page?
What information can we present in a table?
|
Children could add a diary of what they did over a weekend or school holiday and include pictures/ links to relevant websites etc.