Using Help | Contents | Index Back 317
Adobe Illustrator Help Preparing Graphics for the Web
Using Help | Contents | Index Back 317
Displaying the Output Settings dialog box In the Save for Web dialog box, choose Edit
Output Settings from the Optimize menu. Alternately, click Output Settings in the Save
Optimized As dialog box when you save an optimized image.
Switching to a different set of options Choose an options set from the pop-up menu
below the Settings menu. Alternately, click Next to display the next set in the menu list;
click Prev to display the previous set.
Saving output settings In the Save for Web dialog box, choose Edit Output Settings
from the Optimize menu. Set the options as desired, and click Save. Type a filename,
choose a location for the saved file, and click Save.
Loading output settings In the Save for Web dialog box, choose Edit Output Settings
from the Optimize menu. Click Load, select a *.iros file, and click Open.
Setting HTML output options
You can set the following options in the HTML set:
Tags Case Specifies the capitalization for tags.
Attribs Case Specifies the capitalization for attributes.
Setting tags and attributes to all uppercase helps the code stand out in the file.
Indent Specifies a method for indenting lines of code: using the authoring application’s
tab settings, using a specified number of spaces, or using no indentation.
Line Endings Specifies a platform for line ending compatibility.
Always Quote Attributes Places quotation marks around all tag attributes. Placing
quotation marks around attributes is required for compatibility with certain early
browsers and for strict HTML compliance. However, always quoting attributes is not
recommended. Quotation marks are used when necessary to comply with most browsers,
even if this option is deselected.
Include Comments Adds explanatory comments to the HTML code.
Include GoLive Code Reformats code in the style used by Adobe GoLive. Select this
option if you plan to reoptimize slices in GoLive.
Generate CSS Generates a Cascading Style Sheet, rather than an HTML table.
Referenced Specifies how slice positions are referenced in the HTML file when using CSS:
• By ID to position each slice using styles that are referenced by a unique ID.
• Inline to include style elements in the declaration of the block element <DIV> tag.
• By Class to position each slice using classes that are referenced by a unique ID.
Generate Table Aligns slices using an HTML table, rather than a Cascading Style Sheet.
Empty Cells Specifies how empty slices are converted to table cells. Select GIF, IMG W&H
to use a one-pixel GIF with width and height values specified on the IMG tag. Select GIF, TD
W&H to use a one-pixel GIF with width and height values specified on the TD tag. Select
NoWrap, TD W&H to place a nonstandard NoWrap attribute on the table data and also
place width and height values specified on the TD tags.
TD W&H Specifies when to include width and height attributes for table data: Always,
Never, or Auto (the recommended setting).
To Next Page
Loading...