SS 3 First Term

LEARNING OBJECTIVES: BY THE END OF THE LESSON STUDENTS SHOULD BE ABLE TO:

Cognitive	i. Explain how websites work. ii. Use HTML structure and CSS styling. iii. Apply good web design principles. iv. Describe the client side, the server side and web hosting.
Affective	i. Appreciate the value of Web Development and Web Design in school, at home and in the community. ii. Show willingness to use digital tools carefully, safely and responsibly.
Psychomotor	i. Write a small HTML page with a heading, a list and an image. ii. Add simple CSS to change colours and text. iii. Plan the layout of a page on paper before coding it. iv. Describe the steps to publish a site to a host.

Rationale: When a user types a web address and presses Enter, a chain of events delivers the page. Understanding how Websites Work, hTML Structure and CSS Styling, client-Side, Server-Side, Databases and Building a Page, foundations of Web Development helps learners use digital technology confidently, safely and responsibly.

Pre-requisite Knowledge: In Week 6, learners studied Computer Networks and Internet Technologies, including network Types, IP Addressing and DNS, protocols, TCP/IP and HTTP/HTTPS, internet Infrastructure and Network Security. The knowledge from that week is used again in this lesson.

Learning Material/Teaching Aid: Whiteboard, markers, computer or laptop where available, printed notes and charts on Web Development and Web Design, practical task sheets, learners' notebooks and pens.

Reference Materials: Digital Technology for Senior Secondary Schools (SS 3); NERDC Digital Technology Curriculum; Digital Technology SS 3 First Term Notes (Week 7); First Term examination and Continuous Assessment question papers.

LESSON DEVELOPMENT

Stage/Step (Time)	Teacher's Activities	Student's Activities	Learning Points
Introduction 5 MINUTES	Welcomes learners, revises Week 6 (Computer Networks and Internet Technologies) with two quick oral questions, and asks what they already know about Web Development and Web Design. Elicits responses and writes the topic on the board.	Recall the previous lesson and share what they already know about Web Development and Web Design.	Connecting prior knowledge to Web Development and Web Design.
Step 1 6 MINUTES	Covers How Websites Work: When a user types a web address and presses Enter, a chain of events delivers the page. Covers HTML Structure and CSS Styling: HTML, the HyperText Markup Language, describes the structure of a page using tags, markers wrapped in angle brackets. Covers Client-Side, Server-Side, Databases and Building a Page: Web work splits into two sides.	Listen, take notes and answer oral questions on "How Websites Work" and related points.	Understanding: How Websites Work; HTML Structure and CSS Styling; Client-Side, Server-Side, Databases and Building a Page.
Step 2 6 MINUTES	Covers Foundations of Web Development: Web development is the craft of creating websites and web applications. Covers HTML Structure and Tags in Depth: An HTML document is a nested tree of elements. Covers Simple CSS Styling in Practice: CSS styles elements by matching selectors to rules.	Copy the key points, give examples from school and everyday life, and ask questions on "Foundations of Web Development" and related points.	Understanding: Foundations of Web Development; HTML Structure and Tags in Depth; Simple CSS Styling in Practice.
Step 3 6 MINUTES	Covers Domains and Web Hosting: Publishing a website makes it available to the whole internet, and it requires two things, a domain name and web hosting. Covers Publishing and Uploading a Website: Uploading is the step that copies the finished files from a local computer to the web server. Covers The Web and How a Page is Delivered: The world wide web is a service that runs on the internet.	Discuss in pairs, then report one point on "Domains and Web Hosting" and related points to the class.	Understanding: Domains and Web Hosting; Publishing and Uploading a Website; The Web and How a Page is Delivered.
Step 4 6 MINUTES	Covers Planning a Website: A site map shows the pages of a website and the links between them. Covers HTML and Basic Tags: HTML is the markup language of a web page. Covers Building and Testing a Website: A site is built in a folder structure, with an images folder for pictures, so that the files are easy to find and move.	Respond to questions, complete the examples on the board and note down "Planning a Website" and related points.	Understanding: Planning a Website; HTML and Basic Tags; Building and Testing a Website.
Practical Work 6 MINUTES	Guides learners through the practical work: (i) Write a small HTML page with a heading, a list and an image. (ii) Add simple CSS to change colours and text. (iii) Plan the layout of a page on paper before coding it. Moves round the class to check progress and correct unsafe or careless use.	Carry out the practical tasks individually or in pairs and record what they did in their notebooks.	Applying the lesson through hands-on practice.
Evaluation 3 MINUTES	Asks learners to: i. Explain how websites work. ii. Use HTML structure and CSS styling. iii. Apply good web design principles. iv. Describe the client side, the server side and web hosting.	Respond verbally and in writing to the evaluation questions.	Assessment and consolidation of the lesson content.
Conclusion 2 MINUTES	Recaps the main points: how Websites Work, hTML Structure and CSS Styling, client-Side, Server-Side, Databases and Building a Page, foundations of Web Development, hTML Structure and Tags in Depth. Links them to the assignment and previews Week 8: Software Development Life Cycle.	Listen, ask questions and copy the assignment.	Reinforcement of key concepts and a preview of the next lesson.

Assignment: i. (a) Differentiate between a Web Browser and a Search Engine, giving two (2) popular examples of each. (b) Explain what a URL is and describe its main components when accessing web pages. (c) A web page cache folder contains 2,048 Kilobytes (KB) of data. Convert this storage size into Megabytes (MB) and further convert it into bits. Show complete calculations. ii. A club needs a one page website. Plan the layout and list the HTML parts.