Shulou(Shulou.com)06/02 Report--

This article mainly introduces dreamweaver how to make various types of menu bar, the article is very detailed, has a certain reference value, interested friends must read it!

1. Open dreamweaver, create a new html, manage the site at the bottom right, then create a new site, and select a location where you want to put the website files. The last point is finished. The site establishment is over.

1. Spry menu bar:

Select the top "insert", find the "layout object", select "spry menu bar", the layout can be selected as needed, here I selected the horizontal, menu bar created, click on the blue area above project 1, that is, "Spry menu bar: MenuBar1", you can set the properties of the menu bar.

Enter the text in the properties, first enter the text of project 1, and then enter the text of project 1.1, line 1.2, line 1.3, etc., and continue to add project 2, project 3, etc., according to your needs. After debugging, the picture is shown.

Second, spry tabbed panel:

Create a new html and insert the spry tabbed panel in the layout object. Similarly, click on the blue area above tab 1 to set the properties. The difference is that this can modify the text directly in the menu bar, that is, label 1, and content 1 says it can be deleted and modified directly. Line wrapping can add more options, and then set a hyperlink to the option.

3. Spry folding type:

Insert a spry fold into a layout object to modify the text directly, distinguished by line wrapping in the content, similar to a tabbed panel

4. Spry collapsible panel:

Insert a spry collapsible panel in a layout object. Unlike the first three, a spry collapsible panel is inserted for each option added, but the content of the option is still distinguished by line wrapping

In addition, the default state of the second foldable panel can be set in the properties of the foldable panel. I set the default state of the second foldable panel to off, so that the contents of the second panel will not be displayed when you open the web page.

The above is all the contents of the article "how to make various types of menu bars in dreamweaver". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.