When PhotoMeister creates HTML Albums of photos, the user can choose between various Album Templates that come with the program.
In the Professional Edition of PhotoMeister the user can edit the existing or create new templates.
A template consists of several HTML chunks that contain placeholders for the actual data. These chunks are compiled into an album. E.g. there is a chunk for the beginning of the HTML page, one for the title and one that is being written for each thumbnail image. The chunks are described in detail below.
To create a new template choose Tools|Edit HTML Templates from the main menu. The template editor shows up:
At the top there are buttons for creating new templates, saving and loading.
Below that you can see a preview of the current template rendered just as if an album was to be created, it only uses placeholders for all album data. You can view a thumbnail page and a detail page.
On the right there is a list of images in the template subdirectory of the EXE path of PhotoMeister. These files can be used in the template. Place your own files here also!
PhotoMeister needs to know, what files must be copied to the album directory when the album is generated, so all files used in a template must show up in the Required Files list. Double click a file in the upper file list to copy it into the required files list. Click a file in the required files list and hit the Delete key to remove it.
Note: When you click a file in the required files list, the filename is copied to the clipboard for easy pasting into the HTML code.
The rest of the window shows the various chunks and with a click of the mouse every chunk can be edited. When you have changed something, click on the Preview button to see the results.
|
HTMLBegin |
Is the first chunk written to the HTML file |
|
HTMLHead |
Complete data for HEAD tag, also include your CSS here! |
|
BODYBegin |
Simply the begin of the "body" |
|
TITLE |
Written once at the beginning of each thumbnail page |
|
TableBegin |
Starts the table for the Thumbs (must include tag) |
|
RowBegin |
Begins a row of thumbs (must include tag) |
|
OneThumb |
The HTML for one thumbnail image, must include tags |
|
RowEnd |
Ends a row of thumbs (must include tag) |
|
TableEnd |
Finalizes the table for the thumbs (must include tag) |
|
BODYEnd |
Is written after the complete page has been written |
|
HTMLEnd |
Sends the last data to the page |
|
DetailPage |
One HTML string of the complete detail page (everything between BODYBegin and BODYEnd) |
The placeholders are replaced by the actual data for the current album during album generation.
Note for <#Link...> placeholders:
The link placeholders must include the link’s text or html code in quotes right inside it’s tag. This html is only written to the resulting HTML file if the link actually exists (e.g. the last photo does not have a "linknext" link). Here are some usage samples:
Please note that quotes " are used as string delimiters here, so they cannot be used in the link’s code. Use ‘ if necessary!
|
<#title> |
Album title |
|
<#comment> |
Album comments |
|
<#page> |
Number of current thumbnail page |
|
<#pages> |
Number of thumbnail pages |
|
<#prev> |
Number of previous thumbnail page |
|
<#linkcurrent ""> |
Link to the current thumbnail page (e.g. to link from a detail page to it’s parent thumbnail page). The link text is inside the quotes, other placeholder may be used inside the link text. |
|
<#linkprev ""> |
Link to the previous thumbnail page. The link text is inside the quotes, other placeholder may be used inside the link text. |
|
<#linknext ""> |
Link to the next thumbnail page. The link text is inside the quotes, other placeholder may be used inside the link text. |
|
<#home ""> |
Link to the first thumbnail page. The link text is inside the quotes, other placeholder may be used inside the link text. |
|
<#imgtitle> |
Name of the current photo |
|
<#exposure> |
Exposure data (aperture, focal length, shutter time) for the current photo |
|
<#camera> |
Model & maker of the digital camera for the current photo |
|
<#date> |
Date/Time the image was taken for the current photo |
|
<#filesize> |
Filesize of current image |
|
<#imgdata> |
Technical image data (pixelsize, filesize, color depth) for the current photo |
|
<#data> |
Data (image pixel size, filesize, date/time) etc. for the current photo |
|
<#techdata> |
Photo-Technical data for the current photo |
|
<#image> |
Current Photo in Full size (use as ) |
|
<#imgthumb> |
Thumb of the current photo (use as ) |
|
<#imgcomment> |
Comment for the current photo |
|
<#imglink ""> |
Link to the detailpage of the current photo. The link text is inside the quotes, other placeholder may be used inside the link text. |
|
<#previmglink "">
|
Links to the previous or next detailpage. |
|
<#previmgtitle>
|
Name of previous or next photo |
|
<#previmgthumb>
|
Thumbnail of previous or next photo (use as ) |