| By now you should have the hang of adding pictures | | | | bevelled edges from the Library, and then add a text |
| and editing text in the existing text boxes. You | | | | box on top, which will show the frame beneath it |
| should also know how to add new pages to the site | | | | through it. |
| by adding them to the menu (see previous tutorial). | | | | Step 7 |
| Now let's look at adding extra elements to a page | | | | Now go to Insert / New page and click on the Add |
| and adding pages without them appearing in the | | | | new page button; just make it a blank page. Label |
| menu - it's the next step to help you create your | | | | the page "Chat" and then disable the radio button in |
| own website using Webeden. Lets do it - here's 10 | | | | the Page visible column. This will add the page to the |
| steps to adding extra elements to your pages | | | | site without it being added into your automatically |
| Step 1 | | | | generated menu. We will add a link to this new page |
| Click on Files to open the File Manager and then | | | | within the master page, but to do this, you must |
| select the Library tab and click on Animations / | | | | create the page first as you cannot add a link to a |
| Handwritten. Click on "Circle it" and select Use this. | | | | non-existent page, even if you know what you are |
| The animation will be added to the page. By default, | | | | going to call it. You can still access the page to edit it |
| the line drawn is white. Select the animation object | | | | from the Pages menu - a perfect website building tip. |
| and in the Editor dialog click on the Style tab and | | | | Step 8 |
| change the colour to black. You can also resize and | | | | On the new page, double click in the title text box to |
| rotate the animation on the Info tab (see previous | | | | edit the text and change it to "Chat to other user |
| page). Position the circle over the top of an area of | | | | online" and then single click on the main text box and |
| the page that you want to draw attention to, like a | | | | click on the Delete icon. |
| picture. | | | | Step 9 |
| Step 2 | | | | Now click on the Files button to bring up the File |
| Now add the arrow from the Handwritten section in | | | | Manager and from the library, select Functional and |
| the same way. Use the Rotate feature on the Info | | | | add the Chat object to the page. Close the File |
| tab to enable freehand rotation using the object's | | | | Manager and then resize the chat object to fill the |
| handles. When you add a page to your site, you can | | | | content element of the page underneath the |
| choose from a list of different page types. There are | | | | headline. Click on Design / Page master and |
| different templates readily available so you don't | | | | remember to save the page when it asks you. |
| have to design a complicated page from the ground | | | | Always remember this if you want to quickly build |
| up, which makes for a handy shortcut when you're | | | | your own website! |
| website building. For example, the blog/news page will | | | | Step 10 |
| create a ready made weblog for you, together with | | | | Add a new button link and drag it to the top right of |
| an integrated editor to allow you to add items. | | | | the page, above the date. With the button selected, |
| Step 3 | | | | choose the Link tab in the Editor and select the |
| You can also add links only, so a button appears in | | | | Pages icon (it looks like horizontal lines). This allows |
| the menu, but no page is created (the opposite of | | | | you to link to a page on your site. Select Chat from |
| adding a page, but not having it visible). There's even | | | | the drop down menu and click Apply. As before the |
| an image gallery - one tip with images you upload is | | | | button's text will change. |
| to ensure the dimensions aren't larger than you need | | | | Step 11 |
| to keep download times down, somthing you should | | | | In the Style tab change the button text to "Chat to |
| take not of when you create your own website. | | | | other users". Click on Save and Exit. |
| Step 4 | | | | Step 12 |
| Now click on Insert and select Button Link. This will | | | | Change to the View my site, so you can see the site |
| add a bevelled image to the page. Move it to within | | | | as a user, rather than editing it, and you will see that |
| the left column. Click on the Link tab in the Editor | | | | we have added a fully featured chat feature to our |
| dialog and enter the URL you want to link to, like | | | | site, all within the space of a few clicks. What an |
| Click on Apply and you'll see that the text on the | | | | amazing what to create a website that looks |
| button changes also. Click on the Style tab and you | | | | professional and advanced. |
| can now change the text on the button. Do it in this | | | | Expert tip |
| order, as changing the link will overwrite the text. | | | | When you add a page to WebEden, you can choose |
| Step 5 | | | | from a list of different page types. There are |
| The next step on your website building fast track is | | | | different templates readily available so you don't |
| to click on the More arrow in the Editor dialog (top | | | | have to design a complicated page from the ground |
| right) and select Body Text Box (you can hover over | | | | up. For example, the blog/news page will create a |
| each icon to get a tooltip). Drag the text box to the | | | | ready made weblog for you, together with an |
| left column, underneath the button we just inserted. | | | | integrated editor to allow you to add items. You can |
| Use the handles at the corners and bottom of the | | | | also add links only, so a button appears in the menu, |
| text frame to resize it to fit within the column. Now | | | | but no page is created (the opposite of adding a |
| select the Style tab and click on the Background | | | | pgae, but not having it visible, as we did in Step 3). |
| button to enable a background for the text frame, | | | | There's even an image gallery - one tip with images |
| and select a colour from the drop down menu to the | | | | you upload is to ensure the dimensions aren't larger |
| right, and do the same for the border. | | | | than you need to keep download times down. |
| Step 6 | | | | That's all for now |
| An alterative when you make your own website to | | | | Check in for part 4 to find out how to add some |
| using the text frame's background and border is to | | | | really cool stuff to make sure that you can build a |
| add a background frame, such as a shape with | | | | website, and it's the best one possible! |