Adobe Dreamweaver CS3 Unleashed- P12: The good news is Dreamweaver provides numerous windows, panels, inspectors, and toolbars for streamlining the way you build websites. The bad news, unfortunately, is that Dreamweaver provides numerous windows, panels, inspectors, and toolbars for streamlining the way you build websites. Why so many windows, panels, and so on, Dreamweaver is unprecedented in the feature set it provides, allowing developers complete control when building websites and applications | Toggle effect Select this check box if you want the effect to be reversible growing and shrinking with successive clicks. Highlight You can use the Highlight behavior with form objects links images div and other tags to create a highlighting effect for the particular element. To use this behavior follow these steps 1. Place your cursor next to the Grow Shrink button created in the previous section. Insert a new Button form object by clicking the Button icon from the Forms category of the Insert bar. 2. When the Add Form Tag dialog appears click No. 3. With the Button form object selected change its name to btnHighlight so that we can identify it later change the Action to None so that the button doesn t try to submit or reset the nonexistent form when it s clicked. You can also change the Label to read anything you d like. I ll change mine to read Highlight. 4. With the new button selected choose the Highlight behavior from the Effects submenu available by choosing the Add button in the Behaviors panel. The Highlight dialog will appear as in Figure . Figure . The Highlight behavior can be used to create a custom-color highlight for an element. iew full size image Highlight Toggle effect 5. Although we ll eventually cover the functionality outlined within this dialog for now choose the input btnHighlight option from the Target Element menu select a red color from both the End Color and Color After Effect menus enable the Toggle effect check box and click OK. 6. If the selected event isn t onciick change it to onciick now. Save your work and preview the page in the browser by choosing F12 Option F12 . When the page appears click the button. As you ll see the image highlights red. Click the button again. You ll notice that the image highlight fades away. In the previous steps we selected options from the Target Element menu. As you can see from Figure other options exist within the dialog Target Element From this menu select the object s ID that you .
