加快圖片下載速度

　　如果網(wǎng)頁中有過多的圖片，就會影響瀏覽的速度。 Dreamweaver 可以輕松設置預載圖片，加快圖片下載速度，讓站點以最快的速度出現(xiàn)在用戶面前。

　　創(chuàng)作思想　打開 Dreamweaver MX 2004 軟件新建頁面，再打開標簽面板，在【行為】中選擇【預先載入圖像】選項，加快圖片下載速度。

　　操作步驟

　　（ 1 ）新建文件，操作如圖 36-1 所示。

　　（ 2 ）保存頁面并插入圖片。為了在插入圖片時不提示相對路徑，先保存頁面為“ 36.htm ”。然后插入要預載的圖片，如圖 36-2 所示。

　　圖 36-2 　插入圖片

　　（ 3 ）添加“預先載入圖像”功能。使用 Dreamweaver 的行為面板添加“預先載入圖像”功能，如圖 36-3 所示。

　　（ 4 ）選擇要預載的圖片，操作如圖 36-4 所示。

　　提示：如果站點上有幾張大圖片，可以單擊【預先載入圖像】上方的【 + 】圖標，添加多張預載圖像，具體操作與圖 36-4 所示相同。

　　（ 5 ）保存文件完成操作。這樣就可以加快圖片的下載速度，讓用戶在瀏覽網(wǎng)頁時不會等太久，這對于提高網(wǎng)站的效能具有非常重要的意義。

　　隨機廣告圖片

　　瀏覽者瀏覽網(wǎng)頁時可以發(fā)現(xiàn)，網(wǎng)頁中動態(tài)更新的廣告圖片比靜態(tài)固定的圖像更具有活力和吸引力。如何制作網(wǎng)頁中的隨機廣告圖片是本實例所要研究的問題。 　　

　　效果說明　在瀏覽網(wǎng)頁時，網(wǎng)頁的 banner 區(qū)域?qū)⒊霈F(xiàn)一張廣告圖片，如圖 38-1 所示。隨后每兩秒更新一次廣告圖片，而且廣告圖片是以隨機的方式出現(xiàn)的，如圖 38-2 所示。

　　創(chuàng)作思想　通過使用 Macromedia 的擴展插件 Advance_Random_Images ，可以輕松地完成網(wǎng)頁中隨機廣告圖片的制作。

　　操作步驟

　　（ 1 ）安裝插件。使用菜單欄中的【命令】｜【擴展管理】命令調(diào)出【 Macromedia 擴展管理器】對話框，安裝 Advance_Random_Images 擴展，如圖 38-3 所示。

　　（ 2 ）調(diào)用命令。打開本實例源文件夾中的 banner.htm 文件，將光標置于要插入廣告的位置上，并調(diào)出【 AdvancedRandomImages 】命令，如圖 38-4 所示。

　　（ 3 ） 設置圖像。 在彈出的【 RandomImages 】對話框中對圖片變換屬性進行設定，如圖 38-5 所示。

　　（ 4 ）添加圖片。添加第一張廣告圖片，如圖 38-6 所示。

　　提示：本實例所用到的圖片放于本實例素材文件夾中的 banner 文件夾中。

　　（ 5 ）接著用同樣的方法添加其他圖片，添加完成后單擊【 OK 】按鈕確定操作，如圖 38-7 所示。

　　（ 6 ）然后保存頁面文件并進行預覽，隨機廣告圖片的效果就制作出來了。讀者可參考本實例素材文件夾中的 bannerok.htm 效果文件，看制作的結果是否正確。至此本實例制作完成。

　　本實例所講的技術常用于各類的網(wǎng)站中，如國內(nèi)幾個較大的門戶網(wǎng)站上，幾乎在他們的每個頁面中都可看到這些變換廣告，讀者可參考這些內(nèi)容來多加練習。