Dreamweaver教程：建立導航條

 　　建立導航條

　　如果不使用架構，可以在每個版面設定導航條，導航條設一組連結按鈕，供瀏覽者選擇使用。按鈕有多種形式，下邊介紹由滑鼠經過映像變換按鈕的組成的導航條製作：(導航條在頁面頂部)

　　“滑鼠經過映像”是當訪問者用滑鼠指標指向該映像時，該映像發生變化。

　　“滑鼠經過映像”由兩個圖片組成：頁面最初載入時顯示的原始映像，訪問者將滑鼠指標移到原始映像上時顯示另一幅映像。

　　提示：事先您要製作好按鈕映像，確保每個按鈕的映像都具有相同的寬度和高度(以像素為單位)。

　　請執行以下操作：

　　開啟首頁 (index.htm)

　　在“文檔”視窗中，將插入點放置在要顯示導航條的位置。一般在導航條上邊要放置一個橫幅映像(logo)，導航條就安排在logo下邊的位置。

　　選擇“插入”>“映像對象”>“導航條”。彈出對話方塊如下：

　　在“插入導航條”對話方塊中，單擊頂部加號“+”按鈕，按照上圖所示①②③④⑤對應的文字框，填入相應的檔案。即完成了一個按鈕的添加。

　　然後，單擊頁面頂部的加號“+”按鈕，添加另一個按鈕。重複以上步驟，直至您所需的按鈕添加完畢。

　　勾選“預先載入映像”，在對話方塊底部的“插入”菜單中，選中“水平”。勾選“使用表格”。

　　單擊“確定”關閉該對話方塊，成功建立了導航條。

　　儲存頁面。

　　按F12，預覽一下你的導航條，如果滿意了，可以將該頁面多次“另存新檔”其它頁面，分別指定不同的名稱。比如：p1.htm、p2.htm.....等。儲存多少次視您的按鈕數量而定。然後，分別開啟其它頁面進行編輯。

　　【注】：滑鼠指標經過按鈕，映像變化，只能在瀏覽器中看到效果。