Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 25/02/2026
Subject: Information Communication Technology ICT
Lesson Topic: Be able to apply styles to elements within a web page including to a list (ordered list, unordered list)
Learning Objective/s:
  • Describe where CSS can be placed in an HTML document.
  • Explain the basic CSS rule syntax and how to target elements.
  • Apply list‑style properties to format ordered and unordered lists.
  • Create and link internal style sheets to style list classes.
  • Evaluate the visual effect of list‑style‑position and custom bullets.
Materials Needed:
  • Computer with internet access
  • Projector or interactive whiteboard
  • Code editor or IDE (e.g., Visual Studio Code)
  • Sample HTML file (list‑styles.html) or template
  • CSS reference handout
  • Browser for preview
 Introduction:
Begin with a quick demo of a plain list versus a styled list to spark curiosity. Recall students' prior experience adding colour to paragraphs with CSS. Explain that today they will learn how to control list markers and positions, and will know how to apply these styles using internal style sheets.
Lesson Structure:
  1. Do‑Now (5’) – Students open a blank HTML file and write a simple unordered list.
  2. Mini‑lecture (10’) – Review CSS placement options and rule syntax, showing examples on screen.
  3. Guided demo (12’) – Teacher codes a .roman class for ordered lists and a .bullet class for unordered lists, demonstrating list-style-type and list-style-position.
  4. Pair activity (15’) – Learners create list‑styles.html, add the two classes, insert one ordered and one unordered list, then preview in the browser.
  5. Exploration (8’) – Students experiment by changing list-style-position to inside/outside and swapping list-style-type values, recording observations.
  6. Check for understanding (5’) – Quick Kahoot or exit ticket with three questions on list styling concepts.
Conclusion:
Summarise the key properties that control list markers and their placement. Ask students to write one sentence on their exit ticket describing how to change a bullet shape. Assign homework to style a navigation menu using list‑style properties.