adobe dreamweaver cs5 on demand part 59 docx

ptg 362 Chapter 15 The Go To URL behavior gives you the ability to link an element on a Web page to an URL address. For example, you can create a Web page, and then use the Go To URL behavior to direct visitors to other sites and pages, or you can create a set of interactive buttons for use on a standard HTML driven Web site. Whichever option you choose, the ability to direct a visitor to other Web sites is essential to creating Internet-oriented documents. Going to Another Web Page Use the Go To URL Behavior Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the element you want to add the Go To URL behavior. Click the Add Behavior button (plus sign), and then click Go To URL. A dialog box appears, allowing you to set the details of the action. Type the URL or click Browse, select the URL from the Select File dialog box, and then click OK. Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 7 6 5 4 3 2 1 1 4 3 2 6 5 7 From the Library of Wow! eBook ptg Chapter 15 Working with Behaviors 363 The Open Browser behavior allows you to set a hyperlink to open in a new browser window. When you use the Open Browser behavior, you need to specify the URL you want to open in the new browser window and any window attributes, such as width, height, navigation and loca- tion toolbar, status bar, menu bar, scrollbar as needed and resize han- dles. If you want to use this behavior with text, you can also use the Change Property and Change Property Restore behaviors to change the pointer to a hand when visitors hover over your text link. Opening Another Browser Window Open Another Browser Window Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the element you want to add the Open Browser Window behavior; typically link text or graphic. Click the Add Behavior button (plus sign), and then click Open Browser Window. A dialog box appears, allowing you to set the details of the action. Type the URL or click Browse, select the URL from the Select File dialog box, and then click OK. Enter a window size (width and height in pixels). Select the check boxes with the window attributes you want to use. Enter a window name. The window name is used in the behavior script, so it cannot have any spaces or special characters. Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 10 9 8 7 6 5 4 3 2 1 1 3 4 2 8 5 9 7 6 10 From the Library of Wow! eBook ptg 364 Chapter 15 Dreamweaver provides several behaviors to display user text mes- sages, including Popup Message and Set Text. The Set Text behavior consists of four individual behaviors: Set Text of Container, Set Text of Frame, Set Text of Status Bar, and Set Text of Text Field. These behav- iors allow you to display text in an alert dialog box, a container, specific frame, text field, or the Status bar. Displaying Text Messages Create a Popup Message Window Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the element you want to add the Popup Message behavior. Click the Add Behavior button (plus sign), and then click Popup Message. A dialog box appears, allowing you to set the details of the action. Type the message you want. Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 7 6 5 4 3 2 1 1 4 2 3 6 5 7 From the Library of Wow! eBook ptg Chapter 15 Working with Behaviors 365 Create a Status Bar Message Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the element you want to add a behavior. Click the Add Behavior button (plus sign), point to Set Text, and then click Set Text Of Status Bar. A dialog box appears, allowing you to set the details of the action. Type the message you want. Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 7 6 5 4 3 2 1 1 4 3 2 6 5 7 From the Library of Wow! eBook ptg 366 Chapter 15 The Preload Images behavior allows you to preload images when a Web page initially loads. This is useful when you want to swap images on mouse rollover buttons. The Preload Images behavior loads the rollover image when the page initially loads, so visitors will not experi- ence a delay while the image loads the first time a visitor points to the button. The Swap Images behavior allows you to swap one image for another when an event occurs. The most common use of this behavior is to create rollover buttons. Along with the Swap Image behavior, you can also use the Swap Image Restore behavior, which restores the images that were swapped by the Swap Image behavior. Preloading and Swapping Images Preload Images Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the element or <body> tag in the tag selector for the entire page you want to add the Preload Images behavior. Click the Add Behavior button (plus sign), and then click Preload Images. A dialog box appears, allowing you to set the details of the action. Click Browse, locate and select the image you want to preload, and then click OK. Click the Add Items button (plus sign). To add mo re i ma ge s, repe at s te ps 5 and 6. Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 9 8 7 6 5 4 3 2 1 3 2 4 1 8 5 6 9 From the Library of Wow! eBook ptg Chapter 15 Working with Behaviors 367 Swap Images Open the Web page you want to apply a behavior. Click the Window menu, and then click Behaviors to display the Behaviors panel. Click the image you want to swap. Click the Add Behavior button (plus sign), and then click Swap Image. The selected image appears highlighted in the Swap Image dialog box. Click Browse, locate and select the image you want to swap it with, and then click OK. To ins er t a Pre lo ad Imag es behavior, select the Preload Images check box. To ins er t a Swa p Im ag e Re st or e behavior, select the Restore Images onMouseOut check box. To rem ov e a swa p, s el ec t an image in the list, and then delete the file and path in the Set Source To box . Click OK. To cha ng e th e tri gger, clic k th e event, click the Event list arrow, and then select the event you want. 10 9 8 7 6 5 4 3 2 1 3 2 4 1 7 8 6 9 5 10 From the Library of Wow! eBook . points to the button. The Swap Images behavior allows you to swap one image for another when an event occurs. The most common use of this behavior is to create rollover buttons. Along with the Swap. 15 Dreamweaver provides several behaviors to display user text mes- sages, including Popup Message and Set Text. The Set Text behavior consists of four individual behaviors: Set Text of Container,. other sites and pages, or you can create a set of interactive buttons for use on a standard HTML driven Web site. Whichever option you choose, the ability to direct a visitor to other Web sites