Dreamweaver MX

Adding a Menu form to your Dreamweaver design webpage is very easy and is remarkable similar to adding it to a CoffeeCup HTML Editor designed page.

Step 1:

The easiest way to use Menu Builder with Dreamweaver is to have a Managed Site already setup within the program. You will need to know the path where that Site has been saved locally on your computer. By knowing this, you will not have to manually move the menu files later.

Step 2:

Use CoffeeCup Menu Builder to create your form and after clicking the Save button you will be shown the image below. You will want to save the files in the same folder as contains your Managed Site files from Dreamweaver. Saving the files in the same folder as the rest of the files located in the Managed Site area, will save you from needing to move them there later.

Step 3:

Open the html file created by Menu Builder in your browser and View the Source. You should see something similar to the image below. As you can see the program basically creates its own html page just for the form. The section of code you need to be concerned with is highlighted by the red box, this is the code that you will need. Copy the code highlighted in the image.

Step 4:

Bring Dreamweaver back up, or open it if you did not have it open already and open the webpage where you want the menu to appear and paste the code into the body of your page. (Ctrl+V or Right-click > Paste) You must be using the Code view in Dreamweaver, or the code will appears as text in your document and will not function at all. You can see the results in the image below. You can also see the files which were saved in the Managed Site area.

Finally, save your page and upload all the new files to your host using the synchronize feature in Dreamweaver.