User:Niraj Prasad Bhatt/Real-Teaching Lesson Plan 26

Subject: Web Development

Period: Third

Topic: Exploring HTML Lists

Class: BICT 3rd Semester

Unit: Three

Time: 50 min

No. of Students: 20

1. Specific Objective:

By the end of this lesson, students will be able to:

• Understand the purpose and usage of HTML lists.
• Differentiate between ordered lists (
  ), unordered lists (
  ), and definition lists (

  ).

  Implement lists effectively in HTML documents.

  2. Instructional Materials:

  • Laptop, projector, screen
  • Sample code snippets
  • Code editor (e.g., VS Code)
  • Internet access

  3. Teaching Learning Activities:

  • Start the class by discussing the importance of organizing content in web development.
  • Introduce HTML lists and explain the syntax and structure of ordered, unordered, and definition lists.
  • Demonstrate the usage of
    ,
    , and

    tags with code examples for creating different types of lists.

    Guide students through hands-on exercises to practice creating lists with various list items.

    Discuss the semantic significance of using appropriate list types based on the content hierarchy.

    Encourage students to explore additional list styling techniques using CSS.

    4. Assessment:

    • Ask students to create HTML lists for different types of content scenarios.
    • Present examples of content and ask students to identify the most appropriate list type to represent the information.

    5. Homework:

    • Create a web page that includes multiple lists representing different types of content (e.g., shopping list, tutorial steps, FAQ). Apply appropriate list styling using CSS.