DREAMWEAVER TUTORIALS

Making Pop-up menu in Dreamweaver

In this tutorial we are going to learn, how to make pop-up menu in Dreamweaver. You'.. need some basic Dreamweaver knowledge, to do it.
We'll take this site for an example(picture1). Click on the image to enlarge.

Picture1

Step 1
The first thing, you have to do is to open a template, where you wan't to create a pop-up menu. I'm going to use my site's template(picture1).

Step 2
Mark the area, where we want our pop-up menu to show. In our case that would be Tutorials area(picture2).

Picture2

Step 3
Now we'll start to make our menu. Click on the Tag inspector button(right top of the site)(picture 3).
A new window will open(picture 4).

Picture3

Picture 4

Step 5
Click on the Behaviours tab(picture 5). Than click on +(add behaviour) and the new window will open(picture 6). In this window click Show Pop up menu option(picture 7).

Picture 5

Picture 6

Picture 7

Step 6
New Pop up window will open(picture 8). In this window we are going to make our pop up menu work. You have some options, to set up the menu. First set up the text in pop up menu(pictures 8, 9 and 10).
Click on Appearance option and make other settings - position of pop up menu, colours, font size. In this part you'll have to experiment a little(picture 11).
Advanced settings are to set up border width, cell height, menu delay etc(picture 12).
The last thing you have to set up is the position of Pop up menu (left, right, bottom, top)(picture 13).

Picture 8

Picture 9

Picture 10

Picture 11

Picture 12

Picture 13
,

Click on the OK button and that's it! Make a preview in your browser and if it works, you are done.