What is an HTML Template?
An HTML template is a folder that contains a template file that ScreenSteps will parse and use to format lesson and manual output when using the Export to HTML feature. In addition the folder can contain any number of supporting files or folders.
Although we use the name HTML templates you are by no means limited to HTML output. Templates can be customized to export any text-based output. This means you can create your XML templates and import lessons created in ScreenSteps into content management systems.
An Example
This is an example of the Black BG lesson template that is include with ScreenSteps. It consists of two files - index.html which is the template file and black_bg.css which is a supporting CSS file.
The Template File
If you open index.html in a text editor you will see that it is just a text file that contains instructions for ScreenSteps. At the top of a template file you configure template properties (1). Later on in the template file you specify how to format the output (2).
Example Output
This is an example of what the output from the Black BG lesson template would look like. Notice that index.html has been replaced by the lesson title (1). black_bg.css was copied over and placed in the output folder (2). Because the media folder template property was set to 'images/@LESSON_NAME' an images folder was created for storing the step images.