beautypg.com

Html output options, Slice output options – Adobe Photoshop CS3 User Manual

Page 549

background image

PHOTOSHOP CS3

User Guide

542

HTML output options

You can set the following options in the HTML set:

Output XHTML

Creates web pages meeting the XHTML standard on export. Choosing Output XHTML disables

other output options that might conflict with this standard. Selecting this option automatically sets the Tags Case
and Attribute Case options.

Tags Case

Specifies the capitalization for tags.

Attribute Case

Specifies the capitalization for attributes.

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.

Encoding

Specifies a default character encoding for the web page.

Include Comments

Adds explanatory comments to the HTML code.

Always Add Alt Attribute

Adds the ALT attribute to IMG elements to comply with government web accessibility

standards.

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 if
this option is deselected.

Close All Tags

Adds close tags for all HTML elements in the file for XHTML compliance.

Include Zero Margins On Body Tag

Removes default internal margins in a browser window. Adds marginwidth,

marginheight, leftmargin, and topmargin tags with values of zero to the body tag.

Slice output options

You can set the following options in the Slices set:

Generate Table

Aligns slices using an HTML table rather than a cascading stylesheet.

Empty Cells

Specifies how empty slices are converted to table cells. Select GIF, IMG W&H to use a 1-pixel GIF with

width and height values specified on the IMG tag. Select GIF, TD W&H to use a 1-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 recom-

mended setting).

Spacer Cells

Specifies when to add one row and one column of empty spacer cells around the generated table: Auto

(the recommended setting), Auto (Bottom), Always, Always (Bottom), or Never. For table layouts in which slice
boundaries do not align, adding spacer cells can prevent the table from breaking apart in some browsers.

Generate CSS

Generates a cascading stylesheet rather than an HTML table.

Referenced

Specifies how slice positions are referenced in the HTML file when using CSS:

By ID

Positions each slice using styles that are referenced by a unique ID.

Inline

Includes style elements in the declaration of the block element

tag.

By Class

Positions each slice using classes that are referenced by a unique ID.