Dreamweaver制作網(wǎng)頁之圖片應(yīng)用技巧_Dreamweaver教程

加快圖片下載速度

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

　　效果說明：建立文件，先預(yù)載圖片，使圖片預(yù)先下載到緩存中，加快圖片下載速度。

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

　　操作步驟

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

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

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

　　（ 4 ）選擇要預(yù)載的圖片，操作如圖 4 所示。

　　提示：假如站點上有幾張大圖片，可以單擊【預(yù)先載入圖像】上方的【 】圖標(biāo)，添加多張預(yù)載圖像，具體操作與圖 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)一張廣告圖片，隨后每兩秒更新一次廣告圖片，而且廣告圖片是以隨機的方式出現(xiàn)的。

　　創(chuàng)作思想：通過使用 Macromedia 的擴展插件 Adv_Random_Images ，可以輕松地完成網(wǎng)頁中隨機廣告圖片的制作。 點擊這里下載本教程所使用的插件

　　操作步驟：

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

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

　　（ 3 ） 設(shè)置圖像。 在彈出的【 Random Images 】對話框中對圖片變換屬性進行設(shè)定，如圖 4 所示。

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

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