擁有易用的導(dǎo)航條對(duì)于任何網(wǎng)站都很重要。導(dǎo)航條是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，它是指通過(guò)一定的技術(shù)手段，為網(wǎng)站的訪問(wèn)者提供一定的途徑，使其可以方便地訪問(wèn)到所需的內(nèi)容，是人們?yōu)g覽網(wǎng)站時(shí)可以快速?gòu)囊粋€(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面的快速通道。利用導(dǎo)航條，我們就可以快速找到我們想要瀏覽的頁(yè)面。

　　做網(wǎng)站開(kāi)發(fā)人員經(jīng)常會(huì)使用dreamweaver來(lái)開(kāi)發(fā)網(wǎng)站，那么dreamweaver如何添加導(dǎo)航欄并有下拉效果？

　　一、打開(kāi)Dreamweaver，點(diǎn)擊 文件-新建 菜單，創(chuàng)建一個(gè)HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的文字，在下面的屬性欄鏈接處加一個(gè)空鏈接：#。然后保存該網(wǎng)頁(yè)文件。


　　二、點(diǎn)擊 窗口-行為 菜單，打開(kāi)行為面板。

　　三、選中第一步輸入的文字，點(diǎn)行為面板上的+號(hào)，在彈出的菜單中選-顯示彈出式菜單。

　　四、在彈出的對(duì)話框中勾選 Don’t show me this message again(不要再次向我提示此信息)，再點(diǎn) 繼續(xù)。

　　五、在下列對(duì)話框分別設(shè)置內(nèi)容、外觀、高級(jí)、位置選項(xiàng)。在 內(nèi)容 選項(xiàng)中，點(diǎn)+號(hào)可以添加菜單項(xiàng)，-號(hào)可以刪除菜單項(xiàng)，縮進(jìn)項(xiàng)可以自動(dòng)生成二級(jí)菜單。

　　六、各項(xiàng)都設(shè)置好后，按F12，在瀏覽器中預(yù)覽網(wǎng)頁(yè)效果如下：

　　此時(shí)你會(huì)發(fā)現(xiàn)和網(wǎng)頁(yè)同級(jí)的目錄多了兩個(gè)文件，分別是：arrows.gif、mm_menu.js。請(qǐng)勿修改、移動(dòng)位置，這是彈出式菜單必須的圖片、JS文件。

　　如需修改下拉菜單，可以選中文字，點(diǎn)擊行為面板的 顯示彈出式菜單 即可。

　　如果下拉菜單下面有Flash，為了不影響下拉菜單的正常效果和層次，需要給Flash添加透明代碼：<param name="WMODE" value="transparent"> ，還需在embed標(biāo)簽中加入代碼：wmode="transparent"。

　　按照以上方法就可以在dreamweaver上添加導(dǎo)航欄并有下拉效果。