Lesson Plan

Lesson Plan
Grade: Date: 25/02/2026
Subject: Information Communication Technology ICT
Lesson Topic: Be able to create a data entry form including specified fields, appropriate font styles and sizes, appropriate spacing between fields, character spacing of individual fields, use of white space, radio buttons, check boxes, drop down menus
Learning Objective/s:
  • Design a data entry form with appropriate text, numeric, and date fields.
  • Apply consistent font styles, sizes, and spacing to improve readability.
  • Incorporate radio buttons, check boxes, and drop‑down menus correctly.
  • Use white space and character spacing to enhance user experience.
  • Validate the form against the exam checklist for completeness.
Materials Needed:
  • Computer with internet access
  • HTML editor or IDE (e.g., Visual Studio Code)
  • Projector and screen
  • Sample form template handout
  • Design checklist worksheet
  • Optional: CSS style guide reference
Introduction:
Begin with a quick demonstration of a poorly designed form to highlight readability issues. Review students’ prior experience creating simple HTML forms and set the success criteria: by the end of the lesson they will produce a well‑structured data entry form that meets the specified design standards.
Lesson Structure:
  1. Do‑now (5'): Examine a flawed form and list three design problems.
  2. Mini‑lecture (10'): Explain font sizing, spacing, and white‑space principles with correct examples.
  3. Guided coding (20'): Build the form together, adding labels, inputs, radio buttons, check boxes, and a drop‑down menu while emphasizing proper <label for> usage.
  4. Pair work (10'): Learners create their own form using a new scenario, applying the design checklist.
  5. Form review (10'): Groups exchange forms and use the exam checklist to give feedback.
  6. Plenary (5'): Teacher summarises key points and outlines the exit ticket.
Conclusion:
Summarise the main design rules and ask each student to write one tip on a sticky note as an exit ticket. For homework, students will refine their form by adding CSS styling for font sizes and spacing and submit the final version online.