Step 1: Create a new website from the Blank Template
This step will shows how to create a new website from the Blank Template. The Blank Template has an empty template page and an empty normal web page. The normal web page will use the template page "template .html" so that anything added to the template page will appear on the normal web page. The template page is for elements that are common to all pages like the company logo, a navigation bar and the copyright text at the footer.
There are several CSS styles predefined and they are applied to the template page "template .html" so that the normal web page that uses the template page inherits all these styles.
These CSS styles mainly give your page some default look to start with as shown below.
You can create similar templates and when creating a new website, select your own template to start with instead of the Blank Template.
Now we are going to create a new website from the Blank Template and customize the predefined CSS styles for our new site.
Select "File" > "New Site" > "Create a Website From Blank Template".
Give this new website a name such as "Sample Website" and select a location for it.
We are going to change some predefined CSS styles within the Blank Template to fit the color scheme of the new website. Select "Tools" > "CSS Style Editor" from the main menu. Select the style "default-font". Change the "Color" to #525252.
Select the style "heading-1". Change "Font size" from 28px to 20px and change "Color" to #259AB8. The results will look like the following:
Select the style "heading-2". Change font size from 24px to 16px. The results will look like the following:
Select style "heading-3". Set the color to "#259AB8". The results will look like the following:
Press the "OK" button to apply the changes.
The original text element on the index page will change from:
to
Delete the text element shown above from the index page as it is only used for showing the effective CSS styles of headings and paragraphs.