- 相關(guān)推薦
Dreamweaver的應(yīng)用分析
我想時線應(yīng)該是Dreamweaver中最精彩的內(nèi)容了。因為它在實現(xiàn)網(wǎng)頁動畫時沒有用到ActiveX、以及任何插件或Java applets，Dreamweaver通過改變層和頁面圖片在不同時間上的屬性來制作動畫。也是因為這個原因，用Dreamweaver編輯的帶有層動畫的網(wǎng)頁必須用4.0或更新的瀏覽器瀏覽。用時線制作動畫可以改變的屬性有層的位置、大小、透明度或改變各層的上下位置關(guān)系。用時線還可以對頁面的各種行為進(jìn)行設(shè)置。也就是說，將行為也納入時線的編輯，這使得我們所編輯的網(wǎng)頁更富于變化、更精彩。比如我們可以用時線改變一幅不屬于某一個層的圖片的文件源(這是制作動畫最基本的方法)，然后在某一個特定的幀上執(zhí)行一個行為。
下面我們來看一下時線浮動面板。時線面板負(fù)責(zé)改變層或圖片在整個時間上的屬性。如果要打開這個面板可以選Window菜單中的timelines命令。下面我們看這個面板的具體內(nèi)容。請看圖B一。面板上最上一欄是控制項。下面標(biāo)有大寫B(tài)(Behavior)的欄是行為欄，中間是時間標(biāo)尺，標(biāo)尺上有一個紅色的小塊是監(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)視塊的詳細(xì)位置�！癋ps”框允許作者指定動畫每秒的幀數(shù)，缺省值為15，這是一個平均數(shù)，每秒15幀在大多數(shù)情況下可以達(dá)到較好的顯示效果。如果瀏覽者的機器更好的話我們還可以增加每秒的幀數(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)。圖一中的時間欄中有兩個方塊，一個黑色，另一個是中間有黑色減號標(biāo)志的淡紫色方塊。黑色的一個在我們點中行為欄上某個區(qū)域后出現(xiàn)表明已選中這個區(qū)域，可以在這個時間上設(shè)置行為，選中的同時監(jiān)視塊也滑到選中的時間上，這樣作者可以看到執(zhí)行行為時頁面的狀態(tài)。另一個表明在此時線上已設(shè)置了行為。我們可以用下面簡單的方法設(shè)置行為。對已設(shè)置行為的區(qū)域雙擊行為欄上的小方塊會彈出行為浮動面板，并顯示已設(shè)置的行為。關(guān)于行為的設(shè)置和修改方法可以參閱上一篇文章。對沒有設(shè)置行為的區(qū)域可以先選中這個區(qū)域，再點擊右鍵彈出菜單(也可以不選，直接點右鍵，不過這樣不容易確定行為施加的具體時間)，選擇“Add Behavior”命令，以后的情形和上一種完全一樣。我們可以用鼠標(biāo)點住行為欄中的小方塊進(jìn)行拖動，以改變行為生效的時間。當(dāng)我們選擇循環(huán)執(zhí)行動畫的時候會自動增加一個行為。點擊這個行為可以看到激發(fā)這個行為的事件是“onFrame xx”，與這個事件相應(yīng)的是“Go To Frame xx”,所以如果這個滑塊設(shè)置在項目的內(nèi)部
【Dreamweaver的應(yīng)用分析】相關(guān)文章：
Dreamweaver中應(yīng)用CSS的技巧09-02
Dreamweaver應(yīng)用CSS樣式設(shè)計07-22
Dreamweaver應(yīng)用CSS樣式的方法06-21