Editing User:Ashishsainju real Teaching Lesson Plan 5

Subject: Computer Science

Topic:  Web Page Designing: HTML

Class: 8

Period: 3rd

Time: 

== '''Objective:''' ==
By the end of this lesson, students will be able to

* learn the basics of HTML and gain the skills to create a simple web page.

* understand the structure of HTML documents and how to incorporate text, links, and images.

== '''Materials Needed:''' ==

* Computers or laptops with a text editor (like Visual Studio Code) installed

* Projector or smartboard  for class demonstration

* Internet access for reference (optional)

* softcopy with HTML tags and examples
* presentation(DAY 1 [https://docs.google.com/presentation/d/1Zclnp0O5vHlTrI5a5VxuqRnP5Hg22EQS/edit#slide=id.p3])
* presentation(DAY 2  [https://docs.google.com/presentation/d/1q00qrAZ4NNIlQuGc0nPabE2DJqI9hTE2/edit#slide=id.p1])
* presentation(DAY 3  [https://docs.google.com/presentation/d/17IE8S7lO-bhyK03hOa_6i-Q6mghWfFM3/edit#slide=id.p1] )
* presentation (DAY 4  [https://docs.google.com/presentation/d/1MtR1nvCPT5TBaOnllfjSaiVpxIrWcVua/edit#slide=id.p1])
* video for HTML tutorial ([https://youtu.be/FQdaUv95mR8?si=WkunnTT04RLp8-k4])

'''Duration:'''

* 1 to 4 class periods (approximately 60-240 minutes)

== '''Introduction (10 minutes):''' ==

# Discuss the importance of the internet and the role of HTML in creating web pages.
# Explain the basic concepts of HTML, such as tags, elements, and attributes.
# Share examples of simple web pages and discuss their structure.

== '''Demonstration (15 minutes):''' ==

# Introduce the basic structure of an HTML document: <!DOCTYPE html>, <html>, <head>, and <body>.
# Demonstrate how to create headings, paragraphs, lists, and links using HTML tags.
# Explain the concept of attributes and demonstrate how to use them in tags.
# Showcase how to insert images into a webpage using the <img> tag.

== '''Hands-On Practice (40 minutes):''' ==
Provide handouts with a list of commonly used HTML tags and examples.

Instruct students to open a text editor and start creating their HTML document.

Guide them through the process of adding headings, paragraphs, lists, links, and images to their web page.

Encourage experimentation and creativity while designing the content.

== '''Group Activity (20 minutes):''' ==

# Divide the class into small groups.
# Assign each group a specific topic or theme for their web page.
# Have groups collaborate to create a simple web page using the HTML skills learned in class.
# Encourage them to exchange ideas, troubleshoot, and assist each other.

== '''Sharing and Feedback (10 minutes):''' ==

# Invite each group to present their web page to the class.
# Encourage feedback from both the teacher and peers.
# Discuss the importance of proper HTML structure, readability, and the use of descriptive tags.

== '''Conclusion (5 minutes):''' ==

# Recap the key HTML concepts learned during the lesson.
# Emphasize the importance of practice and continuous learning in web page design.
# Assign a small homework task, such as enhancing their web pages with additional HTML features or researching more HTML tags.

== '''Assessment:''' ==
Assess students based on their active participation, understanding of basic HTML concepts, and the quality of their collaborative web page projects during the group activity.