Please write these topics as clear headings in your notes. Draw diagrams and give examples where appropriate:

• Inserting a Rollover Image
• Adding Behaviors
• Swapping Multiple Images with One Event
• Adding Behaviors to Image Maps
• Editing Actions and Events
• Creating a Status Bar Message
• Checking the Browser
• Opening a New Browser Window
• Creating a Pop-Up Menu
• Validating Forms

Dreamweaver 11 : Adding User Interactivity

Due May 13

Get Set Up

1. Copy the Lesson_11_Interactivity folder (inside the DWMX2004_Project folder) from the Outbox.
2. Paste it into your DWMX2004_Project folder.
3. Rename it lastname_Lesson_11_Interactivity, where lastname is your actual last name.

In the lastname_Lesson_11_Interactivity folder, you will now find:

1. lesson11.pdf - the tutorial instructions
2. an Images folder
3. The following HTML files: acetylene.htm, architecture.htm, fuel.htm, light_sources.htm, lights_quiz.htm, lime.htm, local_history.htm, location.htm, markings_layers.htm, markings_tables.htm, oxyhydrogen.htm, photovoltaics.htm

 

Exercises

1. Read pages 352-285 of the Lesson.
2. Complete all the exercises.
3. Your final local_history.htm page should look like the image below when you roll over the "Locations" image.

4. Your final architecture.htm page should look like the image below when you roll over the "markings" image and the "history" menu item.

5. Your final markings_tables.htm should refresh and jump to the markings_layer.htm page as shown below:

6. Your final light_sources.htm page should look like the image below when you click on the "lime" link:

7. Your final lights_quiz.htm page should look like the image below when you leave the email field without an email address:

Turn in Your Files

1. In My Documents, navigate down into your root folder and then into the DWMX2004_Project folder.
2. Right-click on the lastname_Lesson_11_Interactivity folder and select Copy.
3. Navigate to the Inbox and then into the DWMX2004_Project folder.
4. Right-click on the Lesson_11_Interactivity folder and select Paste.

 

Take Notes

Take notes on the topics listed in the green panel on the left. Notes are due on the upcoming Friday.