How to Create Drop-down Menus in Dreamweaver CS3 on a Mac

You can use Dreamweaver CS3 to design HTML-based Websites.

The Adobe Dreamweaver CS3 Web design application works with Apple desktop and laptop computers running the Mac OS X operating system. With Dreamweaver CS3, you can add different elements to the layout of a Web page and then have the program automatically compile the corresponding HTML code. Dreamweaver CS3 supports different HTML form items, including custom drop-down menus, which let Web page visitors select text from a list of predefined options.

Instructions

1. Launch the Adobe Dreamweaver CS3 program on your Mac and open the HTML document in which you want to add a drop-down menu.

2. Click the "Design View" tab at the top of the window.

3. Place your text cursor in the section of the layout where you want to add the drop-down menu.

4. Open the "Insert" menu at the top of the screen, expand the "Form" submenu and choose the "List/Menu" option.

5. Enter a name for the drop-down menu in the Label field and then click "OK."

6. Highlight the rectangle around the drop-down menu that you just created.

7. Click the "Menu" radio button in the Properties window.

8. Enter the same name you chose in Step 5 in the text field underneath the List/Menu heading.

9. Click on the "List Values" button.

10. Double-click on each row in the Item Label and Value columns and enter the items that you want to include in the drop-down menu. The text in the Value column will be what appears in the drop-down menu, while the Item Label text will only be used in the HTML code. You can click the plus button to add as many entries as you wish.

11. Click "OK" when you are done to update the drop-down menu with the items you have entered.

References

• University of Wisconsin-Eau Claire: Working With Lists/Menus