beautypg.com

Slice output options – Adobe Photoshop CS4 User Manual

Page 538

background image

531

USING PHOTOSHOP CS4

Web graphics

Last updated 1/10/2010

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

recommended 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.

Default Slice Naming

Choose elements from the pop-up menus or enter text into the fields to create default names for

slices. Elements include the document name, the word slice, numbers or letters designating slices or rollover states, the
slice creation date, punctuation, or none.