如果網(wǎng)頁(yè)中有過(guò)多的圖片，就會(huì)影響瀏覽的速度。 dreamweaver 可以輕松設(shè)置預(yù)載圖片，加快圖片下載速度，讓站點(diǎn)以最快的速度出現(xiàn)在用戶面前。
效果說(shuō)明 建立文件，先預(yù)載圖片，使圖片預(yù)先下載到緩存中，加快圖片下載速度。實(shí)際效果請(qǐng)瀏覽隨書(shū)光盤(pán)中《 dreamweaver mx 2004 100 例》目錄下的《實(shí)例 36 －加快圖片下載速度》文件。
創(chuàng)作思想 打開(kāi) dreamweaver mx 2004 軟件新建頁(yè)面，再打開(kāi)標(biāo)簽面板，在【行為】中選擇【預(yù)先載入圖像】選項(xiàng)，加快圖片下載速度。
操作步驟
�。� 1 ）新建文件，操作如圖 36-1 所示。
�。� 2 ）保存頁(yè)面并插入圖片。為了在插入圖片時(shí)不提示相對(duì)路徑，先保存頁(yè)面為“ 36.htm ”。然后插入要預(yù)載的圖片，如圖 36-2 所示。
圖 36-2 插入圖片
（ 3 ）添加“預(yù)先載入圖像”功能。使用 dreamweaver 的行為面板添加“預(yù)先載入圖像”功能，如圖 36-3 所示。
�。� 4 ）選擇要預(yù)載的圖片，操作如圖 36-4 所示。
提示：如果站點(diǎn)上有幾張大圖片，可以單擊【預(yù)先載入圖像】上方的【 + 】圖標(biāo)，添加多張預(yù)載圖像，具體操作與圖 36-4 所示相同。
�。� 5 ）保存文件完成操作。這樣就可以加快圖片的下載速度，讓用戶在瀏覽網(wǎng)頁(yè)時(shí)不會(huì)等太久，這對(duì)于提高網(wǎng)站的效能具有非常重要的意義。
隨機(jī)廣告圖片
瀏覽者瀏覽網(wǎng)頁(yè)時(shí)可以發(fā)現(xiàn)，網(wǎng)頁(yè)中動(dòng)態(tài)更新的廣告圖片比靜態(tài)固定的圖像更具有活力和吸引力。如何制作網(wǎng)頁(yè)中的隨機(jī)廣告圖片是本實(shí)例所要研究的問(wèn)題。
效果說(shuō)明 在瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)的 banner 區(qū)域?qū)⒊霈F(xiàn)一張廣告圖片，如圖 38-1 所示。隨后每?jī)擅敫乱淮螐V告圖片，而且廣告圖片是以隨機(jī)的方式出現(xiàn)的，如圖 38-2 所示。
創(chuàng)作思想 通過(guò)使用 macromedia 的擴(kuò)展插件 advance_random_images ，可以輕松地完成網(wǎng)頁(yè)中隨機(jī)廣告圖片的制作。
操作步驟
�。� 1 ）安裝插件。使用菜單欄中的【命令】｜【擴(kuò)展管理】命令調(diào)出【 macromedia 擴(kuò)展管理器】對(duì)話框，安裝 advance_random_images 擴(kuò)展，如圖 38-3 所示。
�。� 2 ）調(diào)用命令。打開(kāi)本實(shí)例源文件夾中的 banner.htm 文件，將光標(biāo)置于要插入廣告的位置上，并調(diào)出【 advancedrandomimages 】命令，如圖 38-4 所示。
（ 3 ） 設(shè)置圖像。 在彈出的【 randomimages 】對(duì)話框中對(duì)圖片變換屬性進(jìn)行設(shè)定，如圖 38-5 所示。
�。� 4 ）添加圖片。添加第一張廣告圖片，如圖 38-6 所示。
提示：本實(shí)例所用到的圖片放于本實(shí)例素材文件夾中的 banner 文件夾中。
�。� 5 ）接著用同樣的方法添加其他圖片，添加完成后單擊【 ok 】按鈕確定操作，如圖 38-7 所示。
（ 6 ）然后保存頁(yè)面文件并進(jìn)行預(yù)覽，隨機(jī)廣告圖片的效果就制作出來(lái)了。讀者可參考本實(shí)例素材文件夾中的 bannerok.htm 效果文件，看制作的結(jié)果是否正確。至此本實(shí)例制作完成。
本實(shí)例所講的技術(shù)常用于各類的網(wǎng)站中，如國(guó)內(nèi)幾個(gè)較大的門(mén)戶網(wǎng)站上，幾乎在他們的每個(gè)頁(yè)面中都可看到這些變換廣告，讀者可參考這些內(nèi)容來(lái)多加練習(xí)。