1、在dreamweaver編輯窗口中，點擊菜單命令“window/css styles”打開樣式浮動面板，在浮動面板中點擊右鍵菜單中的“new style”選項或者點擊右下角帶“ ”的按鈕，打開新增樣式對話框(如圖1)，在“name”欄中輸入新增特效名稱，并選擇type的第一個選項：“make custom style”，然后點擊“ok”按鈕，并在出現的保存對話框中輸入文件名保存樣式文件。


[ 圖1 填上特效名稱 ]

2、在隨即出現的樣式定義設置對話框中，選擇category列表框中的最后一項“extensions”選項(如圖2)，打開擴展窗口參數設置窗口，其中“page break”選項用于設置樣式應用前后的位置，可以不予設置，而“visual effect”下的“cursor”則用于自定義鼠標指針外形，“filter”用于選擇效果的類型，共有16個選項。用戶選擇好效果類型以后，將其中有問號的地方改成自己希望的參數，點擊“ok”即完成樣式的定義。



[ 圖2 選擇設置參數 ]

3、點擊菜單“insert/image”打開圖片，選擇對話框插入希望應用特效的圖像，然后在編輯窗口中選中該圖像，并點擊樣式浮動面板中剛才創建的樣式，按下“f12”鍵，在瀏覽器中即可看到特效顯示的最終效果。如圖3即為filter類型為“wave”，參數為：“add=1，freq=6，lightstrength=20，phase=8，strength=15”的樣式在圖片上應用以后的效果對比。


[ 圖3 最終效果 ]

4、假如用戶應用后對效果不很滿足的話，可以在樣式浮動面板中點擊快捷菜單中“edit”選項，重新打開樣式定義窗口進行參數設置，直到滿足為止。