Toolbar:
Before we insert any content, let's first examine the toolbar and what it has to offer. Remember you can always hover your curser over a button and small tooltip will show up telling you what it is.
fig.2: HTML Editor Toolbar
Let's walk through some of the important icons:
Creating your First Page
Let's create the Homepage for your website. First, under title, we will label this page Homepage - so that we know what page it is. Now let's start inserting content. Inside the blank HTML editor is where you insert content. Use the grey toolbar to format your page, much like you would with a word document. First let's type in a headline for the page and format it.
fig.3: Inserting content into your blank editor.
Let's format this text so that it looks like a headline and not just paragraph text. First I highlight my text, then I'll make it bold by clicking on the B in the toolbar. Notice how it immediately makes the changes inside the HTML Editor. Now let's change the size to Size 4, and centre the text using the align buttons. You could of course change the font, the color etc. It should look something like this:-
fig.4: Formatting your text
Now let's add a paragraph of text introducing our website. We will align it to the left and make the text smaller and of normal weight. Experiment with the different tools that will allow you to format your page. This is what it looks like now:
fig.5: Use different fonts, colors, alignment to make your page more dynamic looking.
At this point let's save our page and preview it. To do so, you must first Publish your page. Check the box just above the HTML Editor which is labelled Published. Then click Save Page. A URL link will appear in the left hand side of your page located just below your Site Page: Homepage title. Click on it and you should now see how your content has automatically been published into your website template.