DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver MX實例:圖片應用技巧
Dreamweaver MX實例:圖片應用技巧
編輯:Dreamweaver相關     

  加快圖片下載速度

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

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

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

  操作步驟

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

13223124_2006040516160517768400.jpg


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

13223124_2006040516160532215600.jpg


圖 36-2  插入圖片

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

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

13223124_2006040516160544697300.jpg


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

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

隨機廣告圖片

  浏覽者浏覽網頁時可以發現,網頁中動態更新的廣告圖片比靜態固定的圖像更具有活力和吸引力。如何制作網頁中的隨機廣告圖片是本實例所要研究的問題。   

  效果說明 在浏覽網頁時,網頁的 banner 區域將出現一張廣告圖片,如圖 38-1 所示。隨後每兩秒更新一次廣告圖片,而且廣告圖片是以隨機的方式出現的,如圖 38-2 所示。
 

13223124_2006040516160567544300.jpg


  創作思想 通過使用 Macromedia 的擴展插件 Advance_Random_Images ,可以輕松地完成網頁中隨機廣告圖片的制作。

  操作步驟

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

13223124_2006040516160581234800.jpg


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

13223124_2006040516160595261900.jpg


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

13223124_2006040516160612858700.jpg


  ( 4 )添加圖片。添加第一張廣告圖片,如圖 38-6 所示。
 

13223124_2006040516160627122000.jpg


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

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

13223124_2006040516160646870800.jpg


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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved