Tutorial - Using HTML Templates

Crossword Construction Kit allows you to create pages that can be uploaded to your web server for visitors to print or solve puzzles. Templates control the design of the resulting web pages. By editing the templates you can create pages that match the design of your website. Basic sample templates are included that create pages with a plain white background.

A template file is provided to create web pages that contain printable puzzles and another to create web pages that contain playable puzzles. Templates can be edited using the built-in editor. Load the editor by following these steps:

1)Click Print Puzzle and OK to bring up the Puzzle Preview dialog.

2)Click the Save Web button to bring up the Create Puzzle Page dialog.

3)Click either the Playable or Printable button, depending on which template you want to edit.

4)Click the Template button to load the template editor.

Various tags in the templates indicate where certain puzzle elements will be placed. For example:

·<!---#TITLE#---> displays the title of the puzzle.

·<!---#FIRSTHEADER#---> indicates where the first puzzle header should be placed.

·<!---#SECONDFOOTER#---> is where the second footer is located.

A sample playable HTML template file is also copied to the Puzzle data folder in the file PlayableHTML_CWK_Template.htm. Look at this file in an editor to get an idea how to create your own customized templates.

Notes

The default playable HTML template file is PlayableHTML_Template.htm. The default printable HTML template file is PrintableHTML_Template.htm. Both of these files are located in the Puzzle data folder. They contain basic templates to create web pages that display puzzles with a plain white background.

Multiple template files can be used by selecting different file names in the preferences found in Options, Preferences, File System, and "Playable Puzzle HTML Template file" or "Printable Puzzle HTML Template file".

Editing templates requires HTML coding knowledge.

Other Resources

·See the Create a web page with a playable puzzle tutorial to create a web page containing a puzzle that users can solve online.

·See the Create a web page with a printable puzzle tutorial to create a web page containing a puzzle that users can print and solve on paper.