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