Creating a List Menu in Dreamweaver

Written by:  • Edited by: Michele McDonough
Updated Nov 2, 2010
• Related Guides: Dreamweaver

Do you have a lot of links on your site and they are taking up too much room? Try using a drop down menu or a list menu on your site. This tutorial will show you how to create list menus using Dreamweaver.

This tutorial will show you how to create a list menu in Dreamweaver. These menus are also called drop down menus. There are two ways you can create this menu. You can create it using the List option or the Menu option. Create a new page to work on just for this tutorial and save it.

How to Create List Menus in Dreamweaver

Go to the top of Dreamweaver and click Insert > Form > List/Menu. If you want a name to appear beside the menu, type the name in the box that pops up in the Label field. If not, go ahead and click the OK button. The next box that pops up will ask if you want to add a form tag. Click Yes in this box. Your box will appear on your Dreamweaver page. This menu is considered your drop down menu.

How to Create a Menu in Dreamweaver - list menus - menu graphic
click to enlarge
Now you will need to add your links and text to the menu. Click the box and you will see the properties panel at the bottom of Dreamweaver. First, we will create the drop down menu. In the Type section, tick the menu field. Then click the List Values button. When the box opens, type the name that you want to appear in the first column. Then type the link for the name. Click the plus sign to add another name and link. Continue doing this until you have your menu created. Once you have finished your menu, click the OK button. You can open the page in a browser to preview it. To visit a page, simply drop the box down and select the link of your choice.

You can also create a list instead of creating a drop down menu. The list is created almost the same way. You do not have to create a new menu, you can use the same one. In the properties panel you will need to tick the List field instead of the Menu field. You will need to count and see how many links you have in the menu, then enter that number in the Height field. So, if you have 5 links in the drop down menu, you will need to enter the number five in the Height field. Now your menu is a list instead of a drop down menu.

That is how you create list menus in Dreamweaver.


Comment

Showing all 1 comments
 
greg foote Jan 6, 2010 3:58 AM
use drop down for search
i have been looking for a tutorial for dreamweaver cs4 to find out how to do a site search by selecting what you wish to search for from a drop down list menu example. in list menu i have ( name, guid, ip mac along with a text field to put say the name in . so i select the name and hit search and it searches the data base for that name.or if i select ip and put the ip in the text field and it gets all the info connected to that ip and so on. if you could help i would have many thanks.
 
blog comments powered by Disqus
Email to a friend