beautypg.com

Slice types, Slicing web pages – Adobe Photoshop CS3 User Manual

Page 514

background image

PHOTOSHOP CS3

User Guide

507

With the Eyedropper tool selected, move the pointer over the color that you want to copy, and then right-click
(Windows) or Control-click (Mac OS) and choose Copy Color As HTML from the context menu

The color is copied to the clipboard as the HTML COLOR attribute with the hexadecimal value (color=#xxyyzz).

2

To paste the color into an HTML file, open the target file in an HTML editing application and choose Edit > Paste.

Slicing web pages

About sliced web pages

Slices divide an image into smaller images that are reassembled on a web page using an HTML table or CSS layers.
By dividing the image, you can assign different URL links to create page navigation, or optimize each part of an
image using its own optimization settings.

You export and optimize a sliced image using the Save For Web & Devices command. Photoshop saves each slice as
a separate file and generates the HTML or CSS code needed to display the sliced image.

Web page divided into slices

When you work with slices, keep these basics in mind:

You can create a slice by using the Slice tool or by creating layer-based slices.

After you create a slice, you can select it using the Slice Select tool

and then move, resize, or align it with other

slices.

You can set options for each slice—such as content type, name, and URL—in the Slice Options dialog box.

You can optimize each slice using different optimization settings in the Save For Web & Devices dialog box.

Slice types

Slices are categorized by their content type (auto, image, no-image) and by the way they are created (user, layer-
based, auto).

Slices created with the Slice tool are called user slices; slices created from a layer are called layer-based slices. When
you create a new user slice or layer-based slice, additional auto slices are generated to account for the remaining areas
of the image. In other words, auto slices fill the space in the image that is not defined by user slices or layer-based
slices. Auto slices are regenerated every time you add or edit user slices or layer-based slices. You can convert auto
slices to user slices.