Teacher Pages
Back to Student Web Activities
Student Scene

Lesson Plans
Lesson 1
Intro to HTML
Lesson 2
Fonts and Links
Lesson 3
Tables
Lesson 4
Table Layout
Lesson 5
Color Theory
Lesson 6
Layout & Design
Lesson 7
Final Project
Dreamweaver Activities

Fireworks Activities

Teacher Links
Integration Strategies
Research

Dreamweaver Activities

Introduction | Tables | Links | Images | Forms | Site in an Hour

These activities are designed to be used after the HTML coding lessons. Use the Introduction activity first, after that you may use the activities in any order you choose.
Dreaweaver Activities Home

Activity: Site in an Hour
Objective: The objective of this activity is to create a web site with navigation to local files. The site will resemble the Grandview Safe Schools site.

Materials: None

Procedure:
1. Start Dreamweaver

2. Create a new document if one does not exist.

3. Insert a table with 3 rows and 2 columns that is 770 pixels wide. Set the cell padding at 3 and border at 0.

4. Merge the top 2 rows and enter some text in the top row as "My Web Site" and change the text size and color. It should look like the following table.

5. In the second row add text that will be navigation links to other pages on my site and separate them with a line as shown. Use the following text:
Home | Bullying and Harassment | Drug and Alcohol Abuse | Tobacco Usage | Sexual Harassment | Our Community | Student Scene

6. Add the links to the navigation text as described here. The files (web pages) you are linking to don't exist yet but we will make them later. Link:
Home link to index.htm, link
Bullying and Harassment to bullying.htm, link
Drug and Alcohol Abuse to drugabuse.htm, link
Tobacco Usage to tobacco.htm, link
Sexual Harassment to harassment.htm, link
Our Community to community.htm and link
Student Scene to http://www.studentscene.us

7. Click in the third row and first column. Change the width of the column to 150 in the Properties window and add the text "Resource Links". Change the color of the column. Change the width of the second column to 650 in the Properties window and add the text "My Main Page" and align both cells to the top.

8. Save your Dreamweaver web page as index.htm.

9. Do a "SAVE AS..." to create the new pages for your web site.
Save as... bullying.htm and change the My Main Page text to Bullying and Harassment Information and SAVE.
Save as... drugabuse.htm and change the text to Drug and Alcohol Abuse and SAVE.
Save as... tobacco.htm and change the text to Tobacco Usage and SAVE.
Save as... harassement.htm and change the text to Sexual Harassment and SAVE.
Save as... community.htm and change the text to Our Community and SAVE.

10. Finally, click on the F12 key on your keyboard to preview the page. Test the navigation and notice the chang in title as you move from one page to another.