Operation Manual

598
USING PHOTOSHOP
Optional plug-ins
Last updated 12/5/2011
Mac OS 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:
Caption.htm Determines the layout of the caption that appears below each thumbnail on the home page.
FrameSet.htm Determines the layout of the frame set for displaying pages.
IndexPage.htm Determines the layout of the home page.
SubPage.htm Determines the layout of the gallery pages with full-size images.
Thumbnail.htm 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>%TITLE%</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.
Customize or create a web photo gallery style
1 Locate the folder that stores the existing web photo gallery styles.
2 Do one of the following:
• To customize a style, create a copy of the style folder, and store it in the same location as the existing style folders.