MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Manuale Utente Scaricare il pdf (Pagina 26)

Chapter 326

Set image spacing

As you see, when you place an image in a paragraph, text appears right next to the edge of the

image. In the next step you’ll add a margin of space between the image and text.

You can use the horizontal and vertical space properties in the Property inspector to create space

around an image. The horizontal space property adds space to the Left and right of the image,

while the vertical space property adds space above and below an image.

1 In the image_align.htm document, click the second image in the page (next to the table cell

that contains the text Spacing).

2 In the Property inspector, enter 10 in the V Space text box to set the vertical spacing.

3 Move the pointer to the H Space text box, enter 30, then press Enter or Return to set the

horizontal spacing.

A margin of space is created between the text and the image. The spacing also affects the

distance between the image and the table border.

Set space and alignment options

As the final step in this part of the tutorial, you’ll set both alignment and space properties

for the image.

1 In the imageAlign.htm document, click the third image in the page (next to the table cell that

contains the text Alignment and Spacing).

2 In the Property inspector, in the Align pop-up menu choose Right.

The image moves to the right.

3 In the HSpace text box, enter 30, then click elsewhere in the Property inspector or in the

Document window for the value to update.

A margin of space is added between the image and text.

Create an image map

An image map is an image that serves as a navigation device. With an image map, you can create

multiple hotspots (clickable areas) in a single image and have each hotspot link to a different URL

or file to open. You can also set where a linked document opens; for example you can open the

document in a particular frame of a frameset document, or open it in a new browser window.

1 2 ... 21 22 23 24 25 26 27 28 29 30 31 ... 65 66

Nessun commento

MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Manuale Utente Pagina 26