Home > Articles > Graphics & Web Design > Dreamweaver & Flash

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Inserting an Image Button

Instead of using one of the built-in buttons provided by Dreamweaver, you can insert an image and use it as a button. This allows you to create a custom look for your form, yet still provide the functionality you want. After you insert an Image button, you can use the Properties panel to set or change options for the form object.

Insert an Image Button

  • green_1.jpg Create a new HTML document, or open an existing page.
  • green_2.jpg Click to place the insertion point where you want to insert an image button.
  • green_3.jpg Insert the image using one of the following options:
    • Click the Forms tab on the Insert panel, and then click the Image Field button.
    • Click the Insert menu, point to Form, and then click Image Field.
  • green_4.jpg Locate and select the image you want to use as a button.
  • green_5.jpg Click OK.
  • green_6.jpg In the Properties panel, select from the following options:
    • Image Field. Enter a unique name for the image.
    • Src. Enter the path and name for the image or click the Browse For File button to select the image file.
    • Alt. Enter a description of the image.
    • Align. Click to select an alignment option.
    • Edit Image. Click to edit the image in your default editor.
    • Class. Click to apply CSS rules to the object directly or through a CSS Style Sheet.
  • + Share This
  • 🔖 Save To Your Account