用Dreamweaver為網(wǎng)頁(yè)圖像添特效_Dreamweaver教程
1、在Dreamweaver編輯窗口中,點(diǎn)擊菜單命令“Window/Css Styles”打開樣式浮動(dòng)面板,在浮動(dòng)面板中點(diǎn)擊右鍵菜單中的“New Style”選項(xiàng)或者點(diǎn)擊右下角帶“ ”的按鈕,打開新增樣式對(duì)話框(如圖1),在“Name”欄中輸入新增特效名稱,并選擇Type的第一個(gè)選項(xiàng):“Make custom style”,然后點(diǎn)擊“OK”按鈕,并在出現(xiàn)的保存對(duì)話框中輸入文件名保存樣式文件。
[ 圖1 填上特效名稱 ]
2、在隨即出現(xiàn)的樣式定義設(shè)置對(duì)話框中,選擇Category列表框中的最后一項(xiàng)“Extensions”選項(xiàng)(如圖2),打開擴(kuò)展窗口參數(shù)設(shè)置窗口,其中“Page Break”選項(xiàng)用于設(shè)置樣式應(yīng)用前后的位置,可以不予設(shè)置,而“Visual Effect”下的“Cursor”則用于自定義鼠標(biāo)指針外形,“Filter”用于選擇效果的類型,共有16個(gè)選項(xiàng)。用戶選擇好效果類型以后,將其中有問號(hào)的地方改成自己希望的參數(shù),點(diǎn)擊“OK”即完成樣式的定義。
[ 圖2 選擇設(shè)置參數(shù) ]
3、點(diǎn)擊菜單“Insert/Image”打開圖片,選擇對(duì)話框插入希望應(yīng)用特效的圖像,然后在編輯窗口中選中該圖像,并點(diǎn)擊樣式浮動(dòng)面板中剛才創(chuàng)建的樣式,按下“F12”鍵,在瀏覽器中即可看到特效顯示的最終效果。如圖3即為Filter類型為“Wave”,參數(shù)為:“Add=1,F(xiàn)req=6,LightStrength=20,Phase=8,Strength=15”的樣式在圖片上應(yīng)用以后的效果對(duì)比。
[ 圖3 最終效果 ]
4、假如用戶應(yīng)用后對(duì)效果不很滿足的話,可以在樣式浮動(dòng)面板中點(diǎn)擊快捷菜單中“Edit”選項(xiàng),重新打開樣式定義窗口進(jìn)行參數(shù)設(shè)置,直到滿足為止。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫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開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 細(xì)品DW MX 2004內(nèi)建FW技術(shù)
- Dreamweaver網(wǎng)頁(yè)制作教程:層及其應(yīng)用
- Dreamweaver MX進(jìn)階教程(五)制作彈出小窗口
- Dreamweaver的小技巧:Dreamweaver應(yīng)用源格式
- 層的應(yīng)用及其定位(絕對(duì)定位和相對(duì)定位)
- Dreamweaver MX進(jìn)階教程(十六)制作可拖動(dòng)表格
- Dreamweaver中如何利用CSS樣式表設(shè)置網(wǎng)頁(yè)
- Dreamweaver使用快技法十三則 [1]
- Dreamweaver8創(chuàng)建自定義代碼片段的方法
- Dreamweaver制作網(wǎng)頁(yè)之圖片應(yīng)用技巧
猜你也喜歡看這些
- Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作完全手冊(cè)
- Dreamweaver CS4 中文版完全自學(xué)教程
- Dreamweaver+Flash+Photoshop網(wǎng)頁(yè)制作教程
- Dreamweaver 8 大師系列教程- 高級(jí)篇
- 學(xué)通JavaScript視頻教程下載
- 視友工作室網(wǎng)站頁(yè)設(shè)計(jì)制作全面通
- Dreamweaver 8.0網(wǎng)頁(yè)設(shè)計(jì)
- 織夢(mèng)DedeCMS視頻教程(織夢(mèng)官方版主華強(qiáng)主講)
- Dreamweaver MX教程
- 薛欣Dreamweaver8視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver為網(wǎng)頁(yè)圖像添特效。