Site Links
Student Scene
Student Activities

Student Links
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
Homework

Other Activities
Dreamweaver
Fireworks

Resource Links
HTML Guide
Glossary

Dreamweaver Activities

Introduction | Tables | Site in an Hour | Rollover Images | Jump Menu

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 web pages and local files.

Procedure:
1. Start Dreamweaver

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

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

4. Merge the top 2 rows by selecting the top two cells. Click anywhere in the top two cells and click on the <tr> in the lower left-hand corner to select the cells. Next, click on the merge button in the Properties window.
Enter some text in the top row as "My Web Site" or insert your header image. It should look like the following table.

5. Click in the second row and first column.
Change the width of the column to 150 in the Properties window .
Change the color of the column by clicking on the Bg color square .
Change the width of the second column to 650 in the Properties window and add the text "My Main Page"
Align both cells to the top by selecting the cells and changing the vertical alignment to top .

6. Link Student Scene to http://studentscene.us
Link The Truth to http://www.thetruth.com
Link Freevibe to http://www.freevibe.com
Link Home to index.htm (no spaces in the link)
Link Page 2 to page2.htm
Link Page 3 to page3.htm

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

8. Do a "Save as..." to create the new pages for your web site.
Save as... page2.htm and change the My Main Page text to My Second Page and SAVE.
Save as... page3.htm and change the text to My Third Page and SAVE.

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