MINISTRY OF EDUCATION
SIAVONGA PROVINCIAL STEM SECONDARY SCHOOL
COMPETENCY BASED CURRICULUM LESSON PLAN
COMPUTER DEPARTMENT
NAME OF THE TEACHER: MR HANG’UMBA.O
CLASS: GRADE 11 DATE: 11/02/2026
SUBJECT: COMPUTER STUDIES TIME: 10:40 – 12:00 hrs
TOPIC: Introduction to Web Design DURATION: 80minuties
SUB-TOPIC: Web Page Creation
SPECIFIC COMPETENCES:
understanding of web design
LEARNING ACTIVITIES:
Explain what web design is and why it’s important.
Identify the basic structure of a web page.
EXPECTED STANDARDS
Write simple HTMLto create a webpage
LESSON METHOLOGIES
Group Discussion, Role Play, Peer-to-peer teaching, Exploration, Inquiry – Based Learning
REFERENCE MATERIALS
• CDC Module • AI Tools • Online Tutorials • YouTube • Progress
TIME STAGE/CONTENT TEACHER’S PUPILS’
ACTIVITIES ACTIVITIES
5 MIN LESSON INTRODUCTION Teacher introduces the Pupils answering
A recap on the previous lesson lesson by asking the what the teacher is
What is web design? learners what they asking.
is the process of creating and learnt in the previous
designing websites. It involves lesson.
planning the layout, structure,
colors, fonts, graphics, and overall
appearance of a website.
60 LESSON DEVELOPMENT
MIN Teacher asks the
What is HTML? learners what web Learners try to answer
Definition design is. or define what web
design is.
HTML (HyperText Markup
Language) is the standard markup
language used to create and
structure web pages. It tells the web
browser how to display text, images,
links, tables, forms, and other
content on a webpage.
HTML is not a programming Teacher defines web Learners listen and
language; it is a markup language design and writes brief also copy the notes on
because it uses tags to markup notes on it. the
content.
Meaning of HTML
H: HyperText
Refers to text that links to other web
pages (using hyperlinks).
T: Markup
Uses tags to define elements on a
page.
M: Markup
The system of annotating text using
tags.
L: Language
A language used to communicate
with web browsers.
Responsive Design: Making
websites work properly on mobiles,
tablets, and computers.
Basic Structure of an HTML
Document
Every HTML document follows a
basic structure:
<! DOCTYPE html>
<html>
<head> .
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to My
Website</h1>
<p>This is a paragraph. </p>
</body>
</html>
Explanation:
<! DOCTYPE html> – Declares the
document type.
<html> – Root element of the page.
.
<head> – Contains meta information
(title, links, etc.).
<title> – Title shown on the browser
tab.
<body> – Contains visible content.
<h1> – Heading.
<p> – Paragraph.
HTML Tags and Elements
HTML uses tags enclosed in angle
brackets < >.
Example:
<p>This is a paragraph</p>
<p> → Opening tag
</p> → Closing tag
The content between them →
Element
Some tags are self-closing, like:
<img src="[Link]" alt="Image">
<br>
CONCLUSION: 3MINS: the teacher emphasized on the main part of the lesson.
HTML is the backbone of every website. It provides the structure and layout of web pages.
Without HTML, web browsers would not know how to display content. It works together with
CSS and JavaScript to create modern, interactive websites.
EVALUATION: The lesson was taught fully and the teacher got impressed for the learners had
pre-religuisite knowledge of the topic.
