93
edits
Entrance Announcement
MICTE 2080
2080 Magh 07
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. |
edits