If you are using either Photoshop or Fireworks as your image editor, here is some good news:
Dreamweaver works very closely with both Photoshop and Fireworks, enabling you to create
and modify images with round-trip ease. Find out more in Chapter 24.
Modifying image attributes
When you insert an image in Dreamweaver, the image tag,
![]()
, is inserted into your HTML code. The
![]()
tag takes several attributes; the most commonly used can be entered through the Property inspector.
Code for a basic image looks like the following:

Dreamweaver centralizes all its image functions in the Property inspector. The Image Property inspector,
shown in Figure 9-12, displays a small thumbnail of the image as well as its file size. Dreamweaver automatically
inserts the image filename in the Src text box (as the src attribute). To replace a currently selected
image with another, click the folder icon next to the Src text box, or double-click the image itself. This
sequence opens the Select Image Source dialog box. When you??™ve selected the file, Dreamweaver automatically
refreshes the page and corrects the code.
FIGURE 9-12
The Image Property inspector gives you total control over the HTML code for every image.
Pages:
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654