• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 5. Adding User Interactivity

Lesson 5. Adding User Interactivity

In this lesson, you will use Dreamweaver behaviors to create rollovers, new browser windows, and menus. A behavior combines a user event (such as moving the pointer over a graphic button in the browser) with an action or series of actions that take place as result of that event. Behaviors are prewritten JavaScript codes that you can easily incorporate into your Web site. You can use behaviors to add interactivity to your pages, enabling your users to change or control the information they see.

In this project, you will create rollovers with images that are already on the page and learn how to make more than one image on the page change at the same time.

You can specify more than one event to trigger a behavior and more than one action for each event. Dreamweaver includes several predefined behavior actions. If you are proficient with JavaScript, you can add your own behaviors. You can also download new behaviors from the Dreamweaver Exchange Web site, http://www.macromedia.com/ exchange/dreamweaver/, by choosing Help > Dreamweaver Exchange. If you have an Internet connection, your primary browser will open, and you will be taken directly to the Web site. You will need to become a member of Macromedia.com in order to download extensions—membership is free. You will learn more about extending Dreamweaver in Lesson 17.

To see examples of the finished pages: open Lesson_05_Behaviors/Completed/local_history.html for the basic rollover; open Lesson_05_Behaviors/Completed/architecture.html for the multiple rollovers, Popup message, status-bar message and Pop-Up menu; open Lesson_05_Behaviors/Completed/Check_browser/markings_tables.html for the browser redirect; and open Lesson_05_Behaviors/Completed/light_sources.html for the new browser window.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Create rollovers

  • Add user interactivity to your pages by using behaviors

  • Add multiple behaviors to one user action

  • Add behaviors to image maps

  • Create a status-bar message

  • Redirect users based on the version of their browser

  • Open a new browser window

  • Create a pop-up menu

APPROXIMATE TIME

This lesson should take about two hours to complete.

LESSON FILES

Media Files:

Lesson_05_Behaviors/Images/…(all files)

Starting Files:

Lesson_05_Behaviors/acetylene.html

Lesson_05_Behaviors/architecture.html

Lesson_05_Behaviors/fuel.html

Lesson_05_Behaviors/light_sources.html

Lesson_05_Behaviors/lime.html

Lesson_05_Behaviors/location.html

Lesson_05_Behaviors/markings_layers.html

Lesson_05_Behaviors/markings_tables.html

Lesson_05_Behaviors/oxyhydrogen.html

Lesson_05_Behaviors/photovoltaics.html

Lesson_05_Behaviors/Text/…(all files)

Completed Project:

Lesson_05_Behaviors/Completed/…(all files)


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint