Html Options For Slices; Display The Slice Options Dialog Box; Specify A Slice Content Type; Rename A Slice - Adobe Photoshop CS6 User Manual

Table of Contents

Advertisement

HTML options for slices

Display the Slice Options dialog box

Specify a slice content type

Rename a slice

Choose a background color for a slice
Assign URL link information to an Image slice
Specify browser messages and Alt text
Add HTML text to a slice
Display the Slice Options dialog box
Do one of the following:
Double-click a slice with the Slice Select tool
With the Slice Select tool active, click the Slice Options button
dialog box.
Specify a slice content type
You can specify how the slice data appears in a web browser when exported with an HTML file. The available options vary according to the slice
type you select.
Image slices contain image data. This is the default content type.
No Image slices let you create empty table cells that can be populated with text or a solid color. You can enter HTML text in a No Image
slice. If you set the "Text is HTML" option in the Save for Web & Devices dialog box, the text is interpreted as HTML when viewed in a
browser. Slices of type No Image aren't exported as images and can be previewed in a browser.
Note: Setting options for an auto slice promotes the slice to a user slice.
1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
2. In the Slice Options dialog box, select a slice type from the Type pop-up menu.
Rename a slice
As you add slices to an image, you may find it helpful to rename slices based on their content. By default, user slices are named according to the
settings in the Output Settings dialog box. (See
Select a slice and double-click the slice with the Slice Select tool to display the Slice Options dialog box. In the Slice Options dialog box, type a
new name in the Name text box.
Note: The Name text box is not available for No Image slice content.
Choose a background color for a slice
You can select a background color to fill the transparent area (for Image slices) or entire area (for No Image slices) of the slice.
Photoshop does not display the selected background color—you must preview the image in a browser to view the effect of selecting a background
color.
1. Select a slice. If you are working in the Photoshop Save For Web & Devices dialog box, double-click the slice with the Slice Select tool to
display the Slice Options dialog box.
2. In the Slice Options dialog box, select a background color from the Background Color pop-up menu. Select None, Matte, White, Black, or
Other (using the Adobe Color Picker).
Assign URL link information to an Image slice
Assigning a URL to a slice makes the entire slice area a link in the resulting web page. When a user clicks the link, the web browser navigates to
the specified URL and target frame. This option is available only for Image slices.
1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
. (If the tool isn't visible, hold down the Crop or Slice tool.)
in the options bar. This method is not in the Save For Web & Devices
Output settings for web
graphics.)
To the top
To the top
To the top
To the top
To the top

Hide quick links:

Advertisement

Table of Contents
loading

Table of Contents