Current location - Recipe Complete Network - Dietary recipes - How to use dw to create a navigation bar drop-down menu
How to use dw to create a navigation bar drop-down menu

1. Open Dreamweaver first. If you have a good web source file in advance, you can directly click "Open File" to open the web source file. If not, click "File" "New" to create a new web source file.

2. By default, the new type is OK. If you have other needs, you can select the page type, layout, etc., and then click the "Create" button.

3. After creating a new web page, click "Insert-Form-Select (List/Menu)" on the "Design" page to insert a selectable drop-down form.

4. Or there is a form option icon under the menu bar. Move your mouse over it to display "Select (List/Menu)" and click it, or insert a drop-down menu.

5. Then the interface pops up, and you need to enter the attributes of the tag auxiliary function. Fill in the ID card in English or numbers. Tags are corresponding data titles for drop-down menus, such as address, gender, etc. Fill in "Gender:" here and click "OK".

6. When prompted whether to add a form label, select "Yes".

7. At this point, the drop-down menu will be inserted into the page. Click a list value below to add content to the drop-down menu.

8. Jump out of the list value interface and fill in the drop-down menu options on the project label. For example, I want to make a gender selection dropdown menu here. Here, fill in the male value and item label.

9. Then click the plus sign to add a new label and value below, and fill in the negative. Then click the "OK" button.

10. Then click the small icon indicated by the arrow on the interface, select a browser, and then click it to view the preview on the browser.

11. At this point, you will be prompted to save changes to the web page file. Select "Yes" to save.

12. You can then see what the drop-down menu you created on your browser will look like. Click the drop-down arrow once to select,