Dreamweaver制作網(wǎng)頁(yè)之圖片應(yīng)用技巧_Dreamweaver教程
假如網(wǎng)頁(yè)中有過(guò)多的圖片,就會(huì)影響瀏覽的速度。 Dreamweaver 可以輕松設(shè)置預(yù)載圖片,加快圖片下載速度,讓站點(diǎn)以最快的速度出現(xiàn)在用戶面前。
效果說(shuō)明:建立文件,先預(yù)載圖片,使圖片預(yù)先下載到緩存中,加快圖片下載速度。
創(chuàng)作思想:打開(kāi) Dreamweaver MX 2004 軟件新建頁(yè)面,再打開(kāi)標(biāo)簽面板,在【行為】中選擇【預(yù)先載入圖像】選項(xiàng),加快圖片下載速度。
操作步驟
�。� 1 )新建文件,操作如圖1 所示。

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

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

�。� 4 )選擇要預(yù)載的圖片,操作如圖 4 所示。

提示:假如站點(diǎn)上有幾張大圖片,可以單擊【預(yù)先載入圖像】上方的【 】圖標(biāo),添加多張預(yù)載圖像,具體操作與圖 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)一張廣告圖片,隨后每?jī)擅敫乱淮螐V告圖片,而且廣告圖片是以隨機(jī)的方式出現(xiàn)的。
創(chuàng)作思想:通過(guò)使用 Macromedia 的擴(kuò)展插件 Adv_Random_Images ,可以輕松地完成網(wǎng)頁(yè)中隨機(jī)廣告圖片的制作。 點(diǎn)擊這里下載本教程所使用的插件
操作步驟:
�。� 1 )安裝插件。使用菜單欄中的【命令】|【擴(kuò)展治理】命令調(diào)出【 Macromedia 擴(kuò)展治理器】對(duì)話框,安裝 Adv_Random_Images 擴(kuò)展,如圖 1、2 所示。


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

�。� 3 ) 設(shè)置圖像。 在彈出的【 Random Images 】對(duì)話框中對(duì)圖片變換屬性進(jìn)行設(shè)定,如圖 4 所示。

�。� 4 )添加圖片。添加第一張廣告圖片,如圖 5 所示。

( 5 )接著用同樣的方法添加其他圖片,添加完成后單擊【 OK 】按鈕確定操作。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver 4.0使用技巧集錦
- Dreamweaver MX進(jìn)階教程(十八)使用css樣式制作細(xì)線表格
- Dreamweaver CS3的代碼片斷功能面板詳解
- Dreamweaver MX進(jìn)階教程(八) 操作框架
- 玩轉(zhuǎn)Dreamweaver 8:了解CSS層疊樣式表
- 制作網(wǎng)頁(yè) 詳解Dreamweaver13個(gè)技巧
- Dreamweaver 基礎(chǔ):了解DW的狀態(tài)欄
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- 事件日歷-Dreamweaver構(gòu)建Blog
- Dreamweaver MX進(jìn)階教程:制作反饋表單
猜你也喜歡看這些
- 開(kāi)天辟地-網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站架設(shè)
- 學(xué)通JavaScript視頻教程下載
- 織夢(mèng)DedeCMS視頻教程(織夢(mèng)官方版主華強(qiáng)主講)
- Dreamweaver+ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)視頻教程
- 美工之路系列視頻
- DreamWeaver MX 2004 即學(xué)即會(huì)
- PHP+MYSQL網(wǎng)站設(shè)計(jì)入門(mén)實(shí)踐
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁(yè)
- CSS設(shè)計(jì)徹底研究視頻教程
- Dreamweaver 8、Flash 8、Fireworks 8網(wǎng)頁(yè)制作從入門(mén)到精通
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver制作網(wǎng)頁(yè)之圖片應(yīng)用技巧
。