Setting slice options
A slice's type and options determine how the content of the slice will look and function on the Web. Sliced artwork using different slice types A. No Image slice type B. Image slice type C. Text slice type
To choose a slice type: - Select a slice. (See Selecting slices.)
- Choose Object > Slice > Slice Options.
Note: For information on setting slice options in the Save for Web dialog box, see Working with slices during optimization. - Choose a content type from the Slice Type pop-up menu:
- Image to make the slice area an image file, enclosed by a table cell, in the resulting Web page.
- No Image to enclose the slice area in a HTML table cell with no image but which can contain HTML-based text or HTML-based color in the resulting Web page. You cannot view No Image content in Illustrator; you must use a Web browser to preview it.
- HTML Text to enclose the slice area in a table cell and insert HTML-based text and basic formatting characteristics based upon the text object in Illustrator. To edit the text for HTML Text content slices, you must update the text in your artwork.
Important: To create a slice with HTML Text content, select a text object, and then choose Object > Slice > Make. The HTML Text content type is not available if a slice was created using another method. (See Creating slices.)
To set options for Image content slices: - Select a slice. (See Selecting slices.)
- Choose Object > Slice > Slice Options.
- Specify a file name in the Name text box for the resulting image.
- Specify a Web page URL (for example, http://www.adobe.com/products/) to link the slice area to that page in the resulting Web page. You can enter a URL that's relative to the current Web page, enter a full URL (including http://), or choose a previously created URL from the pop-up menu.
- If you specified a URL and your current page will display in a frameset, specify in the Target text box the frame you want the link to display within. You can enter the name of a target frame, or choose a standard option from the pop-up menu.
- You can specify text in the Message text box that will appear in the browser's status area when the mouse is positioned over the image.
- You can specify text in the Alt text box that may appear in place of image data in a nongraphical browser, may be used by voice-recognition software, or may display while the image is downloading or if the image fails to download.
- Choose a color from the Background pop-up menu to display in the background of the resulting table cell in the resulting Web page. Keep in mind that the selected color will not display in Illustrator.
To set options for No Image content slices: In the Slice Options dialog box, do the following, and click OK: - Specify text that will appear in the slice area of the resulting Web page in the Text Displayed in Cell text box. You can 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.
- Choose options from the Horiz and Vert pop-up menus to specify the horizontal and vertical alignment of the text.
- Choose a color that will appear in the slice area of the resulting Web page from the Background pop-up menu. Keep in mind that the selected color will not be displayed in Illustrator.
To set options for HTML Text content slices: In the Slice Options dialog box, do the following, and click OK: - Choose options from the Horiz and Vert pop-up menus to specify the horizontal and vertical alignment of the text.
- Choose a color that will appear in the slice area of the resulting Web page from the Background pop-up menu. Keep in mind that the selected color will not be displayed in Illustrator.
The text for HTML Text slices is displayed in the Slice Options dialog box; however, you cannot edit it. You can make HTML text editable in the dialog box by changing 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.
|