- 相關(guān)推薦
Dreamweaver怎樣實現(xiàn)飄浮光球特效
大家都知道，Dreamweaver是一款專業(yè)的網(wǎng)頁設(shè)計工具，提供了許多方便、實用的功能，使得以前許多網(wǎng)頁效果的實現(xiàn)從繁瑣的代碼中解脫出來，只要輕點鼠標即可實現(xiàn)。其中為網(wǎng)頁圖像增添特效就是其具有特色的功能之一，利用它可以為圖像添加諸如陰影、運動、波浪、及淡入淡出等特效。這種特效不會增加圖像的大小，當(dāng)然也不會影響其下載速度。其具體的實現(xiàn)方法如下：
1、在Dreamweaver編輯窗口中，點擊菜單命令“Window/Css Styles”打開樣式浮動面板，在浮動面板中點擊右鍵菜單中的“New Style”選項或者點擊右下角帶“+”的按鈕，打開新增樣式對話框(如圖1)，在“Name”欄中輸入新增特效名稱，并選擇Type的第一個選項：“Make custom style”，然后點擊“OK”按鈕，并在出現(xiàn)的保存對話框中輸入文件名保存樣式文件。
[ 圖1 填上特效名稱 ]
2、在隨即出現(xiàn)的樣式定義設(shè)置對話框中，選擇Category列表框中的最后一項“Extensions”選項(如圖2)，打開擴展窗口參數(shù)設(shè)置窗口，其中“Page Break”選項用于設(shè)置樣式應(yīng)用前后的位置，可以不予設(shè)置，而“Visual Effect”下的“Cursor”則用于自定義鼠標指針形狀，“Filter”用于選擇效果的類型，共有16個選項。用戶選擇好效果類型以后，將其中有問號的地方改成自己希望的參數(shù)，點擊“OK”即完成樣式的定義。
[ 圖2 選擇設(shè)置參數(shù) ]
3、點擊菜單“Insert/Image”打開圖片，選擇對話框插入希望應(yīng)用特效的圖像，然后在編輯窗口中選中該圖像，并點擊樣式浮動面板中剛才創(chuàng)建的樣式，按下“F12”鍵，在瀏覽器中即可看到特效顯示的最終效果。如圖3即為Filter類型為“Wave”，參數(shù)為：“Add=1，F(xiàn)req=6，LightStrength=20，Phase=8，Strength=15”的樣式在圖片上應(yīng)用以后的效果對比。
[ 圖3 最終效果 ]
4、如果用戶應(yīng)用后對效果不很滿意的話，可以在樣式浮動面板中點擊快捷菜單中“Edit”選項，重新打開樣式定義窗口進行參數(shù)設(shè)置，直到滿意為止。
【拓展閱讀】
Dreamweaver時線的應(yīng)用
時線面板負責(zé)改變層或圖片在整個時間上的屬性。如果要打開這個面板可以選Window菜單中的timelines命令。下面我們看這個面板的具體內(nèi)容。請看圖B一。面板上最上一欄是控制項。下面標有大寫B(tài)(Behavior)的欄是行為欄，中間是時間標尺，標尺上有一個紅色的小塊是監(jiān)視塊，這個小方塊表明了當(dāng)前的顯示狀況。最下面是各個項目，圖中有兩個項目，一個是層項目，一個是圖片項目。下面我來介紹時線面板的具體用法。
選擇欄中包含對時線名稱的選擇和修改，當(dāng)我們建立多個時線時可以用這個選擇項快速地在各時線間穿插，在網(wǎng)頁比較復(fù)雜時建立多個時線可以更好的編輯或組織。圖中顯示的時線是“timeline1”。接下來的幾個按鈕是監(jiān)視位置的選擇，最左邊一個是將監(jiān)視塊調(diào)到最左邊。
倒退按鈕是將監(jiān)視塊向左移動一小格，播放按鈕是將監(jiān)視塊向右移動一小格，如果當(dāng)前位置上沒有任何項目則使用播放按鈕監(jiān)視塊不會向前滑動，而使用倒退按鈕則立即回到項目的尾端(最右端)。這幾個按鈕中間是監(jiān)視塊所在的具體位置。可以通過這個框確定監(jiān)視塊的詳細位置。“Fps”框允許作者指定動畫每秒的幀數(shù)，缺省值為15，這是一個平均數(shù)，每秒15幀在大多數(shù)情況下可以達到較好的顯示效果。
如果瀏覽者的機器更好的話我們還可以增加每秒的幀數(shù)，這樣顯示效果更加平滑。這一欄右面的“Autoplay”檢查框是設(shè)置動畫的播放方式。選中時會彈出對話框告訴用戶這一項已選中，當(dāng)網(wǎng)頁被開啟的時候會自動播放動畫。如果我們選中“Loop”檢查框，也會彈出對話框告訴用戶這一項已選中，動畫會循環(huán)播放。一般情況下這些項都可以選中，除非我們?yōu)榱耸咕W(wǎng)頁更靈活而設(shè)定在瀏覽者執(zhí)行某種動作時播放動畫。比如當(dāng)傳輸速度十分有限時，我們可以先使用一幅靜止的圖片，當(dāng)瀏覽者點擊這幅圖片時播放動畫。這樣既分散了等待的時間，使瀏覽者不至于因為長時間看不到網(wǎng)頁而放棄瀏覽，又兼顧了網(wǎng)頁的質(zhì)量。我們可以隨時點擊帶有問號的按鈕來獲得幫助，就像其它浮動面板上的問號按鈕一樣。
時線面板中的行為欄功能不凡。我們可以在任意位置上增加相應(yīng)的行為以增強對頁面的控制和對外界的適應(yīng)。圖一中的時間欄中有兩個方塊，一個黑色，另一個是中間有黑色減號標志的淡紫色方塊。黑色的一個在我們點中行為欄上某個區(qū)域后出現(xiàn)表明已選中這個區(qū)域，可以在這個時間上設(shè)置行為，選中的同時監(jiān)視塊也滑到選中的時間上，這樣作者可以看到執(zhí)行行為時頁面的狀態(tài)。
【Dreamweaver怎樣實現(xiàn)飄浮光球特效】相關(guān)文章：
Dreamweaver怎樣設(shè)置容器的文本02-26
關(guān)于Dreamweaver02-28
Dreamweaver使用教程02-27
DreamWeaver技巧大全02-28
制作dreamweaver的技巧02-27
Dreamweaver技巧詳解12-01