464
ADOBE ILLUSTRATOR CS2
User Guide
Output settings for web graphics
Output settings for web graphics
Output settings control how HTML files are formatted, how files and slices are named, and how background images
are handled when you save an optimized image. To view output settings, select Edit Output Settings from the
Optimize menu (to the right of the Settings menu) in the Save For Web dialog box. Alternatively, select Other
from the Settings pop-up menu in the Save Optimized As dialog box when you save an optimized image.
The Output Settings dialog box contains five sets of options: HTML, Slices, Image Maps, Background, and Saving
Files. To switch to a different set of options, use the menu below the Settings menu.
You can save your output settings and apply them to other files. Output settings that are saved to the Presets > Save
For Web Settings > Output Settings folder in the Illustrator application folder are automatically listed in the Settings
menu. To load settings that are stored outside the Output Settings folder, click Load.
See also
“About the Save For Web dialog box” on page 452
“To optimize and save web graphics” on page 452
HTML output settings
You can set the following options in the HTML options in the Output Settings dialog box:
Tags Case Specifies the capitalization for tags.
Attribute Case Specifies the capitalization for attributes.
Setting tags and attributes to all uppercase helps the code stand out in the HTML source code.
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 indention.
Line Endings Specifies a platform for line ending compatibility.
Include Comments Adds explanatory comments to the HTML code.
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.
Always Add Alt Attribute Adds an Alt attribute to the HTML code for each web image to comply with government
web accessibility standards.
Close All Tags Adds an end tag to all HTML tags in the file for XHTML compliance.
Include Zero Margins On Body Tag Eliminates the default page margins that are inserted by some browsers. Adds
marginwidth, marginheight, leftmargin, and topmargin tags with values of zero to the body tag.
Included GoLive Interoperability Code Reformats JavaScript code so that rollovers are fully editable in Adobe
GoLive. (Also creates an SVG file for every slice for the GoLive Save For Web feature to use during optimization.)
You don’t need to select this option if you plan to edit rollovers in more recent versions of GoLive.