Dreamweaver教程(十一)之創(chuàng)建導(dǎo)航條

字號:

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