Adobe® Dreamweaver® CS4 Bible

377

Inserting Images

9

Changing Graphics

D

reamweaver’s built-in graphic functions are perfect for low-level quick fixes when an image needs to be

cropped or resampled. In this Dreamweaver Technique, you get an opportunity to adjust one picture in

a number of ways.

1. Open the images_start.htm file worked on in the last Dreamweaver Technique.

2. Select the second image on the page, next to the “Big house, big garage” heading. As you see, this

image has a few problems in the outer part of the picture; with Dreamweaver, you can crop those

right out of view.

3. On the Property inspector, click Crop.

4. Dreamweaver alerts you that taking this action will affect the selected image; click OK to continue.

5. Move the cropping handles on the top and left to exclude the white patches; move the cropping

handles on the right and bottom to the outer edge of the images.

6. When you’ve moved the cropping handles to the correct position, double-click in the center of

the image to confirm your changes. The image is still a bit too big; you can use the built-in Rescale

tool to make a simple adjustment.

7. Select the image again and drag the lower-right sizing handle inward to reduce the image size;

press the Shift key while dragging to constrain the width/height ratio.

8. Stop resizing the image when the Width attribute in the Property inspector is 215 pixels. While the

image appears to ...