果洛皆料电子有限公司

Dreamweaver創(chuàng)建導航條

  • 發(fā)布于:2019-07-05
  • 268 人圍觀

  假如不使用框架,能夠在每個頁面配置導航條,導航條設(shè)一組鏈接按鈕,供瀏覽者選擇使用。按鈕有多種形式,下邊介紹由鼠標經(jīng)過圖像變換按鈕的組成的導航條制作:(導航條在頁面頂部)

  
“鼠標經(jīng)過圖像”是當訪問者用鼠標指針指向該圖像時,該圖像發(fā)生變化。

  

“鼠標經(jīng)過圖像”由兩個圖片組成:頁面最初載入時顯示的原始圖像,訪問者將鼠標指針移到原始圖像上時顯示另一幅圖像。

  

提示:事先您要制作好按鈕圖像,確保每個按鈕的圖像都具備相同的寬度和高度(以像素為單位)。

  

請執(zhí)行以下操作:

  

打開主頁 (index.htm)

  

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

  

選擇“插入”>“圖像對象”>“導航條”。彈出對話框如下:

  

  

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

  

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

  

勾選“預先載入圖像”,在對話框底部的“插入”菜單中,選中“水平”。勾選“使用表格”。

  

單擊“確定”關(guān)閉該對話框,成功創(chuàng)建了導航條。

  

保存頁面。

  

按F12,預覽一下您的導航條,假如滿意了,能夠?qū)⒃擁撁娑啻巍傲泶鏋椤逼渌撁?,分別指定不同的名稱。比如:p1.htm、p2.htm.....等。保存多少次視您的按鈕數(shù)量而定。然后,分別打開其他頁面進行編輯。

萬企互聯(lián)
標簽: