- 相關(guān)推薦
Dreamweaver創(chuàng )建導航條實(shí)用教程
創(chuàng )建導航條
如果不使用框架，可以在每個(gè)頁(yè)面設置導航條，導航條設一組鏈接按鈕，供瀏覽者選擇使用。按鈕有多種形式，下邊介紹由鼠標經(jīng)過(guò)圖像變換按鈕的組成的導航條制作：(導航條在頁(yè)面頂部)
“鼠標經(jīng)過(guò)圖像”是當訪(fǎng)問(wèn)者用鼠標指針指向該圖像時(shí)，該圖像發(fā)生變化。
“鼠標經(jīng)過(guò)圖像”由兩個(gè)圖片組成：頁(yè)面最初載入時(shí)顯示的原始圖像，訪(fǎng)問(wèn)者將鼠標指針移到原始圖像上時(shí)顯示另一幅圖像。
提示：事先您要制作好按鈕圖像，確保每個(gè)按鈕的圖像都具有相同的寬度和高度(以像素為單位)。
請執行以下操作：
打開(kāi)主頁(yè) (index.htm)
在“文檔”窗口中，將插入點(diǎn)放置在要顯示導航條的位置。一般在導航條上邊要放置一個(gè)橫幅圖像(logo)，導航條就安排在logo下邊的位置。
選擇“插入”>“圖像對象”>“導航條”。彈出對話(huà)框如下：
在“插入導航條”對話(huà)框中，單擊頂部加號“+”按鈕，按照上圖所示①②③④⑤對應的文本框，填入相應的文件。即完成了一個(gè)按鈕的添加。
然后，單擊頁(yè)面頂部的加號“+”按鈕，添加另一個(gè)按鈕。重復以上步驟，直至您所需的按鈕添加完畢。
勾選“預先載入圖像”，在對話(huà)框底部的“插入”菜單中，選中“水平”。勾選“使用表格”。
單擊“確定”關(guān)閉該對話(huà)框，成功創(chuàng )建了導航條。
保存頁(yè)面。
按F12，預覽一下你的導航條，如果滿(mǎn)意了，可以將該頁(yè)面多次“另存為”其它頁(yè)面，分別指定不同的名稱(chēng)。比如：p1.htm、p2.htm.....等。保存多少次視您的按鈕數量而定。然后，分別打開(kāi)其它頁(yè)面進(jìn)行編輯。
【注】：鼠標指針經(jīng)過(guò)按鈕，圖像變化，只能在瀏覽器中看到效果。
【Dreamweaver創(chuàng )建導航條教程】相關(guān)文章：
Dreamweaver創(chuàng )建頁(yè)面教程12-28
Dreamweaver創(chuàng )建跳轉菜單教程03-21
Dreamweaver使用教程01-30
dreamweaver入門(mén)教程07-30
Dreamweaver色彩模式教程03-08
Dreamweaver色彩模式簡(jiǎn)單教程12-11