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 insert appropriate objects into a web page including text, images, sound clips, video (display controls, remove controls, autoplay), to adjust image or video size, aspect ratio and apply alternate text
Learning Objective/s:
  • Describe how to embed text, images, audio, and video using appropriate HTML tags.
  • Apply correct attributes (src, alt, width/height, controls, autoplay, loop, muted) to media elements.
  • Adjust image or video size while preserving aspect ratio.
  • Write effective alternate text for accessibility and SEO.
  • Demonstrate inserting media with and without controls and autoplay.
Materials Needed:
  • Computer lab with internet access
  • Projector and screen
  • HTML editor or IDE (e.g., VS Code)
  • Sample image, audio, and video files
  • Handout summarising tags and attributes
  • Worksheet for practice exercises
 Introduction:
Begin with a quick demo of an empty web page and ask students how they would make it engaging. Recall that they have already learned basic HTML structure and tags for headings and paragraphs. Today they will learn to enrich pages by inserting media objects, and they will be able to show their work by the end of the lesson.
Lesson Structure:
  1. Do‑now (5'): Short quiz on HTML tags for text.
  2. Mini‑lecture (10'): Explain <img>, <audio>, <video> tags and key attributes with live examples.
  3. Guided practice (15'): Insert an image, set alt text and size; teacher circulates to support.
  4. Pair activity (15'): Add audio and video clips, experiment with controls, autoplay, and mute.
  5. Aspect‑ratio challenge (10'): Resize media using only one dimension and discuss results.
  6. Quick check (5'): Kahoot/exit ticket with three questions on attribute selection.
Conclusion:
Review the main steps for embedding each media type and the importance of alt text and aspect‑ratio preservation. Students complete an exit ticket describing which attributes they would use for a given scenario. For homework, they will create a simple web page that includes at least one image, one audio, and one video element with appropriate attributes.