The index.html file is the main Template for a Theme
The index.html file contained in the theme folder is the framework for all your other pages to be generated from.
A themes index.html file follows a familiar structure that is common in nearly all modern web pages. This section aims to familiarise you with the template document.
The basic layout of the theme index.html should look familiar to you:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://
<title>This is the Page Title</title>
<link href=”styles.css” rel=”stylesheet” type=”text/css”
RapidWeaver will automatically set the language of the template index.html file based on the user's preference.
Your Template file should not include the lang attribute.
Instead, it should just include the opening HTML tag, like this:
The Syntax Tags found in the template file will be replaced with actual content when the page is published of exported by RapidWeaver.
The main content areas are distinguished by elements, each open and close tag contains a Syntax Tag. For example.
This is the tag for the main content of the page anything in the main window in RapidWeaver will be inserted here.
This tag refers to the Sidebar Window in the Page Inspector, again any text or images entered into the Sidebar in RapidWeaver will be converted to HTML and will replace this tag in the .html file. A full list of tags can be found in the file Theme Syntax section.
All RapidWeaver Syntax Tags, with one exception, look exactly the same. The exception is the %pathto(file.extension)% tag. This tag is used for site consolidation, essentially meaning that RapidWeaver will automatically generate links to files located in the theme folder.
Linking to the styles.css file in your theme directory.
the published code will look something like this:
Folders can be included before the image name:
The published code will look something like this: