|MySQL Conference and Expo April 14-17, 2008, Santa Clara, CA|
Dreamweaver Power Combinations
Once in the Show-Hide Layers dialog box, choose a behavior for each layer in your document. For instance, if you wish Layer1 to be visible and all others to be hidden when this behavior's associated event fires, you can select Layer1 and set it to Show, while simultaneously setting all the remaining layers to Hide.
You can trigger this behavior with either an onClick or an onMouseOver event associated with your button. You will need to repeat this process for every menu object in your document, showing its associated layer and hiding all of the rest, as shown in the following script statement.
After you have added your Show-Hide Layers Behavior to each layer in question, be sure to set the visibility of each layer to Hide in the layer's Property inspector. This will hide the layers when the document loads. Once you have completed your document, you will end up with pop-up menu options as shown in Figure 4.
Using extensions within templates
At the Macromedia Dreamweaver Exchange Web site, you'll find over 500 extensions that have been written specifically for Dreamweaver or Fireworks. You must be a member of the Exchange to download the extensions, but the registration is free.
As a member of the Exchange, you can access extensions from a variety of categories, including Accessibility, App Servers, Browsers, DHTML/Layers, E-commerce, Fireworks, Flash Media, Learning, Navigation, Productivity, Rich Media, Scripting, Security, Style/Format, Tables, and Text. Each of these categories provides a selection of tools that improve the functioning of your site.
For instance, if you use the Scrollable Layer extension on some pages of your document but not on others, then you want to have a separate template with the Scrollable Layer installed, as shown in Figure 5.
Creating multimedia animations using timelines
Dreamweaver's Timelines feature allows you to add a fourth dimension to your Web pages using the timed display of images, sounds, and movement. Using Timelines, you don't have to create complex, animated graphics; you can combine a series of smaller animations, with the timed interjection of the Play Sound behavior, to create effects similar to what is available using Flash.
Timeline keyframes can be used to modify the width, height, top, left, z-index, and visibility attributes of layers, but only the src attribute of images. To change an image in other ways, such as to animate its position, place the image within a layer and then alter the layer attributes.
To start creating a multimedia animation, simply drag and drop your image/layer into the Timelines panel (Window
Once you have added all of your keyframes and adjusted your layer properties, click on the frame in the Behavior (B) channel of the Timelines panel and choose the Play Sound behavior from the Behaviors panel's Add Behavior (+) pop-up menu. (Modify
These feature combinations provide you with a simulation of the effects you see on sites such as Microsoft, Macromedia, and Network Solutions. Although these are just a few of the combinations that can be created using the tools available with Dreamweaver and the Dreamweaver Exchange Web site, I hope they'll show you what can be done to spruce up your Web sites, while also reducing your development time.
More tips such as these are covered in Dreamweaver in a Nutshell. I hope that the tips discussed here have helped you see how combinations of Dreamweaver technology can work to save you time and energy. If you don't have Dreamweaver, try their free trial version, which is available at Macromedia.
Heather Williamson has authored several best-selling Web authoring books, and during the past five years, she's designed and developed corporate Intranet and Internet sites.
O'Reilly & Associates recently released Dreamweaver in a Nutshell: A Desktop Quick Reference.