Tuesday, August 3, 2010

Insert Flash Buttons

Insert Flash Buttons


Step 1: Begin with a new document

Step 2: Inserting the Flash Button

In the Objects Palette, click the Insert Flash Button Icon

Inserting the Flash Button

Step 3: Modifying the Button

  1. In the dialog box for Inserting Flash Buttons, browse the button styles to select one you like.
  2. To preview a style click on it in the list to view it above.
  3. Once you've selected a style you like, type in some text to appear on the button. It's best to use basic fonts for better compatibility.
  4. Click Apply. This puts the button in your current document and you can preview it on your page. If you want to select another button, go ahead and click another one and click apply again, this will replace the current button with the new one you just selected.
  5. Select a URL to go to when the button is clicked. You can also browse to a file using the browse button.
  6. Select a background color (if desired) and finally, give your button a name if you don't want to use the default name provided by Dreamweaver. Click OK when finished.
Modifying the Button

Step 4: Previewing Your Button

  1. You can test the text by either clicking F12 to open it in your default browser or
  2. Click the text once and in the Properties Inspector, Click the Play button. If this button isn't available, you will need to expand the Properties Inspector by clicking the downward facing arrow in the bottom right hand corner.
  3. After pushing the Play button, move your cursor back and forth over your newly created text. You should notice the rollover effect you just created.

Preview your button

Preview your button

Step 5: Editing your text

Double click the Flash Text to bring up the Insert Flash Buttons window

OR

  1. Click it once to select the button
  2. In the Properties Inspector, click Edit in the top right hand corner and the Insert Flash Text dialog box will pop up.
  3. Make your changes and click OK.
source:http://www.cbtcafe.com/dreamweaver/flashbutton/flashbuttons.html

No comments:

Post a Comment