Creating a template

So we have established a foundation for our page by creating the "Content" data model. Now we'll have to define how to show the content pages to the World. This is done by creating a template.

1) Create a new template

A new template is created much like a data model, only difference is that you can do it on Content or Templates tabs. Go ahead and click on New template.

2) Define template settings

Define the template name. The template name is displayed for content creator in the content editor, so it is important to pick a meaningful name. Name that is used in the actual filename of the template is defined in the Filename field. Fill "Content" in the Template name field and "content" in the Filename field. We'll want to use this template with the "Content" data model, so click on "Content" in the data model list on the right side of the settings sheet.

Click OK to close the data model settings.

3) Open tag panel

We are first timers, so we really want to get all the help we can to lower the learning curve. With that in mind, click on the small Tag icon in the right side of the editor between the document tabs and the template editor. This will bring up a great helper, the tag panel.

You can see three different main categories in the tag panel, "Page tags", "Named tags" and "All B:tags". For now we are only interested in the Page tags, so click on it if it is not already open. You should see the fields that are available in selected data model listed under the Page tags heading. So go ahead and click on <b:page.name/>. This added the first field in the editor area. You can always check the Page tags section to remind yourself which controls are available in the data model that the template allows.

4) Finish modifying the template

Copy the contents of the example below to the template editor. A hint: you can click on the "view source" icon in the top right corner of the example when you hover your mouse on the example code. This makes it easier to copy the code.

5) Save

Save the template the same way you saved data model when creating it.

6) Done!

We can move on to create new content.

Example template

Copy this template to your editor. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title><b:page.name /></title>
  </head>
  <body>
    <h1><b:page.name /></h1>
    <b:page.content />
  </body>
</html>