Inserting an image placeholder

Inserting an image placeholder

An image placeholder is a graphic you use until final artwork is ready to be added to a web page.

To insert an image placeholder:

  1. In the Document window, place the insertion point where you want to insert a placeholder graphic.
  2. Do one of the following:
    • In the Common Insert bar, click the Image Placeholder icon.This is a picture of the feature being described.
    • Select Insert > Image Placeholder.

    The Image Placeholder dialog box appears.

  3. In the dialog box, select options for the image placeholder.

    You can set the placeholder’s size and color, as well as provide it with a text label. For detailed information about setting these options, see Completing the Image Placeholder dialog box.

  4. Click OK.

The placeholder’s color, size attributes, and label appear as follows:

This is a picture of the feature being described.

When viewed in a browser, the label and size text do not appear.

Related topics

  • Replacing an image placeholder
  • Resizing an image
  • Setting image placeholder properties
  • Using Fireworks to modify Dreamweaver image placeholders.

Replacing an image placeholder

An image placeholder is not a graphic image that displays in a browser. Before you publish your site you should replace any image placeholders you’ve added with web-friendly graphic files such as GIFs or JPEGs.

If you have Fireworks, you can create a new graphic from the Dreamweaver image placeholder. The new image is set to the same size as the placeholder image. You can edit the image, then replace it in Dreamweaver. For information about creating a replacement image in Fireworks, see Using Fireworks to modify Dreamweaver image placeholders.

To update the image source:

  1. In the Document window, do one of the following:
    • Double-click the image placeholder.
    • Click the image placeholder to select it; then in the Property inspector (Window > Properties), click the folder icon next to the Src text box.

    The Image Source dialog box appears.

  2. In the dialog box, navigate to the image you want to replace the image placeholder with.
  3. Click OK.

    The selected image appears in the document.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Inserting and Formatting Text
Adding Audio, Video, and Interactive Elements
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly