Accessibility
 
Home > Products > Dreamweaver > Support > Inserting Images
Dreamweaver Icon Macromedia Dreamweaver Support Center - Inserting Images
Inserting images

When you insert an image into a Dreamweaver document, Dreamweaver automatically generates a reference to the file in the HTML source code. Like other files that are part of a website, image files must also be saved somewhere within the local root folder defined for the site. If your image file is not in the current site, Dreamweaver asks whether you want to copy the file to the root folder.

For more information about sites, see the article Understanding Sites.

To insert an image:

1 Transfer the image file to a directory in your site before inserting the image, if it is not already in your current site.
Tip: It is a good idea to store your images in a separate directory called "images."
2 Place the insertion point where you want the image to appear in the Document window, and do one of the following:
Select Insert > Image.
Click the Insert Image button on the Common category of the Objects panel (Window > Objects).

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.
The Select Image Source dialog box opens.
3 Navigate to the file you want to insert and select it, or type the path for the image file in the URL text box.

If you are working in an unsaved document, Dreamweaver generates a "file://" reference to the image file. When you save the document in the site, Dreamweaver converts the reference to a document- or site root-relative path. For more information, see "About document locations and paths" in Chapter 15 of Using Dreamweaver 4, or in Dreamweaver Help (Help > Using Dreamweaver).

To Table of Contents Forward to next document