When an image is selected, choose from the following properties in the Property inspector:
The Property inspector initially displays the most commonly used properties. Click the expander arrow in the lower right corner to see all properties.
Image Lets you name the image so you can refer to it with a scripting language, such as JavaScript or VBScript.
W and H Reserve space for the image on the page as the page is loading. Dreamweaver enters the image's original size automatically. Default and unlabeled values are pixels. You can also enter a number and "in" for inches, "pc" for picas, "pt" for points, "mm" for millimeters, "cm" for centimeters, and combinations thereof, such as 2in+5mm. Dreamweaver converts the values to pixels in the source HTML. Changing these values scales the display size of this instance of the image. Changed values appear in boldface. To restore the original values, click the field labels. Changing the width and height does not reduce download time because the browser downloads all image data before scaling the image. To reduce download time and to ensure that all instances of an image appear at the same size, use an image-editing application to scale images.
Src Specifies the source file for the image. Type the path or click the folder icon to browse to and select the source file. See About relative and absolute paths for information on entering pathnames.
Link Specifies a hyperlink for the image. Type the URL, drag the point-to-file icon to a file in the Site window, or click the folder icon to browse to and select a document on your site.
Align Aligns an image and text on the same line. See Aligning elements.
Alt Specifies alternative text that appears in place of the image for text-only browsers or for browsers that have been set to download images manually. For visually impaired users who use speech synthesizers with text-only browsers, the text is spoken out loud. In some browsers, this text also appears when the pointer is over the image.
V Space and H Space Add space, in pixels, around the top and bottom, and left and right of the image, respectively.
Target Specifies the frame or window in which the linked page should load. (This option is not available when there is no link on the image.) The names of all the frames in the current document appear on the list. If the specified frame does not exist when the current document is opened in a browser, the linked page loads into a new window that has the name you specified. Once this window exists, other files can be targeted to it. You can also choose from the following reserved target names:
 |
_blank loads the linked file into a new, unnamed browser window. |
|
_parent loads the linked file into the parent frameset or window of the frame that contains the link. If the frame containing the link is not nested, then the linked file loads into the full browser window. |
|
_self loads the linked file into the same frame or window as the link. This target is implied, so it generally need not be specified. |
|
_top loads the linked file into the full browser window, thereby removing all frames. |
Low Src Specifies the image that should load before the main image. Many designers use a 2-bit (black and white) version of the main image because it loads quickly and gives visitors an idea of what they're waiting for, but you can use any image with the same dimensions as the main image.
Border Sets the width of the link border around the image in pixels. Enter 0 for no border.
Map Enables you to create client-side image maps. See Creating image maps.
Refresh Resets the W and H values to the original size of the image.
Edit Launches the image editor you specified in External Editors preferences and opens the selected image. When you save your image file and return to Dreamweaver, Dreamweaver updates the Document window with the edited image. See Using an external image editor.