網頁設計決定產品銷售力 網頁設計組成要素 網頁設計的迷失 網頁設計要如何規劃 新一代網頁設計規格 網頁設計獲利諮詢 網站設計技術文章
 

Dreamweaver MX實例:圖片應用技巧

加快圖片下載速度

  如果網頁中有過多的圖片,就會影響流覽的速度。 Dreamweaver 可以輕鬆設置預載圖片,加快圖片下載速度,讓網站以最快的速度出現在使用者面前。

  效果說明 建立檔,先預載圖片,使圖片預先下載到緩存中,加快圖片下載速度。實際效果請流覽隨書光碟中《 Dreamweaver MX 2004 100 例》目錄下的《實例 36 -加快圖片下載速度》檔。

  創作思想 打開 Dreamweaver MX 2004 軟體新建頁面,再打開標籤面板,在【行為】中選擇【預先載入圖像】選項,加快圖片下載速度。

  操作步驟

  ( 1 )新建檔,操作如圖 36-1 所示。

  ( 2 )保存頁面並插入圖片。為了在插入圖片時不提示相對路徑,先保存頁面為“ 36.htm ”。然後插入要預載的圖片,如圖 36-2 所示。

圖 36-2  插入圖片

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

  ( 4 )選擇要預載的圖片,操作如圖 36-4 所示。

  提示:如果網站上有幾張大圖片,可以按一下【預先載入圖像】上方的【 + 】圖示,添加多張預載圖像,具體操作與圖 36-4 所示相同。

  ( 5 )保存檔完成操作。這樣就可以加快圖片的下載速度,讓使用者在流覽網頁時不會等太久,這對於提高網站的效能具有非常重要的意義。



 
 
橙果數位行銷 版權所有 / 轉載必究 /
E-mail:cgo@pie.com.tw TEL: 04-22011823  總部:台中市五權路190號8F-5
Copyright c 2009 CGO Co., Ltd . All Rights Reserved.