Inserting Images

Dreamweaver can reference images contained within your website to be "inserted" into the html page.

When you insert an image into a Dreamweaver document, Dreamweaver automatically generates a reference to the image 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 into the site.

To insert an image:

1. Place the insertion point where you want the image to appear in the Document window, then do one of the following:
   • In the Common category of the Insert bar, click the Image icon.
     
     
   • In the Common category of the Insert bar, drag the Image icon to the Document window (or to the Code view window if you are working in the code).
   • Select Insert > Image.
   • Drag an image from the Assets panel (Window > Assets) to the desired location in the Document window; then skip to step 3.
   • Drag an image from the Site panel 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, do one of the following:
   • Select File System to choose a graphic file.
   • Select Data Source to choose a dynamic image source.
   
   
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.

4. Click OK.

   The Image Tag Accessibility Attributes dialog box appears if you have activated the dialog box in Preferences.

   
   
   

5. Enter values in the Alternative Text and Long Description text boxes, then click OK. The image should now appear in your document.

   NOTE: If you click Cancel, the image appears in the document, but Dreamweaver does not associate accessibility tags or attributes with it.