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