Click here to download the Dreamweaver Extension

Requirement: The extension requires that AllWebMenus v4.2.628 or above (release date: August 25, 2006) is also installed in your machine.
If AllWebMenus is not installed in your machine, please download the latest version of AllWebMenus.

If you are not aware of the functionality of AllWebMenus, please read the related "Features" page.

 

On Windows Vista, you may get the following message during installation:

"The file 'C:\Program Files\Macromedia\Dreamweaver8\Help\awm_dw_help.chm' is being used by Dreamweaver 8. Please close Dreamweaver 8 and try again."

This means that you have an older version of the extension. Just make sure that you download the latest version of the dreamweaver extension (from link above) and install this version.

 

Installation Note:

Please, make sure that all previous versions of the Dreamweaver Extensions are removed prior any new installation. In case you get a Dreamweaver error saying that the file AllWebMenusStartup.htm could not be loaded, just uninstall any existing extension, then install again the latest one

How to add the AllWebMenus Extension to Dreamweaver

Inside the zip file, you will find the AllWebMenus.mxp file. Extract it somewhere in your hard drive. Then, double-click the file to install the extension in Dreamweaver. If a previous version of the AllWebMenus Extension is already installed, it is recommended that you first uninstall the old version prior to installing the new one.

After you have downloaded and installed both the Dreamweaver extension and AllWebMenus please follow the instructions below.

AllWebMenus has a very simple and intuitive way for linking your menus to your web pages, with or without the help of the Dreamweaver Extension. The Dreamweaver Extension is not required for using AllWebMenus with Dreamweaver; however, it strongly facilitates the menu-linking and menu-positioning processes.

Step 1: Specify the HTML pages where your menu will appear

Suppose that you are using your favorite web authoring tool to create a web site under the C:\SiteRoot local folder. This means that the HTML files that you wish to contain your menu are located inside that folder:

 

In DreamWeaver your web site structure will appear as follows:

 

Step 2: Specify your Site Root folder in AllWebMenus

AllWebMenus needs to know where your web site is locally stored.

As shown below, click on "Tools -> Project Properties", select the "Folders" option and enter the "Site_Root folder":

 

 

Step 3: Choose your positioning method

There are three ways to position your menu:

- Relative to Window

By default, the menu appears at its "Relative to Window" positioning coordinates that are specified at design time within AllWebMenus. In this case you do not need to take any further action to position your menu, apart from just linking the menu to the page.

- Relative to an Element on the page (eg: span, div, table, td, etc.)

However, if you want your menu to be positioned related to a page element, then some extra piece of code needs to be inserted next to that page element. To do so, place your cursor at your desired location inside your page and then press the "Position linked menu at cursor's position" command. This automatically inserts a span element that contains the related "Anchor ID" at that particular location of your page. You must also make sure when designing your menu that you choose the "Relative to an Element" positioning at the <Positioning> property of the Main Menu group, as shown in the picture below:

 

 

Failing to do so will cause your menu to appear at the "Relative to Window" position instead (if this default option is selected on the project).

- Relative to an Image on the page (eg: "logo.gif")

Similarly to the "Relative to Window" option, this option does not require any additional code on the page (apart from the menu-linking code).
The menu is positioned where the image is also positioned.

 

Step 4: Compile your menu

Click on "Tools->Compile Menu" to start compiling your menu and linking it to your HTML pages:

 

Once you do this step, all the necessary AllWebMenus files will be automatically created inside the C:\SiteRoot folder:

In case you have not registered AllWebMenus yet and want to evaluate the free extension, we have included some sample compiled menus inside the zipped package of the extension (under the folder "Sample Menus").

 

Step 5: Link your menu to your web pages

The menu-linking process can be achieved in two different ways, either using the AllWebMenus interface or the Dreamweaver Extension interface:

Option 1
Using the AllWebMenus menu-linking process (good for linking to multiple pages at once)

In the form that appears after the compile, select the button that allows you to link the menu to your web pages.

This opens the following form in order to select the web pages that you wish to contain your menu. You can select many pages at once and link to as many pages as you wish.

 

This process adds to your selected HTML files the necessary javascript code that builds your menu.

 

Option 2
Using the Dreamweaver Extension menu-linking process (intuitive, within DW interface)

After compiling your menu just skip the "Link menu to web pages" required step; click "Close" instead:

 

Open your page in Dreamweaver and click the following Extension item:

or

This will automatically create the link to your compiled menu; i.e. the necessary menu-linking code will be added to your HTML.

 

Step 6: Position your menu inside your web page

This process requires that you have first linked your menu to your page.

After you have linked your menu to the page, position the cursor at your desired position in the page (Design or Code view) and click the following Extension item:

or

This action will add the menu-positioning code to the specified location and the menu will appear there when browsing the page.

Important: Make sure that the "Element" value is selected at the AllWebMenus <Positioning> property of the Main Menu Group {gr0}, before you compile the menu.
You can also specify the alignment of the menu through the properties of this <Positioning> property. Read more on the <Positioning> property and techniques online or by pressing "F1" while you have this property selected in AllWebMenus.

 

Step 7: Publish your updated web pages and your compiled menu files

Use Dreamweaver to upload all the necessary files to your web server.

Remember to upload all the AllWebMenus files at the exact same position as they are created inside your local site structure (i.e. inside the C:\SiteRoot folder).

After uploading all the necessary files, your remote site should appear as follows:

Enjoy your menus online!

 

"Holy smokes!

I just got Dreamweaver and was having a little bit of difficulty creating menus, etc. with their built in software; however, the AllWebMenus extension for Dreamweaver is soooooooooo easy to use.
I am going to recommend this extension to all of my fellow teachers at the next professional development day for IT teachers. Again, amazing, amazing, amazing job. You guys are the best kept secret on the net!"

Rick Delainey
Information Technologies teacher at LCBI High School
Outlook, Saskatchewan, Canada