| Even the more advanced coder would blanch at | | | | interactive features WebEden offers. |
| the thought of having to create a music | | | | |
| player to embed in a website, and adding a | | | | Audio: |
| payment solution for a small business or club | | | | |
| isn't exactly a breeze either. So, you'd be | | | | There are different types of players: ones |
| right to be wondering how we managed to do | | | | that can play single tracks, multiple tracks |
| both together in a little under five minutes. | | | | or ones that are hard coded to play a |
| | | | built-in track. For the latter, simply drag |
| The answer of course lies in the library of | | | | the chosen player onto the page. For either |
| cool multimedia enhancements that resides | | | | of the first two, choose a player you like |
| within the WebEden website builder. Previous | | | | the look of and add it to your page. Next |
| online site construction tools you may have | | | | click on the Upload tab and upload the MP3 |
| seen might have been limited to some sort of | | | | files you want to use in your jukebox. Now, |
| online wizard that allowed you to control the | | | | while editing your site, click on the Stop |
| text and maybe images, but WebEden is | | | | button in the player on your page. Click on |
| different. As it uses a complete WYSIWYG | | | | the Plus icon to add a track from your files, |
| interface allowing you to place elements as | | | | then click on the Save icon to save the |
| you might do in a word processor, they have | | | | playlist. Go on, have a go - this is a great |
| managed to extend its features with all | | | | feature of website builder. |
| manner of extras that can be embedded in your | | | | |
| site and will play on your visitor's PC | | | | Chat (from Functional): |
| without them needing to install any new | | | | |
| plugins or software. | | | | See last tutorial |
| | | | |
| Here we go, lets get advanced... | | | | Clocks and dates: |
| | | | |
| All of the items for your site can be | | | | These are easy; you simply choose a style you |
| accessed from the same dialog, the File | | | | like - multimedia elements show previews in |
| Manager. Go into your website and edit it, | | | | the very right of the File Manage dialog box |
| and then click on the Files button (or click | | | | - then drag it onto your page. |
| on the Insert menu and choose File). The file | | | | |
| dialog that opens up looks very much like a | | | | Games: |
| standard Windows file dialog so you should | | | | |
| feel at home. | | | | Simply drag one of the games onto a page |
| | | | |
| The first tab is called Library and there is | | | | Poll (from Functional): |
| a list of folders down the left. These split | | | | |
| the multimedia elements available to you down | | | | Add the Poll, then select it. In the Editor |
| into categories. The animation category gives | | | | dialog, choose the Setup tab and select a |
| you lots of animated sprites that you can | | | | number of answer options. Then click on the |
| place on your page. The list appears in the | | | | pencil icon to enter the question and again |
| middle column and there are two sub-folders - | | | | to enter each answer. Click on Finish in the |
| double click on these to see the contents. | | | | Editor. |
| You'll find that these animations can be | | | | |
| placed on top of images or text boxes on your | | | | Pop-up gallery (from Galleries): |
| page, so that you can see the image, etc. | | | | |
| through it. This is a really useful feature | | | | See next tutorial |
| and can really help you to create a website | | | | |
| that looks the business! | | | | Seller Tools: |
| | | | |
| Audio contains music players and Clipart has | | | | See next tutorial |
| a huge number of scalable cartoons - for | | | | |
| photos, look in the images folder. Clocks and | | | | Site Counters: |
| dates allow you to add realtime, erm, time to | | | | |
| your site, while Countdown timers are useful | | | | Again, you just need to add one of these to |
| for events pages. There are Functional Tools | | | | the page for it to work automatically. |
| (see right) and Galleries (see right) as well | | | | |
| as Games, Site Counters and Text Effects. The | | | | Text effects: |
| latter allows you to create all manner of | | | | |
| animated logos or headings, and by combining | | | | Simply add one, then edit the text and its |
| a selection of the above elements anyone can | | | | colour in the Editor dialog's Style tab. |
| create a very impressive site. Careful | | | | |
| though, when you make your own website don't | | | | That's all for now! |
| use too many of these, otherwise it can look | | | | |
| quite amateurish. | | | | Check in for part 5 to find out how you to |
| | | | add a payment system - ideal if you're a |
| Pick of the extras | | | | start up or established business and want to |
| | | | build a website to sell products! |
| Here's how to use some of the more | | | | |