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

Subject: Web Technology

Period: Third

Topic: Creating Internal and External Links in HTML

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 concept of hyperlinks and their importance in web development.
• Create internal links to navigate within a web page or between different sections of a website.
• Create external links to navigate to other websites or web resources.

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 significance of hyperlinks in enhancing website navigation and user experience.
• Introduce the concept of internal and external links in HTML and explain their syntax.
• Demonstrate the usage of anchor (<a>) tags to create internal links within a web page by specifying the target location using the href attribute.
• Guide students through hands-on exercises to practice creating internal links to navigate within a single web page or between different pages of a website.
• Explain how to create external links in HTML by specifying the URL of the target resource in the href attribute of anchor tags.
• Discuss best practices for linking to external websites, including using descriptive anchor text and opening external links in a new browser tab.
• Encourage students to explore additional link-related attributes in HTML, such as title and target, to enhance accessibility and usability.

4. Assessment:

• Ask students to create a simple web page with internal links to navigate between different sections of the page and external links to relevant external resources.
• Present scenarios with specific linking requirements and ask students to create corresponding HTML code to implement the links.

5. Homework:

• Design and implement a portfolio website that includes internal links to navigate between different sections (e.g., about me, projects, contact) and external links to showcase external references or social media profiles.