Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: 10 Date: 01/12/2025
Subject: Information Communication Technology ICT
Lesson Topic: Be able to create the content layer of a web page
Learning Objective/s:
  • Describe the purpose and components of the content layer in a web page.
  • Apply HTML tags to create headings, paragraphs, lists, tables, links, and multimedia.
  • Use semantic elements to structure content for accessibility and SEO.
  • Validate HTML markup to ensure a well‑formed content layer.
Materials Needed:
  • Computer lab with internet access.
  • Projector and screen.
  • Text editor or IDE (e.g., Visual Studio Code).
  • Sample HTML handouts.
  • Access to an HTML validator (e.g., W3C validator).
 Introduction:
Begin with a quick demonstration of a simple web page and ask students what parts they notice.
Recall their prior experience with basic HTML tags from earlier lessons.
Explain that today they will build the content layer, focusing on structuring information effectively.
Success will be measured by producing a validated HTML page that includes headings, lists, tables, links and multimedia.
Lesson Structure:
  1. Do‑now (5'): Students view a sample page and identify content elements.
  2. Mini‑lecture (10'): Review HTML skeleton and key content tags (headings, paragraphs, lists, tables, links, media).
  3. Guided coding (15'): Teacher models building a simple content layer in the IDE, adding each element step‑by‑step.
  4. Pair activity (20'): Learners create their own content layer page using a provided outline, incorporating semantic tags.
  5. Peer review (10'): Pairs exchange pages and check for correct tag usage and hierarchy using a checklist.
  6. Validation & reflection (10'): Students run their pages through the W3C validator, fix errors, and discuss improvements.
Conclusion:
Summarise how proper use of HTML elements creates a clear, accessible content layer.
Students complete an exit ticket by listing three tags they used most today.
For homework, they will enhance their page by adding a navigation bar and embedding a short video.