1. gslis751 1 Image Hotspots&Dreamweaver Behaviors

3. change the page in various ways

4. a combination of an event with an action triggered by that event. In the Behaviors panel, you add a behavior to a page by specifying an action and then specifying the event that triggers that action. http://www.adobe.com/support/dreamweaver/interactivity/behavior/ 2 2 gslis751

7. Properties panel > Map field > give a name

8. Select one of the image map tools (square, circle, or another shape)

9. Draw the hotspot

10. Add a link to the hotspot

12. Add interactivity to the Web pages with ease

14. Open a new browser window as specific size

15. Change background color of any background

17. Event – which triggers the action

19. Highlight - changes the background color of an element.

20. Blind - simulates a window blind that goes up or down to hide or reveal the element.

21. Slide - moves the element up or down.

22. Grow/Shrink - increases or reduces the size of the element.

23. Shake - simulates shaking the element from left to right.

25. gslis751 9 Jump Menu and Jump Menu Go Insert > Form > Jump Menu This is the end result on Live View in DW.

27. Insert the first image (make sure to redefine the size of all the images, so that they appear in the same size)

28. Give the image an ID in ID field of properties panel (this is a must)

29. Select the first trigger, Tag Inspectors > Behaviors > + > Swap Image

30. Image Source > select the first image ID

31. Set source to > select the file name of the second image

33. Tag Inspector > Behaviors > +

34. Choose Popup Message

35. Type the message

37. Inside this folder, Dreamweaver automatically saves files namedSpryEffects.js. When you upload your .html file to your sever, make sure you upload this SpryAssets folder and this SpryEffects.js exactly at the same place.