假如網(wǎng)頁中有過多的圖片,就會影響瀏覽的速度。 dreamweaver 可以輕松設(shè)置預(yù)載圖片,加快圖片下載速度,讓站點(diǎn)以最快的速度出現(xiàn)在用戶面前。
效果說明:建立文件,先預(yù)載圖片,使圖片預(yù)先下載到緩存中,加快圖片下載速度。
創(chuàng)作思想:打開 dreamweaver mx 2004 軟件新建頁面,再打開標(biāo)簽面板,在【行為】中選擇【預(yù)先載入圖像】選項(xiàng),加快圖片下載速度。
操作步驟
?。?1 )新建文件,操作如圖1 所示。

?。?2 )保存頁面并插入圖片。為了在插入圖片時不提示相對路徑,先保存頁面為“ test1.htm ”。然后插入要預(yù)載的圖片,如圖 2 所示。

?。?3 )添加“預(yù)先載入圖像”功能。使用 dreamweaver 的行為面板添加“預(yù)先載入圖像”功能,如圖 3 所示。

?。?4 )選擇要預(yù)載的圖片,操作如圖 4 所示。

提示:假如站點(diǎn)上有幾張大圖片,可以單擊【預(yù)先載入圖像】上方的【 】圖標(biāo),添加多張預(yù)載圖像,具體操作與圖 4 所示相同。
?。?5 )保存文件完成操作。這樣就可以加快圖片的下載速度,讓用戶在瀏覽網(wǎng)頁時不會等太久,這對于提高網(wǎng)站的效能具有非常重要的意義。
隨機(jī)廣告圖片
瀏覽者瀏覽網(wǎng)頁時可以發(fā)現(xiàn),網(wǎng)頁中動態(tài)更新的廣告圖片比靜態(tài)固定的圖像更具有活力和吸引力。如何制作網(wǎng)頁中的隨機(jī)廣告圖片是本實(shí)例所要研究的問題。
效果說明:在瀏覽網(wǎng)頁時,網(wǎng)頁的 banner 區(qū)域?qū)⒊霈F(xiàn)一張廣告圖片,隨后每兩秒更新一次廣告圖片,而且廣告圖片是以隨機(jī)的方式出現(xiàn)的。
創(chuàng)作思想:通過使用 macromedia 的擴(kuò)展插件 adv_random_images ,可以輕松地完成網(wǎng)頁中隨機(jī)廣告圖片的制作。 點(diǎn)擊這里下載本教程所使用的插件
操作步驟:
?。?1 )安裝插件。使用菜單欄中的【命令】|【擴(kuò)展治理】命令調(diào)出【 macromedia 擴(kuò)展治理器】對話框,安裝 adv_random_images 擴(kuò)展,如圖 1、2 所示。


?。?2 )調(diào)用命令。新建立一個html文件起名為 banner.htm 文件,將光標(biāo)置于要插入廣告的位置上,并調(diào)出【 random images 】命令,如圖 3 所示。

?。?3 ) 設(shè)置圖像。 在彈出的【 random images 】對話框中對圖片變換屬性進(jìn)行設(shè)定,如圖 4 所示。

( 4 )添加圖片。添加第一張廣告圖片,如圖 5 所示。
|||
?。?5 )接著用同樣的方法添加其他圖片,添加完成后單擊【 ok 】按鈕確定操作。
( 6 )然后保存頁面文件并進(jìn)行預(yù)覽,隨機(jī)廣告圖片的效果就制作出來了。
本實(shí)例所講的技術(shù)常用于各類的網(wǎng)站中,如國內(nèi)幾個較大的門戶網(wǎng)站上,幾乎在他們的每個頁面中都可看到這些變換廣告,讀者可參考這些內(nèi)容來多加練習(xí)。
新聞熱點(diǎn)
疑難解答