Images > Inserting an image

 

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 Control+Alt+I (Windows) or Command+Option+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.
2 In the dialog box that appears, click Browse to choose a file, or type the path for the image file.
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.
3 Set image properties in the Property inspector.
See Image properties.