Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Usability

  • Print
  • + Share This
  • 💬 Discuss
This chapter is from the book

Adding Images

Much of the visual interest in Web pages is provided by images, and Dreamweaver makes it easy to add images to your pages. For much more information about adding images, sound, or movie files to your pages, see Chapter 8.

To add an image to your page:

  1. In your document, click where you want the image to appear.
  2. In the Common category of the Insert Bar, click the Image button ( Figure 3.19 ).
    03fig19.jpg

    Figure 3.19 To add an image to your page, click the Image button in the Common category of the Insert Bar.

    The Select Image Source dialog appears ( Figure 3.20 ).
    03fig20.jpg

    Figure 3.20 The Select Image Source dialog lets you pick an image, and shows you a preview of it as well.

  3. Navigate to the image file you want, and select it. Dreamweaver shows you a preview of the image in the Select Image Source dialog.
  4. Click OK (Choose). If the image is not inside the /images directory of your local root folder, Dreamweaver copies the image to that location. Dreamweaver next displays the Image Tag Accessibility Attributes dialog ( Figure 3.21 ).
    03fig21.jpg

    Figure 3.21 Use this dialog to enter the alternate text for an image.

  5. (Optional, but strongly recommended) Enter the Alternate text for the image. Alternate text is text attached to the image for use by screen readers for the visually impaired, or for people who are browsing with images turned off.
  6. Click OK. The image appears in your document ( Figure 3.22 ).
    03fig22.jpg

    Figure 3.22 The image appears on the page at the insertion point.

  • + Share This
  • 🔖 Save To Your Account

Discussions

comments powered by Disqus