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

Subject: Web Technology

Period: Third

Topic: Understanding HTML Tables

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 structure of HTML tables.
• Create tables in HTML to represent tabular data effectively.
• Apply styling and formatting to HTML tables using CSS.

2. Instructional Materials:

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

3. Teaching Learning Activities:

• Begin the class by discussing the importance of tabular data representation in web development.
• Introduce HTML tables and explain their structure, including table rows (), table headers (), and table data cells ().
• Demonstrate the usage of HTML table tags with code examples for creating simple and complex tables.
• Guide students through hands-on exercises to practice creating tables and adding content to table cells.
• Discuss best practices for organizing and formatting tabular data in HTML tables.
• Introduce CSS styling techniques for enhancing the appearance of HTML tables, such as applying borders, colors, and alignment.
• Encourage students to explore advanced table styling features and responsive table design concepts.

4. Assessment:

• Ask students to create HTML tables to represent different types of tabular data, such as student grades, product catalogs, or financial reports.
• Present scenarios with specific table formatting requirements and ask students to apply corresponding CSS styles to achieve the desired appearance.

5. Homework:

• Design and implement an HTML table to display information about a fictional company's employees, including their names, positions, and contact details. Apply CSS styling to enhance the visual presentation of the table.