Front , Bring Forward , Send Backward , Send to Back . Alternately, choose a stacking order command from the Image Map palette menu.

•Drag an image map up or down in the Rollovers palette. (See “Using the Rollovers palette” on page 398.)

Aligning tool-based image maps

You can align tool-based image map areas to the top, bottom, left, right, and middle.

Note: To align layer-based image map areas, first link the layers, and then choose an alignment option from the Layer > Align Linked submenu.

To align tool-based image map areas:

1Select the tool-based image map areas you want to align.

2Do one of the following:

•With the image map select tool active, click an alignment option in the options bar:

Align Image Map Top Edges , Align Image Map Vertical Centers , Align Image Map Bottom Edges , Align Image Map Left Edges , Align Image Map Horizontal Centers , Align Image Map Right Edges .

•Choose an alignment command from the Image Map palette menu.

Distributing tool-based image maps

You can distribute tool-based image map areas evenly along the vertical or horizontal axis.

To distribute tool-based image map areas:

1Select the tool-based image map areas you want to distribute.

2Do one of the following:

•With the image map select tool active, click a distribute option in the options bar:

Distribute Image Map Top Edges , Distribute Image Map Vertical Centers , Distribute Image Map Bottom Edges , Distribute Image Map Left Edges , Distribute Image Map Horizontal Centers , Distribute Image Map Right Edges .

•Choose a distribute command from the Image Map palette menu.

Deleting image maps

You can delete selected image map areas by pressing the Backspace key or the Delete key, or choosing Delete Image Map Area(s) from the Image Map palette menu.

Specifying image map options (ImageReady)

You can specify a name, a URL, a target frame, and Alt text for an image map area in the Image Map palette.

To change the name of an image map area:

1Select an image map area.

2In the Image Map palette, enter a new name in the Name text box.

To specify link options for an image map area:

1Select an image map area.

2In the Image Map palette, enter a URL for the link, or choose a previously created URL from the URL pop-up menu. You can enter a relative URL or a full URL. If you enter a full URL, be sure to include http:// (for example, enter http://www.adobe.com, not www.adobe.com). For more information on using relative URLs and full URLs, see an HTML reference (either printed or on the Web).

3In the Image Map palette, enter the name of a target frame in the Target text box, or choose an option from the pop-up menu. A frame name must match a frame previously defined in the HTML file for the document. When a user clicks the link, the specified file displays in the new frame:

•_blank to display the linked file in a new window, leaving the original browser window open.

•_self to display the linked file in the same frame as the original file.

•_parent to display the linked file in its own original parent frameset. Use this option if the HTML document contains frames and the current frame is a child. The linked file displays in the current parent frame.

•_top to replace the entire browser window with the linked file, removing all current frames.

Note: For more information on frames, see an HTML reference (either printed or on the Web).

4 In the Image Map palette, enter text for an Alt tag in the Alt text box. The Alt text appears in place of the image map area in nongraphical browsers. In most browsers, it also appears if the user positions the mouse over the image map area.

Selecting an image map type (ImageReady)

ImageReady can create client-side and server-side image maps. In client-side image maps, the links are interpreted by the browser itself. In server-side image maps, the links are interpreted by the server. Because client-side image maps don’t need to contact the server to function, they are often significantly faster to navigate. By default, ImageReady saves image maps as client-side image maps.

Important: Server-side image maps do not work in images that have multiple slices.

You select an image map type in the Output Settings dialog box. (See “Setting HTML output options” on page 442.) If you select a server-side image map, ImageReady generates a separate map file based on the server option you select. However, you’ll need to update the path to the map file in your HTML file.

Creating Web photo galleries (Photoshop)

You use the Web Photo Gallery command to automatically generate a Web photo gallery from a set of images. A Web photo gallery is a Web site that features a home page with thumbnail images and gallery pages with full-size images. Each page contains links that allow visitors to navigate the site. For example, when a visitor clicks a thumbnail image on the home page, a gallery page with the associated full-size image loads.

Web photo gallery home page and loaded gallery page

Photoshop provides a variety of styles for your gallery, which you can select using the Web Photo Gallery command. If you are an advanced user who has knowledge of HTML, you can also customize a style by editing a set of HTML template files or create a new style.

To create a Web photo gallery:

1 Choose File > Automate > Web Photo Gallery.

2 Under Site, do the following:

• Choose a style for the gallery from the Styles pop-up menu. A preview of the home page for the chosen style appears in the dialog box.

• Enter the email address that you want to display as the contact for the gallery.

• Choose an extension for the generated files from the Extension pop-up menu.

3 Under Folders, do the following:

•Click Browse (Windows) or Choose (Mac OS). Then select the folder containing the images that you want to appear in the gallery, and click OK (Windows) or Choose (Mac OS).

•Select Include All Subdirectories to include images inside any subfolders of the selected folder.

•Click Destination, select the destination folder that you want to contain the images and HTML pages for the gallery, and click OK (Windows) or Choose (Mac OS).

4 To set options for the banner that appears on each page in the gallery, choose Banner from the Options pop-up menu. Then do the following:

•For Site Name, enter the title of the gallery.

•For Photographer, enter the name of the person or organization that deserves credit for the photos in the gallery.

•For Contact Info, enter the contact information for the gallery, such as a telephone number or a business address.

•For Date, enter the date that you want to appear on each page of the gallery. By default, Photoshop uses the current date.

•For Font and Font Size, choose options for the banner text.

5 To set options for the gallery pages, choose Large Images from the Options pop-up menu. Then do the following:

•To have Photoshop resize the source images for placement on the gallery pages, select Resize Images. Then choose an option for the image size from the pop-up menu or enter a size in pixels. For Constrain, choose which dimensions of the image you want to constrain during resizing. For JPEG Quality, choose an option from the pop-up menu, enter a value between 0 and 12, or drag the slider. A higher value results in better image quality but larger file size.

•For Border Size, enter the width of the border around the image in pixels.

•For Titles Use, specify options to display caption information under each image. Select Filename to display the filename, or select Caption, Credits, Title, and Copyright to display caption text drawn from the File Info dialog box. For more information, see “Adding file information (Photoshop)” on page 459.

•For Font and Font Size, choose options for the caption text.

6 To set options for the home page, choose Thumbnails from the Options pop-up menu. Then do the following:

•For Size, choose an option for the thumbnail size from the pop-up menu or enter a value in pixels for the width of each thumbnail.

•For Columns and Rows, enter the number of columns and rows that you want to be used to display the thumbnails on the home page.This option doesn’t apply to galleries that use the Horizontal Frame Style or Vertical Frame Style.

•For Border Size, enter the width of the border around each thumbnail in pixels.

7To set options for colors of elements in the gallery, choose Customize Colors from the Options pop-up menu. To change the color of a particular element, click its color swatch, and then select a new color using the Color Picker. The Background option lets you change the background color of each page. The Banner option lets you change the background color of the banner.

8To set options to display text to appear over each image as an anti-theft deterrent, choose Security from the Options pop-up menu. Then do the following:

•For Use, select Custom Text to enter customized text. Select Filename, Caption, Credits, Title, or Copyright to display text drawn from the File Info dialog box. For more information, see “Adding file information (Photoshop)” on page 459.