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