Scribd
Upload
170 views

L1 Lesson Plan - Web Page Creation - Y6

This lesson plan introduces students to what makes a good website. It includes 3 activities: 1) having students explore an existing website and answer questions about it, 2) annotating a picture of the website to identify different media types, and 3) showing students how websites are coded using HTML. The lesson aims to help students understand that websites are built with HTML code, explore different elements of websites, and evaluate website structure and content.

Uploaded by

SuperBrainy Superkids
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
170 views

L1 Lesson Plan - Web Page Creation - Y6

This lesson plan introduces students to what makes a good website. It includes 3 activities: 1) having students explore an existing website and answer questions about it, 2) annotating a picture of the website to identify different media types, and 3) showing students how websites are coded using HTML. The lesson aims to help students understand that websites are built with HTML code, explore different elements of websites, and evaluate website structure and content.

Uploaded by

SuperBrainy Superkids
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Year 6 – Web page creation Lesson plan

Lesson 1 – What makes a good website?

Lesson 1: What makes a good website?


Introduction
In this lesson, learners will explore and review existing websites and evaluate their
content. They will have some understanding that websites are created using HTML code.

Learning objectives
To review an existing website and consider its structure
● I can explore a website
● I can discuss the different types of media used on websites
● I know that websites are written in HTML

Key vocabulary
Website, web page, browser, media, Hypertext Markup Language (HTML)

Preparation
Subject knowledge:
Teachers will need to be able to access websites. Some understanding of HTML and the
difference between browsers, websites, and web pages would be an advantage, but this
is supported in the slides.

You will need:


● L1 Slides
● ‘What makes a good website?’ activity worksheet
● Whiteboards, pens, and rubbers
● Devices
● Internet access

Assessment opportunities
Introduction: Assesses the learners’ understanding of the terms website, web page, and
browser, and allows the teacher to gain an understanding of the websites used by
learners.
Activity 1: Assesses the learners’ ability to explore a website.

Page 1 Last updated: 11-06-21


Year 6 – Web page creation Lesson plan
Lesson 1 – What makes a good website?

Activity 2: Allows learners to demonstrate their understanding of the media and


navigation features used on websites.
Activity 3: Assesses the learners’ ability to look at the code of websites.
Plenary: Assesses the learners’ understanding of HTML and what it is used for.

Outline plan
Please note that the slide deck labels the activities in the top right-hand corner to help
you navigate the lesson.

*Timings are rough guides


Introduction Which websites do you use?
(Slides 2–9)
Tell learners that during this unit they will be learning about websites.
5 mins Discuss that a range of websites and layout features will be covered. Then
they will use this knowledge to create their own web page.
Share the lesson objective and success criteria with the learners.
Guide the learners through the slides to discuss the following (allow time for
them to think, pair, share):

What is a website?
What is a web page?
What is a browser?

Ask the learners to think, write, pair, share some of the websites that they
use and allow time for them to give feedback to the class.

Note: Discuss that learners should be mature and age appropriate in their
answers. Make sure you know what your online policy says if children report
using a website that they are not old enough to use.

Activity 1 Quick quest


(Slides 10–14)
Show slide 10. Tell the learners that they will explore San Diego Zoo’s website
10 mins (available here: https://kids.sandiegozoo.org/). Give learners time to access
and explore the website. Demonstrate that if you click on the ‘San Diego Zoo
Kids’ logo at the top of the page, you are returned to the website’s home
page (the first page that you see when you enter the website).

Show slide 11. Tell the learners that they will do a quick quest to answer
questions based on the information on the website. Ask the learners to read
the questions, then give them time to search the site to find the answer.
Encourage them to share their approach with the class, for example, they
may have clicked on buttons to find an answer, used a drop-down menu, or
used the magnifying glass on the home page to search for a word.

Ask the question on slide 12: What is special about a tiger’s night vision?
Animals -> Tigers -> Scroll down

Page 2 Last updated: 11-06-21


Year 6 – Web page creation Lesson plan
Lesson 1 – What makes a good website?

(Learners may follow a different path to find this information)


Answer: A tiger’s night vision is six times better than a human’s.

Ask the question on slide 13: In the story, ‘A Flamingo Leg Up’, what is the
flamingo’s name?
Stories -> A Flamingo Leg Up -> Read start of story
Answer: Floyd.

Ask the question on slide 14: What habitat does an arctic fox live in?
Animals -> Scroll or search to find ‘arctic fox’ -> Scroll to read the facts
Answer: Tundra

Learners could record their answers on whiteboards or sticky notes.

Note: As the website is likely to change its content, please check through the
questions/answers in this activity before teaching the lesson. Teachers may
decide to use a website linked to the class topic and devise their own
questions, if time permits.

Activity 2 What makes a good website?


(Slides 15–16)
Tell the learners that you would like them to label a picture of the website to
20 mins show how it works and highlight the different types of media it contains.
Show the learners the example of the annotated page. Allow the learners
time to annotate the worksheet. You may want to ask learners to screenshot
their own images of the website and annotate them, for example, in a word
processing package using arrows and text boxes or within an app such as
Pic Collage.

Note: As the website is likely to change its content, please check that the
worksheet in this activity matches the website shown in class.

Activity 3 Do you know how websites are created?


(Slides 17–19)
Ask the learners how a website is made. Allow them time to discuss this with
5 mins a partner and feedback to the class.
Tell the learners that websites are made with a special code called ‘HTML’
(Hypertext Markup Language). Tell learners that websites are written with
code, called markup, which tells the browser what the web page should look
like on the screen.

Show the learners how to access the code (HTML) on a website. Allow the
learners time to do this on their own machines using a website of their
choice.

Note: Websites are not programmed. The code isn’t run like a set of
instructions, instead your browser (Chrome, Firefox, Safari, etc.) reads the
‘markup’ or code, which tells it how to display the web page on your screen

Page 3 Last updated: 11-06-21


Year 6 – Web page creation Lesson plan
Lesson 1 – What makes a good website?

— what things look like, where they are, etc.

Plenary Ask the learners “what does HTML stand for?” (Hypertext Markup
(Slide 20) Language) and then to explain what HTML is in their own words, for
example
5 mins
● This is how websites are made
● This is the code that has been written to make the website look like
this
● You can see the code behind any website

Next time Review the assessment and summary slides.


(Slides 21–
22)

5 mins

Resources are updated regularly — the latest version is available at: ncce.io/tcc.

This resource is licensed under the Open Government Licence, version 3. For more information on this
licence, see ncce.io/ogl.

Page 4 Last updated: 11-06-21

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy