0% found this document useful (0 votes)
10 views

L1 Lesson Plan - Introduction To HTML - KS4

1

Uploaded by

JakeDev 104
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views

L1 Lesson Plan - Introduction To HTML - KS4

1

Uploaded by

JakeDev 104
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

KS4 – HTML and CSS Lesson plan

Lesson 1 – Introduction to HTML

Lesson 1: Introduction to HTML


Introduction
In this lesson learners will gain an understanding of what a website is and how it
ends up in the web browser.

Learners should be able to create a very simple HTML page and display it in the
web browser by the end of the lesson. They should also be able to edit and
refresh their page to view what has been changed.

Learning objectives
● Describe the purpose of HTML and tags when designing a website
● Create a simple webpage using basic tags

Key vocabulary
Website, HTML, element, tag

Preparation
Subject knowledge:

To deliver this lesson, you must have an understanding of how to make a basic
webpage including headings, paragraphs, and lists using HTML in a text editor of
your choice. The best way to prepare for this if you are unfamiliar with this is to
complete the lesson activities yourself before the lesson, and also look at
relevant examples on websites such as www.w3schools.com.

You will need:


● Slides
● ‘HTML cheat sheet’ handout
● Homework
● A suitable code editor such as Notepad (Microsoft Windows), TextEdit
(macOS), or Geany (Raspberry Pi) — see
www.w3schools.com/html/html_editors.asp

Page 1 Last updated: 01-02-21


KS4 – HTML and CSS Lesson plan
Lesson 1 – Introduction to HTML

Assessment opportunities
During Activities 1, 2, and 3 you can circulate around the room and offer
feedback to students as they work through the activities. You can use this time
to see how students are progressing and how much additional support they still
need to complete tasks.
Homework can be used for students to reflect on what they have learnt and
recap at the start of the next lesson. You can also collect this to check
understanding.

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


Starter How do you think websites get delivered to our computers?
activity
(Slides 2- Ask students to think about how websites get delivered to our
6) computers. They could write this down on mini whiteboards or in
exercise books if they use them.
5 mins After 5 minutes is up, ask for student responses before revealing the
correct answer.

Activity Introducing HTML


1
(Slides 8- Use the slides to introduce HTML to the students.
12)
Start by explaining what HTML is and the basic tags needed to
create a webpage.
10 mins
Prove this by getting students to navigate to www.google.co.uk and
display the underlying HTML. Can they see where the main elements
are?
● <!DOCTYPE>
● <html>
● <head>
● <body>

Activity Creating a simple page


2
(Slides Relate common elements of a newspaper to tags such as headings,
13-16) subheadings, and paragraphs (slide 9).

Ask students to create a website folder in their directory (slide 10).


15-20
mins Next, ask students to make a prediction about the code on slide 11.
Give students time to study the code and make a prediction. They
could draw the output of their prediction on a mini whiteboard to

Page 2 Last updated: 01-02-21


KS4 – HTML and CSS Lesson plan
Lesson 1 – Introduction to HTML

demonstrate their ideas.

Ask students to open a code editor and copy the code into it.

Next, ask students to save and display the page to see if their
prediction was accurate (slide 16).

Activity Editing the page to include unordered and ordered lists


3
(Slides This activity begins by introducing students to lists. Show the code
17-19) for two different types of lists and get the learners to predict what
the differences are between the different lists. If they’re struggling,
encourage them to draw upon their experiences of using lists in
10 mins other software. What different types of lists are they able to create
in a word processor for example.

Demonstrate this to students using a live coding session, including


showing students how to edit existing HTML and refresh their pages
to view the updates.

Explorer task: Ask students to try to add lists with sublevels.

Plenary Homework, recapping objectives, and next lesson


(Slides
17-19) Ask students to save their work. Whilst students are doing this you
can be giving out the sheets for the homework.
5 mins
Afterwards, introduce the homework (see below), ensuring that all
students are happy with the task.

At the end of the presentation there are five questions to get


students to reflect on what they have learnt in this lesson. Answers
are provided on the next slide for each question.

Recap objectives and discuss what they will learn in the next lesson.

Homewo Give one handout to each student.


rk
Students will need to write the HTML for the page on the sheet using
the box provided ready for the next lesson when these will be used
as a starter activity.

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 3 Last updated: 01-02-21

You might also like