WD_L14

Unit 4 Lesson 14: Understanding Components of a Web Page

Instructional Objectives: · Explain components of a web page
 * · Introduce the basic structural HTML tags
 * · Define basic terminology
 * · Show how structural tags are used to make a simple web page
 * · Show Source Code and explain its function
 * · Explain how to save an HTML document

Student Objectives: · Uses NotePad text editor to write HTML code
 * · Uses HTML to create a simple web page
 * · Uses a web browser to view web page construction progress
 * · Saves HTML files on a designated file using the correct file extension
 * · Views completed Web document using available browsers

Materials: Software: Firefox and/or Internet Explorer, Notepad (or other available text editor) Handouts: 4.1 s MyFirstpage

Student Activities:


 * · Participates by taking notes and listening
 * · Completes handout on HTML terminology
 * · Creates a simple web page
 * · Uses MS Notepad to write HTML code
 * · Uses a web browser to view page progress
 * · Analyzes results and discusses ideas on how to improve web page.

Teaching Methods/Strategies: 1. 30 minutes Introduces HTML, basic terminology and demonstrate using basic structural markup tags to construct a first web page. Students should be informed about the importance of accurate code writing and spelling when constructing web pages. Also, emphasize importance of adding the “.html” extensions to all web page files. Students save this page in the “mywebsite” folder as “firstpage.html” 2. 30 minutes Show an example of a more elaborate “firstpage.html” and direct students to being to personalize their pages by adding several paragraphs to the newly created Web document. Upon completion of task, encourage students to circulate around the room and see each other’s work. ** IMPORTANT: as it is most likely that these documents will be published on the Web, instruct students to use only their first names, and not include any information such as birthdates, home addrsses, phone numbers, etc. **

Students that finish early should complete the quick review at the end of the handout.

Encourage class discussion on what could be done to improve the appearance of the simple “firstpage.html” Their suggestions could provide a good platform for the next lesson: Enhancing a Simple HTML Web Page. If students finish early allow them to look at the Wikispaces site to get more ideas of good web design.

Useful links: