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

From ICTED-WIKI
Revision as of 05:02, 16 May 2024 by Niraj bhatt (talk | contribs) (Created page with "__notoc__ <div style="column-count: 2; column-gap: 20px;"> '''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 </div> == 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 w...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search


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.