Lesson+Plans

=Hybrid Web Design Lesson Plan=

PERIOD: 1 SUBJECT: Introduction to WEB Project and Dreamweaver DATE: METHODS: Questions/Answers, Discussion, Demonstration, and Practice

 Ø Understand the purpose of Dreamweaver. Question/Answer Ø Understand the expectations of the WEB Project. Question/Answer Ø Save pages in correct location. Practice Ø Create basic Web pages using Dreamweaver program. Practice
 * OBJECTIVES **
 *  Upon completion of this lesson, the students will be able to: **

Ø R 2.1 (Comprehend important ideas and details.) Ø R 2.3 (Think critically and analyze the use of language, style, purpose and perspective.) Ø C 1.2 (Listen and observe to gain appropriate information.)
 * EALRS **


 * ANTICIPATORY SET **
 * <span style="font-family: Verdana,Geneva,sans-serif;"> Communication Questions/Answers/Discussion: 5 minutes **

<span style="font-family: Verdana,Geneva,sans-serif;">Ø We know that most of the web pages on the Internet are in HTML code. Why do we use Dreamweaver instead of pure HTML? Faster, to save time. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Purpose of Dreamweaver: Dreamweaver let you quickly add and design your pages without writing a line of code. All of the coding is done behind the screen. Therefore, you can also edit the HTML code when needed in Dreamweaver to enhance your Web pages.

<span style="font-family: Verdana,Geneva,sans-serif;">Transition: Knowing how create Web pages in Dreamweaver will save you time. Especially when you have to face with a complex project like this one: <span style="font-family: Verdana,Geneva,sans-serif;">Ø Show students the project expectation sheet. All students should have a copy of the project expectations. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Explain the every part of the project on the sheet. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Assign the Project to students. (WEB project)

<span style="font-family: Verdana,Geneva,sans-serif;">1. Define local site <span style="font-family: Verdana,Geneva,sans-serif;">2. Insert image <span style="font-family: Verdana,Geneva,sans-serif;">3. Insert rollover image <span style="font-family: Verdana,Geneva,sans-serif;">4. Change text, background, color <span style="font-family: Verdana,Geneva,sans-serif;">5. Insert comment on text or image <span style="font-family: Verdana,Geneva,sans-serif;">6. Convert layers into table
 * <span style="font-family: Verdana,Geneva,sans-serif;">Preview: Today we are studying the following to help us building the Web project: **

<span style="font-family: Verdana,Geneva,sans-serif;">Ø Define local site <span style="font-family: Verdana,Geneva,sans-serif;">Ø Insert image <span style="font-family: Verdana,Geneva,sans-serif;">Ø Insert rollover image <span style="font-family: Verdana,Geneva,sans-serif;">Ø Change text, background, color <span style="font-family: Verdana,Geneva,sans-serif;">Ø Insert comment on text or image <span style="font-family: Verdana,Geneva,sans-serif;">Ø Convert layers into table
 * <span style="font-family: Verdana,Geneva,sans-serif;"> Teacher performance Demonstration on the demo machine, the teacher shows students the following: 10 minutes **

<span style="font-family: Verdana,Geneva,sans-serif;">Teacher performs the following while the students practice: <span style="font-family: Verdana,Geneva,sans-serif;">Ø Allow students the time to work on the Web project. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Walk around to help students. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Check students’ progress on the computer screens. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Make sure students save their pages correctly. <span style="font-family: Verdana,Geneva,sans-serif;">Ø Take note if necessary.
 * <span style="font-family: Verdana,Geneva,sans-serif;">Students Hand On Practice 30 minutes **

<span style="font-family: Verdana,Geneva,sans-serif;">Ask/Perform the following: 5 minutes <span style="font-family: Verdana,Geneva,sans-serif;">Ø Tell me why we use Dreamweaver instead of pure HTML code. <span style="font-family: Verdana,Geneva,sans-serif;">Ø How do I save information into the correct location? <span style="font-family: Verdana,Geneva,sans-serif;">Ø Ask students if they remember how to insert an image and change text color. <span style="font-family: Verdana,Geneva,sans-serif;">Ø How do I insert rollover image into a page? <span style="font-family: Verdana,Geneva,sans-serif;">Ø How do I convert layers into table?
 * <span style="font-family: Verdana,Geneva,sans-serif;">CLOSING **

<span style="font-family: Verdana,Geneva,sans-serif;">Review the objectives to make sure that they understand the functions presented today.
 * <span style="font-family: Verdana,Geneva,sans-serif;">SPONGE ACTIVITY **

<span style="font-family: Verdana,Geneva,sans-serif;"> Pointing Pen <span style="font-family: Verdana,Geneva,sans-serif;"> Demo File <span style="font-family: Verdana,Geneva,sans-serif;"> Project Expectation Sheet
 * <span style="font-family: Verdana,Geneva,sans-serif;">MATERIALS **