Entrance Announcement
MICTE 2080
2080 Magh 07
User:Niraj Prasad Bhatt/Real-Teaching Lesson Plan 26: Difference between revisions
Jump to navigation
Jump to search
Niraj bhatt (talk | contribs) (Created page with "__notoc__ <div style="column-count: 2; column-gap: 20px;"> '''Subject:''' Web Development '''Period:''' Third '''Topic:''' Exploring HTML Lists '''Class:''' BICT 3rd Semester '''Unit:''' Three '''Time:''' 50 min '''No. of Students:''' 20 </div> == 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 (<ol>), unordered lists (<ul>), and definition lists...") |
Niraj bhatt (talk | contribs) No edit summary |
||
| Line 2: | Line 2: | ||
<div style="column-count: 2; column-gap: 20px;"> | <div style="column-count: 2; column-gap: 20px;"> | ||
'''Subject:''' Web | '''Subject:''' Web Technology | ||
'''Period:''' Third | '''Period:''' Third | ||
'''Topic:''' | '''Topic:''' Understanding HTML Tables | ||
'''Class:''' BICT 3rd Semester | '''Class:''' BICT 3rd Semester | ||
| Line 19: | Line 19: | ||
== 1. Specific Objective: == | == 1. Specific Objective: == | ||
By the end of this lesson, students will be able to: | By the end of this lesson, students will be able to: | ||
* Understand the purpose and | * 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: == | == 2. Instructional Materials: == | ||
| Line 30: | Line 30: | ||
== 3. Teaching Learning Activities: == | == 3. Teaching Learning Activities: == | ||
* | * Begin the class by discussing the importance of tabular data representation in web development. | ||
* Introduce HTML | * Introduce HTML tables and explain their structure, including table rows (<tr>), table headers (<th>), and table data cells (<td>). | ||
* Demonstrate the usage of | * 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 | * Guide students through hands-on exercises to practice creating tables and adding content to table cells. | ||
* Discuss the | * Discuss best practices for organizing and formatting tabular data in HTML tables. | ||
* Encourage students to explore | * 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: == | == 4. Assessment: == | ||
* Ask students to create HTML | * Ask students to create HTML tables to represent different types of tabular data, such as student grades, product catalogs, or financial reports. | ||
* Present | * Present scenarios with specific table formatting requirements and ask students to apply corresponding CSS styles to achieve the desired appearance. | ||
== 5. Homework: == | == 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. | ||
Latest revision as of 05:59, 16 May 2024
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:[edit | edit source]
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:[edit | edit source]
- Laptop, projector, screen
- Sample code snippets
- Code editor (e.g., VS Code)
- Internet access
3. Teaching Learning Activities:[edit | edit source]
- 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:[edit | edit source]
- 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:[edit | edit source]
- 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.