DREAMWEAVER – WORKING WITH IMAGES (Page 2)

Image Properties

To set image properties

  • Select the image and display the Property Inspector then set properties as described in the table below

unnamed-file-989 DREAMWEAVER - WORKING WITH IMAGES
       (Page 2)
Property Inspector

unnamed-file-991 DREAMWEAVER - WORKING WITH IMAGES
       (Page 2)

Resizing an Image

As mentioned above, it is not a good idea to change the size of an image by very much. If you make the image larger, it will distort. If you make the image smaller, the file size will remain the same, making download times longer than they need to be.

If you do need to make a minor adjustment, as well as using the Property Inspector, you can click-and-drag to resize an image.

To resize an element

  • Select the image to be resized

The resize handles are displayed in the bottom right-hand corner, the right side and bottom side of the image.

  • To adjust the width and the height together drag the bottom right-hand corner handle (to keep the image in proportion, hold down the Shift key as you drag)

OR

  • To change the width of the image drag the handle on the right-hand side

OR

  • To change the height of the image drag the handle at the bottom of the image

Moving an Image and Aligning with Text

The placement of an image depends on the size and paragraph alignment of text and the size of the browser window.

If you want to position images more exactly, consider using a table.

To change image alignment

  • Select the image
  • Click-and-drag the image to move it to a different location
  • To determine how the image affects text around it, on the Property Inspector, choose an option from the Align box, as described below

unnamed-file-992 DREAMWEAVER - WORKING WITH IMAGES
       (Page 2)
Align list box

The Left and right options float the image onto a margin. Text will flow around it to the right/left respectively. A blue icon appears in the text to show where the image is anchored.

Note: If you delete the anchor icon or the text containing it, the image will also be removed.

The other options make the image inline with text. The setting controls how the image is positioned vertically relative to the line of text.

unnamed-file-994 DREAMWEAVER - WORKING WITH IMAGES
       (Page 2)
Image alignment options

Continued…