Part 3 of your free guide to building a website

By now you should have the hang of adding pictures and editing text in the existing text boxes. You should also know how to add new pages to the site by adding them to the menu (see previous tutorial). Now let’s look at adding extra elements to a page and adding pages without them appearing in the menu it’s the next step to help you create your own website using Webeden. Lets do it here’s 10 steps to adding extra elements to your pages

Step 1

Click on Files to open the File Manager and then select the Library tab and click on Animations / Handwritten. Click on Circle it and select Use this. The animation will be added to the page. By default, the line drawn is white. Select the animation object and in the Editor dialog click on the Style tab and change the colour to black. You can also resize and rotate the animation on the Info tab (see previous page). Position the circle over the top of an area of the page that you want to draw attention to, like a picture.

Step 2

Now add the arrow from the Handwritten section in the same way. Use the Rotate feature on the Info tab to enable freehand rotation using the object’s handles. When you add a page to your site, you can choose from a list of different page types. There are different templates readily available so you don’t have to design a complicated page from the ground up, which makes for a handy shortcut when you’re website building. For example, the blog/news page will create a ready made weblog for you, together with an integrated editor to allow you to add items.

Step 3

You can also add links only, so a button appears in the menu, but no page is created (the opposite of adding a page, but not having it visible). There’s even an image gallery one tip with images you upload is to ensure the dimensions aren’t larger than you need to keep download times down, somthing you should take not of when you create your own website.

Step 4

Now click on Insert and select Button Link. This will add a bevelled image to the page. Move it to within the left column. Click on the Link tab in the Editor dialog and enter the URL you want to link to, like http://www.webeden.co.uk/. Click on Apply and you’ll see that the text on the button changes also. Click on the Style tab and you can now change the text on the button. Do it in this order, as changing the link will overwrite the text.

Step 5

The next step on your website building fast track is to click on the More arrow in the Editor dialog (top right) and select Body Text Box (you can hover over each icon to get a tooltip). Drag the text box to the left column, underneath the button we just inserted. Use the handles at the corners and bottom of the text frame to resize it to fit within the column. Now select the Style tab and click on the Background button to enable a background for the text frame, and select a colour from the drop down menu to the right, and do the same for the border.