Operation Manual
Note:
Note:
Note:
W and H
Note:
Src
Link
Align
Alt
Select Data Source to choose a dynamic image source.
Click the Sites And Servers button to choose an image file in a remote folder of one of your Dreamweaver sites.
3. Browse to select the image or content source you want to insert.
If you are working in an unsaved document, Dreamweaver generates a file:// reference to the image file. When you save the
document anywhere in the site, Dreamweaver converts the reference to a document-relative path.
When inserting images it’s also possible to use an absolute path to an image that resides on a remote server (i.e., an
image that is not available on the local hard drive). If you experience performance problems while working, however, you
might want to disable viewing the image in Design view by deselecting Commands > Display External Files.
4. Click OK. The Image Tag Accessibility Attributes dialog box appears if you have activated the dialog box in Preferences
(Edit > Preferences).
5. Enter values in the Alternate Text and Long Description text boxes, and click OK.
In the Alternate Text box, enter a name or brief description for the image. The screen reader reads the information you
enter here. You should limit your entry to around 50 characters. For longer descriptions, consider providing a link, in the
Long Description text box, to a file that gives more information about the image.
In the Long Description box, enter the location of a file that displays when the user clicks the image or click the folder icon
to browse to the file. This text box provides a link to a file that is related to, or gives more information about, the image.
You can enter information in one or both text boxes depending on your needs. The screen reader reads the Alt
attribute for the image.
If you click Cancel, the image appears in the document, but Dreamweaver does not associate accessibility tags or
attributes with it.
6. In the Property inspector (Window > Properties), set properties for the image.
Set image properties
The Images Property inspector allows you to set properties for an image. If you do not see all of the image properties, click the expander arrow in
the lower-right corner.
1. Select Window > Properties to view the Property inspector for a selected image.
2. In the text box below the thumbnail image, enter a name so you can refer to the image when using a Dreamweaver behavior
(such as Swap Image) or when using a scripting language such as JavaScript or VBScript.
3. Set any of the image options.
The width and height of the image, in pixels. Dreamweaver automatically updates these text boxes with the image’s
original dimensions when you insert an image in a page.
If you set W and H values that do not correspond to the actual width and height of the image, the image may not display
properly in a browser. (To restore the original values, click the W and H text box labels, or the Reset image size button that
appears to the right of the W and H text boxes in entering a new value.)
You can change these values to scale the display size of this image instance, but this 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.
Specifies the source file for the image. Click the folder icon to browse to the source file, or type the path.
Specifies a hyperlink for the image. Drag the Point-To-File icon to a file in the Files panel, click the folder icon to browse
to a document on your site, or manually type the URL.
Aligns an image and text on the same line.
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.
281