這篇文章將為大家詳細(xì)講解有關(guān)Dreamweaver如何設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

作為一家“創(chuàng)意+整合+營(yíng)銷(xiāo)”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們?cè)跇I(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)建站提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站建設(shè)、創(chuàng)意表現(xiàn)、網(wǎng)頁(yè)制作、系統(tǒng)開(kāi)發(fā)以及后續(xù)網(wǎng)站營(yíng)銷(xiāo)運(yùn)營(yíng)等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營(yíng)模式與有效的網(wǎng)絡(luò)營(yíng)銷(xiāo)方法,創(chuàng)造更大的價(jià)值。

方法如下

1、打開(kāi)Dreamweaver軟件應(yīng)用程序，界面如下圖所示，這里用的是cs6版本。

2、打開(kāi)“文件”菜單，在下拉中找到“新建(N)”,或者用快捷鍵"ctrl+n"來(lái)直接新建一個(gè)html文檔。

3、在新建的html文件上，我點(diǎn)開(kāi)的是“拆分”模式，所以左側(cè)顯示的是代碼，右邊是效果，這樣可以在左邊寫(xiě)代碼，右邊預(yù)覽。

4、在Dreamweaver cs6中已經(jīng)沒(méi)有插入導(dǎo)航條對(duì)象了，這里用spry菜單欄，操作更方便。在菜單中找到“插入"—"布局對(duì)象"—”spry菜單欄“如下圖所示。

5、彈出”在插入widget前保存此文檔“對(duì)話框，點(diǎn)擊”確定“，如下圖所示。

6、根據(jù)需要選擇您自己喜歡的而已格式，在這里我們就用默認(rèn)的選項(xiàng)，然后”確定“即可。

7、點(diǎn)擊藍(lán)色區(qū)域即可調(diào)出屬性對(duì)話面板，然后面板中設(shè)置菜單參數(shù)即可。如下圖所示。

8、按”f12“預(yù)覽效果如下圖所示。這只是最基本的操作，如果想要漂亮點(diǎn)的就涉及到添加樣式了。

關(guān)于“Dreamweaver如何設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

本文標(biāo)題：Dreamweaver如何設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/icoed.html