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

This article will explain in detail how Dreamweaver designs simple navigation buttons, Xiaobian thinks it is quite practical, so share it for everyone to make a reference, I hope you can gain something after reading this article.

method is as follows

1, open Dreamweaver software application, interface as shown in the figure below, here is the cs6 version.

2, open the "file" menu, find "new (N)" in the drop-down, or use the shortcut key "ctrl+n" to directly create a new html document.

3. On the newly created html file, I clicked on the "split" mode, so the code displayed on the left and the effect on the right can be written on the left and previewed on the right.

4, in Dreamweaver cs6 has not inserted the navigation bar object, here with spry menu bar, the operation is more convenient. In the menu, find "Insert"-"Layout Object"-"Spry Menu Bar" as shown in the following figure.

5. The "Save this document before inserting widget" dialog box pops up, and click "OK," as shown in the following figure.

6, according to the need to choose your own favorite format, here we use the default option, and then "OK" can be.

7. Click the blue area to call up the attribute dialogue panel, and then set the menu parameters in the panel. This is shown below.

8. Press "f12" to preview the effect as shown in the figure below. This is just the most basic operation, if you want something beautiful it involves adding style.

About "Dreamweaver how to design simple navigation buttons" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it to let more people see.

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.