1. Technology

How to Create a Drop-Down Menu in Dreamweaver

List Menus, Drop-Downs, and Jump Menus in Dreamweaver

By

Dreamweaver makes it easy to create drop-down menus for your Web site. But like all HTML forms they can be a bit tricky. This tutorial will walk you through the steps to creating a drop-down menu in Dreamweaver.

Dreamweaver Jump Menus

Dreamweaver 8 also provides a wizard to create a jump menu for navigation in your Web site. Unlike basic drop-down menus, this menu will actually do something when you are finished. You won't have to write any JavaScript or CGIs to get your drop-down form to work. This tutorial also explains how to use the Dreamweaver 8 wizard to create a jump menu.

Important Note About HTML Forms and Dreamweaver

Except for special wizards like the jump menu, Dreamweaver doesn't help you make HTML forms "work". For this you need a CGI or JavaScript. Please see my tutorial Making HTML Forms Work for more information.

Images 1-12 of 20
First Create the FormFirst Create the FormForm Displays in Design ViewForm Displays in Design ViewChoose List/MenuChoose List/MenuSpecial Options WindowSpecial Options Window
Form AccessibilityForm AccessibilitySelect the MenuSelect the MenuMenu PropertiesMenu PropertiesAdd New List ItemsAdd New List Items
Add More and ReorderAdd More and ReorderGive All Items ValuesGive All Items ValuesChoose a DefaultChoose a DefaultSee Your List in Design ViewSee Your List in Design View
  1. About.com
  2. Technology
  3. Web Design / HTML
  4. HTML Editors and Software
  5. HTML Editors - Web Page Authoring Tools
  6. Windows HTML Editors
  7. Dreamweaver
  8. Dreamweaver Tutorials
  9. How to Create a Drop-Down Menu in Dreamweaver - List Menus, Drop-Downs, and Jump Menus in Dreamweaver

©2014 About.com. All rights reserved.