用Dreamweaver創(chuàng)建導(dǎo)航條

　　一、學(xué)習(xí)目的

　　了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。

　　二、學(xué)習(xí)內(nèi)容

　　Dreamweaver的基本知識;用Dreamweaver創(chuàng)建導(dǎo)航條。

　　【學(xué)習(xí)步驟】

　　一個(gè)網(wǎng)站的不同頁面使用了同一導(dǎo)航條。通過統(tǒng)一導(dǎo)航條的方法，我們可以實(shí)現(xiàn)網(wǎng)站風(fēng)格的統(tǒng)一，同時(shí)也方便了瀏覽者在不同頁面間的跳轉(zhuǎn)。用Dreamweaver 3可作出各種比較復(fù)雜的導(dǎo)航條。網(wǎng)頁上的導(dǎo)航條可由一個(gè)或幾個(gè)部分組成，每個(gè)部分均由各種圖像構(gòu)成，可以鏈接到不同的網(wǎng)頁頁面。在Dreamweaver中每部分中最多可設(shè)四個(gè)狀態(tài)下的圖像。一開始是一個(gè)初始圖像，當(dāng)鼠標(biāo)移動(dòng)到導(dǎo)航條部位上時(shí)則顯示另一個(gè)圖像，還可以設(shè)置當(dāng)鼠標(biāo)點(diǎn)擊后的初始圖像，以及鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上的圖像。一般地，每部位只設(shè)一到兩種狀態(tài)的圖像。因?yàn)閳D像太多了，會影響網(wǎng)頁頁面的訪問、瀏覽的速度。

　　導(dǎo)航條制作方法：移動(dòng)光標(biāo)到需要導(dǎo)航條的地方，單擊主菜單欄的“Insert\Navigation Bar”子命令，或直接單擊Objects面板上的圖標(biāo)，彈出“Insert Navigation Bar”對話框(圖1)，此時(shí)我們可以進(jìn)行各種設(shè)置來實(shí)現(xiàn)上述功能：

　　圖1

　　在“Element Name”項(xiàng)后的文本框填入這個(gè)部位的命名，也可以不填，這時(shí)Dreamweaver 3將自動(dòng)給它命名。在Dreamweaver中每部分中最多可設(shè)四個(gè)狀態(tài)下的圖像：“Up Image”項(xiàng)是該部位的初始圖像，在其后文本框填入已準(zhǔn)備好的圖像的地址，或點(diǎn)擊右邊Browse按鈕來選擇。每個(gè)部位可只設(shè)置Up Image項(xiàng)，其下的“Over Image”、“Down Image”和“Over While Down Image”三項(xiàng)可以不設(shè)置。其中，“Over Image”項(xiàng)是鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)顯示的圖像(本例中選擇);“Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊該部位后顯示的初始圖像;“Over While Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上時(shí)顯示的圖像。注意：Element Name項(xiàng)和 Up Image項(xiàng)是必需的，所有的調(diào)用圖像都會在系統(tǒng)的提示下保存在Dreamweaver 3文件夾中，以便調(diào)用。