Module 2: Applying Dreamweaver

Module 2: Overview

Students now apply the skills they learned and practiced in Module 1 to a mock commercial web site. Students work in teams of three or four to develop a web site for their ficticious start up company. The first lesson requires students to do some planning before constructing the mock site. Some of the planning they are asked to do is done in the site function of the Dreamweaver program. Students will also be asked questions about their ficticious company, their product and their customer. Students then construct the mock web site in the second lesson and are required to include certain elements in the web site. The third lesson draws on some of the Dreamweaver site functions again. These involve basic site maintenance.

Module 2: List of Lessons

• Lesson 1: Planning (Lesson length 60 minutes)
• Description: Students use the site function in Dreamweaver as well as an ordinary pencil and a piece of paper to plan the reconstruction of their personal web site.
• Learner Outcome: The student will be able to-
• use site functions to plan and or organize a web site.
• accurately identify critical elements of the design
• plan the design and development with appropriate level of detail and complexity
• identify, prioritize and organize the tasks appropriately
• develop a plan with the level of detail and sophistication appropriate to purpose and audience
• Activities:
  • Form groups of three students (four when necessary).
  • Have students do Lesson 1: Planning the Mock Web Site.
• Handouts/Resources Needed:
  • Dreamweaver Guided Tour
  • graph paper for drawing a web page layout
  • enough copies of the Market Analysis Worksheet for every group
  • enough copies of the Storyboard Worksheet for every group
• Suggested Assessment: Review Market Analysis Worksheet to determine if groups of students have adequately anticipated what needs the client and customer may have. Review the sketch of the home page using the student designed Web site evaluation tool (From Unit 1). Check student monitors to see if they successfully used Dreamweaver's Site functions to display the file structure of the mock company Web site.
• Lesson 2: Construction (Lesson length 120 minutes)
• Description: Groups of students construct the mock Web site for a fictitious company in Dreamweaver's layout view. They are expected to include certain required elements on their page so that they can demonstrate their competency using Dreamweaver.
• Learner Outcome: The students will be able to-
• use Dreamweaver's features for creating and modifying tables.
• design a web document's layout in the layout view.
• discriminately use Dreamweaver's features for creating and modifying layers.
• use Dreamweaver's features for incorporating Flash elements and Java rollovers.
• create an image map using Dreamweaver 4.0
• Activity:
• Have students do Lesson 2: Construction of the Mock Web Site.
• Handout/Resources Needed:
• Dreamweaver Lessons
• Browser
• Suggested Assessment: Apply the evaluation tool created by the class in Unit 1to the Mock Web Sites created by groups of students.
• Lesson 3: Site Management (Lesson length 60 minutes)
• Description: Student practice using some of the management features packaged in the Dreamweaver program that can be very powerful time savers.
• Learner Outcome: The student will be able to-
• demonstrate the benefits of creating a site folder and using the site functions to maintain a Web site.
• run a report and make changes which address the findings in the report
• do an extended find and replace of text or code throughout the local site
• check or change links sitewide
• rearrange the site structure from either the Site Map or site Files View
• use Dreamweaver to test page performance on different browsers.
• Activities:
  • Have students do Lesson 3: Web Site Management Using Dreamweaver.
• Handout/Resources Needed:
  • Dreamweaver Guided Tour
  • Browser
• Suggested Assessment: Review the student Web sites with a printed version of the following checklist.