Select slices, Set slice options – Adobe Illustrator CS4 User Manual

Page 383

Advertising
background image

376

USING ADOBE ILLUSTRATOR CS4

Web graphics

Select slices

Use the Slice Select tool

to select a slice in the illustration window or the Save For Web & Devices dialog box.

To select a slice, click it.

To select multiple slices, Shift-click. (In the Save For Web & Devices dialog box, you can also Shift-drag.)

To select an underlying slice when working with overlapping slices, click the visible section of it.

In addition, you can select slices in the illustration window by doing one of the following:

To select a slice that was created using the Object > Slice

> Make command, select the corresponding artwork on

the artboard. If the slice is tied to a group or layer, select the target icon adjacent to the group or layer in the Layers
panel.

To select a slice that was created using the Slice tool, the Create From Selection command, or the Create From
Guides command, target the slice in the Layers panel.

Click on the slice path with the Selection tool

.

To select a slice path segment or slice anchor point, click on either item with the Direct Selection tool.

Note: You cannot select auto slices. These slices are dimmed.

Set slice options

A slice’s options determine how the content of the slice will look and function in the resulting web page.

1

Do one of the following with the Slice Select tool:

Select a slice in the illustration window, and choose Object > Slice

> Slice Options.

Double-click a slice in the Save For Web & Devices dialog box with the Slice Select tool.

2

Select a slice type and set the corresponding options:

Image

Select this type if you want the slice area to be an image file in the resulting web page. If you want the image to

be an HTML link, enter a URL and target frameset. You can also specify a message that will appear in the browser’s
status area when the mouse is positioned over the image, alternative text that will appear when the image is not visible,
and a background color for the table cell.

No Image

Select this type if you want the slice area to contain HTML text and a background color in the resulting web

page. Enter the text you want in the Text Displayed In Cell text box and format the text using standard HTML tags. Be
careful not to enter more text than can be displayed in the slice area. (If you enter too much

text, it will extend into

neighboring slices and affect the layout of your web page. However, because you cannot see the text on the artboard,
this will not be apparent until you view the web page in a web browser.) Set the Horiz and Vert options to change the
alignment of text in the table cell.

HTML Text

This type is available only when you created the slice by selecting a text object and choosing Object >

Slice

> Make. The Illustrator text is converted to HTML text with basic formatting attributes in the resulting web page.

To edit the text, update the text in your artwork. Set the Horiz and Vert options to change the alignment of text in the
table cell. You can also select a background color for the table cell.

To edit the text for HTML Text slices in the Slice Options dialog box, change the slice type to No Image. This breaks
the link with the text object on the artboard. To ignore text formatting, enter <unformatted> as the first word in

the

text object.

Advertising