Templates
1.
Introduction
2.
Background
3.
Markers
4.
5.
Introduction
Click to Convert provides templates allowing you to create HTML pages that look like your corporate
Intranet or web site (including all links, layout and formatting).
Users can simply specify a custom HTML template and Click to Convert will wrap this template around the
HTML renditions that it creates.
In this tutorial we’ll follow an example of creating a template for the Purepage.com web site. This means
that all HTML documents we publish with this template will look like the Purepage.com web site. This
template is located in the Templates folder where you installed Click to Convert on your computer.
Background
You need to have a basic understanding of HTML to use the template feature provided in Click to Convert.
A good understanding of Cascading Style Sheets (CSS) is also beneficial but is not mandatory.
Markers
When publishing your documents, Click to Convert produces different components that make up each
HTML page. When placed together into an HTML page, these components produce the HTML renditions
that look like your original documents. The components that make up HTML renditions are: Meta Tags,
Page Title, HTML Head Tags and HTML Body Tags.
Click to Convert allows you to specify where the components (described above) should be inserted into
your templates.
You specify the location to insert a component by placing text “markers” in your
template files. Click to Convert will scan your template file for these markers and insert
the appropriate component in this specific location.
The markers you can use are:
{C2C_TITLE} – This marker tells Click to Convert to insert the Page Title at this location. This
marker is optional and may be omitted.
{C2C_META} – This marker tells Click to Convert to insert its HTML Meta Tags at this location.
Meta tags help identify your HTML renditions as being created by Click to Convert. They also
provide a good place for you to specify keywords that relate to your documents so users can search
them more efficiently. It is important to place this tag on a separate line by itself. This marker is
optional and may be omitted.
{C2C_HEAD} – This marker tells Click to Convert to insert its HTML Head Tags at this location.
Head tags help control the layout and look and feel of your document. It is important to place this
tag on a separate line by itself. This marker is necessary and must be included.
{C2C_BODY} – This marker tells Click to Convert to insert its HTML Body Tags at this location.
Body tags help control the layout and look and feel of your document. It is important to place this
tag on a separate line by itself. This marker is necessary and must be included.
{C2C_FILE} – This marker tells Click to Convert to copy the file specified to the same location as
the HTML rendition that is created. This marker allows you to specify additional files (for example
CSS style sheets and images) that need to accompany your HTML renditions. For example,
{C2C_FILE="NavigationBar.gif"} would copy the “NavigationBar.gif” file from the template folder to
the HTML output folder. It is important to place this tag on a separate line by itself. This marker is
optional and may be omitted.