Using Toolbar

Introduction

This tutorial will guide you through the complete process of creating working menus from scratch.
If you would like to see how the menus and the project will look like at the end, download the zip file containing everything mentioned in this tutorial.

The Toolbar Feature

DHTML Menu Builder can create a toolbar from the group elements on your project so each group element is treated as an item inside the toolbar. From now on we will call these items "toolbar items".

Using the Toolbar feature is the easiest way of creating and implementing the menus on your web site. You don't have to concern yourself with issues like alignment, positioning, preparing and creating your hotspots because DHTML Menu Builder will do everything for you.

Starting the Tutorial

Before we begin working with DHTML Menu Builder you should have an HTML document already created that will ultimately display the menus.

Create a folder on your hard drive and call it DMB_Tutorial. (For example, "c:\DMB_Tutorial\") Then create an empty HTML file in that folder and name it hotspots.htm. Later in the tutorial you will see how we will use this file as the receiver for the menus.

Now, create a folder called menus inside the c:\DMB_Tutorial\ folder. We will use this folder to store the JavaScript file generated by DHTML Menu Builder.

Finally, create a folder called images inside the c:\DMB_Tutorial\ folder. We will use this folder to store any images you menus may use.

Your folder structure should look something like the image below.