MACROMEDIA 38028779 - Macromedia Dreamweaver - Mac, Using Manual, Page: 268 / 582

Chapter 11 268
As you add images, you can select and modify them directly in the Document
window. For example, you can use the Property inspector to add links to an
image, add a border around an image, set an image’s size, add space around an
image, and set the alignment. To create interactive graphics, such as rollover
images, navigation bars, or image maps, use Dreamweaver behaviors.
To set up an efficient production workflow, use the Dreamweaver Preferences
dialog box to set a preferred image editor (such as Fireworks). Setting an image
editor lets you launch the editor and edit an image while working in
Dreamweaver. When using Fireworks as the preferred editor, you can make edits
in Fireworks and with a single click automatically update the image in the
Dreamweaver file. For more information, see “Using Dreamweaver and
Fireworks Together” on page 281.
In addition to inserting images in a page, you can set a page background image;
see “Defining a background image or page color” on page 153. To overlap images,
insert them in layers; see “Using Dynamic Layers” on page 407.
Inserting an image
When you insert an image into a Dreamweaver document, Dreamweaver
automatically generates a reference to the file in the HTML source code. To
ensure that this reference is correct, the image file must be in the current site. If it
is not in the current site, Dreamweaver asks whether you want to copy the file to
the root folder.
To insert an image:
1
Do one of the following:
•
Place the insertion point where you want the image to appear in the Document
window, and then choose Insert > Image or click the Insert Image button on
the Common category of the Objects panel.
•
Place the insertion point where you want the image to appear in the Document
window, and then press Alt+I (Windows) or I
(Macintosh).
•
Drag the Insert Image button from the Objects panel to the desired location in
the Document window.
•
Drag an image from the Assets panel to the desired location in the Document
window; then skip to step 3.
•
Drag an image from the Site Window to the desired location in the Document
window; then skip to step 3.
•
Drag an image from the desktop to the desired location in the Document
window; then skip to step 3.