Add an image placeholder

Now create a placeholder to stand in for the images that you'll add later.

To add an image placeholder:

  1. Click at the beginning of the main text column, just before the word "Title," and press Enter (Windows) or Return (Macintosh) to create a blank line before the title. Then click in the new blank line.



    The insertion point should now be on a line by itself. If it isn't, place the insertion point on the blank line.

  2. Select Insert > Image Objects > Image Placeholder.
  3. In the Image Placeholder dialog box, enter a name for the placeholder (such as SplashImage).

    Note: Placeholder names must start with a letter and can contain only letters and numbers.

  4. Still in the Image Placeholder dialog box, enter a width and height. If you're creating the Trio Motors page, enter 176 for width and 190 for height.
  5. Leave the Color and Alternate Text text boxes blank.

    Note: It's important to provide alternative text for some kinds of images, to make the information supplied by the image accessible to visitors who use screen readers or text-only browsers. However, for images that don't provide information, you should use an empty alt attribute. When you leave the Alternate Text text box blank, Dreamweaver adds an alt="" attribute to the img tag.

  6. Click OK.

    A gray box with the specified dimensions appears. This is a placeholder for an image, often used to help you lay out pages when the final images aren't ready yet.



  7. Click in the "Lorem Ipsum Dolor" heading at the top of the page. In the tag selector at the bottom of the Document window, select the <h1> tag, and press Backspace (Windows) or Delete (Macintosh).

    The text and the h1 tag are deleted.

  8. Leaving the insertion point where it is, repeat steps 2 through 6 to insert another image placeholder. This time, name the placeholder Banner, and enter a width of 600 and a height of 41. Later, you'll replace this placeholder with a banner image across the top of the page.
  9. Save your page.

 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/mx2004/getting_started_en/gs_04_p4.htm