Insert an image placeholder

An image placeholder is a graphic that you use until final artwork is ready 

to be added to a web page. An image placeholder is useful when you lay out 

web pages because it allows you to position an image on a page before you 

actually create the image.

1.

In the Document window, click once inside the first row of the first 

table.

2.

Select Insert > Image Objects > Image Placeholder.

3.

In the Image Placeholder dialog box, do the following:

I

Type banner_graphic in the Name text box.

I

Enter 700 in the Width text box.

I

Enter 90 in the Height text box.

I

Click the color box and select a color from the color picker. For this 

tutorial, select a reddish brown (#993300).

I

Leave the Alternate Text text box blank.

AB

A note on alternative text  Alternative text is a textual description of an image on a web page. It is part 

OU

of the HTML code and does not appear on the page. It's important to provide alternative text for most of 

T..

your images so that people who use screen readers or text only browsers can receive the information 

.

provided by the image. In the case of a banner graphic, which merely displays a logo for a website, it is not 

essential to provide alternative text. When you leave the Alternate Text text box blank in the Image 

Placeholder dialog box, Dreamweaver adds an alt="" attribute to the img tag. Later, if you want to add 

alternative text to an image, you can select the image and enter the alternative text in the Property 

inspector. For example, if you later change the logo to include a phone number or address, you would 

want to provide that information as alternative text.

Insert an image placeholder

67