beautypg.com

Web photo gallery styles, About customizing web photo gallery styles – Adobe Photoshop CC 2014 v.14.xx User Manual

Page 941

background image

Windows

Mac OS

Caption.htm

FrameSet.htm

IndexPage.htm

SubPage.htm

Thumbnail.htm

To the top

To the top

Web photo gallery styles

To create web galleries with Photoshop CS5, see Create a web photo gallery in Adobe Bridge Help. To use the older, optional Web Photo
Gallery plug-in described below, first download and install it for

Windows

or

Mac OS

.

Photoshop provides a variety of styles for your web photo gallery. If you are an advanced user who knows HTML, you can create a new style or
customize a style by editing a set of HTML template files.

The web photo gallery styles provided by Photoshop are stored in individual folders in the following locations:

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Adobe Photoshop CS5/Presets/Web Photo Gallery.

The name of each folder in this location appears as an option in the Styles menu in the Web Photo Gallery dialog box. Each folder contains the
following HTML template files, which Photoshop uses to generate the gallery:

Determines the layout of the caption that appears below each thumbnail on the home page.

Determines the layout of the frame set for displaying pages.

Determines the layout of the home page.

Determines the layout of the gallery pages with full-size images.

Determines the layout of the thumbnails that appear on the home page.

Each template file contains HTML code and tokens. A token is a text string that is replaced by Photoshop when you set its corresponding option in
the Web Photo Gallery dialog box. For example, a template file may contain the following TITLE element that uses a token as its enclosed text:

%TITLE%

When Photoshop generates the gallery using this template file, it replaces the token %TITLE% with the text that you entered for Site Name in the
Web Photo Gallery dialog box.

To better understand an existing style, you can open and study its HTML template files using an HTML editor. Because only standard ASCII
characters are required to create HTML documents, you can open, edit, and create these documents using a plain-text editor such as Notepad
(Windows) or TextEdit (Mac OS).

About customizing web photo gallery styles

You can customize an existing web photo gallery style by editing one or more of its HTML template files. When customizing a style, you need to
follow these guidelines so that Photoshop can generate the gallery correctly:

The style folder must contain these files: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm, and FrameSet.htm.

You can rename the style folder but not the HTML template files in the folder.

You can have an empty Caption.htm file, and place the HTML code and tokens determining the layout of the caption in the Thumbnail.htm
file.

You can replace a token in a template file with the appropriate text or HTML code, so that an option is set through the template file rather
than through the Web Photo Gallery dialog box. For example, a template file may contain a BODY element with the following background
color attribute that uses a token as its value:

bgcolor=%BGCOLOR%

To set the background color of the page to red, you can replace the token %BGCOLOR% with “FF0000.”

You can add HTML code and tokens to the template files. All tokens must be in uppercase characters, and begin and end with the percent
(%) symbol.

934

This manual is related to the following products: