Lesson Plan - 1 Computer Science Making Web Pages in HTML Topics: What is HTML? Class: Period: Mode: Classroom/Lab Teacher: ____________________________________________________________________________________ Learning Support Assistant: ____________________________________________________________ S.M.A.R.T. Learning Objectives By the end of this session, students will be able to: 1. Define Hypertext Markup Language. 2. Understand tag and elements. 3. Create a simple webpage in HTML using notepad. 4. Use browsers to view a webpage created by them. Resources 1. video https://youtu.be/F1ersH3yqGQ (10.00) 2. Use the eContent to show the animated demos of the lesson. Session Conduction Engage: Ask students if they have used Google. If yes, how do they use Google in computers? Show some websites like Facebook, School’s official page and ask them what do they see in the different parts like the title bar, header and footer area, the body of the page. Ask them to observe the text styles on the website. Now define Hypertext Markup Language (HTML) as the set of markup symbols or codes inserted into a file intended for display on the Internet. The markup tells web browsers how to display a web page's words and images. Concept introduction: With the example of the book explain tags are used for writing HTML. Describe the basic structure of the HTML web page. How elements are formed in HTML. What is opening and closing tags? The enclosing tags can make a word or image hyperlink to somewhere else and can italicize words, can make the font bigger or smaller, and so on.
Give examples like <P> This is paragraph</P> <B> To write in bold</B> <I>italic</I>. Three tags <html>, <head>, and <body> make up the basic skeleton of every web page. Concept Demo/Explanation: Open a notepad write a small HTML code to explain the structure of the HTML page. Save the file and use the browser to display the content. Edit the content of the existing page using Google Web Developer and save the changes. It’s important to show them here what happens if tags are not closed properly (use inspect elements in the web browser). Tags should be always closed even if the browser completes the tag. Unexpected results and errors may occur if you forget the end tag. Also, point out HTML tags are case sensitive. Concept Practice: Ask students to complete the Brain Jogger activity. Next, ask them to create an HTML page in notepad and with some incomplete tags like following and observe what happens. 1) <html><head><body></body></html> 2) <p>Hello</p> 3) Using multiple <html> tags in the document. Optional Activity: Play the video in the resources section. Home Assignments 1. Revise the topic covered. 2. Practice the interactive exercises in Edusoft Smart App. 3. Solve any additional exercises on playground.edusoft.co.in Guided Assignment Students can visit https://en.wikipedia.org/wiki/HTML to find out the history of HTML and discuss it with the teacher. Evaluation After completing the lesson solve the exercises given in the book.
Lesson Plan - 2 Computer Science Making Web Pages in HTML Topic: HTML Basic Text Formatting Class: Period: Mode: Classroom/Lab Teacher: ____________________________________________________________________________________ Learning Support Assistant: ____________________________________________________________ S.M.A.R.T. Learning Objectives By the end of this session, students will be able to: 1. Provide a title for the web page. 2. Use at least 5 basic text formatting tags in HTML. 3. Differentiate empty tag and container tag. 4. Apply line break in text using <BR> 5. Define preformatted text in webpage using<PRE> Resources 1. video https://www.linkedin.com/learning/html-essential-training-4/what-is-html 2. Use the eContent to show the animated demos of the lesson. Session Conduction Engage: Ask students what do they do when they mark an important text in a book or in their reports. What do they add at the beginning of a project report? Concept introduction: Explain how <title> is used for adding the title of the web page. To highlight a text in HTML we use elements like <b>, <sup>, <sub> ,<strike>, and other text formatting HTML elements. In HTML multiple formatting elements can be used together. For e.g <B><I>hello</I></B>. But it is recommended to always close nested tags in the reverse order that they were opened. HTML elements with no content are called empty elements. The <BR> tag defines a line break and is an empty element without a closing tag.
Concept Demo/Explanation: Use the “Different Type of Intelligence” paragraph from the chapter and explain the use of basic text formatting tags used in HTML. Ask students what are do they noticing in it. Show what happens when<BR> tag is used. Use the HTML code for the preformatted text from the book. Concept Practice: Complete the Brain Jogger and Fun project activities from the chapter. Ask them to design an HTML page to describe the school or themselves and highlight the important parts with the help of the formatting tags they have learned from the chapter. Optional Activity: Watch https://www.linkedin.com/learning/html-essential-training- 4/what-is-html?autoAdvance=true&autoSkip=false&autoplay=true&resume=true and discuss with teachers. Home Assignments 1. Revise the topic covered. 2. Practice the interactive exercises in Edusoft Smart App. 3. Solve any additional exercises on playground.edusoft.co.in Guided Assignment Students can visit https://developer.mozilla.org/en-US/docs/learn for detailed information. Evaluation After completing the lesson solve the exercises given in the book.
Search
Read the Text Version
- 1 - 4
Pages:
