- 相關(guān)推薦
Dreamweaver的應用分析
我想時(shí)線(xiàn)應該是Dreamweaver中最精彩的內容了。因為它在實(shí)現網(wǎng)頁(yè)動(dòng)畫(huà)時(shí)沒(méi)有用到ActiveX、以及任何插件或Java applets，Dreamweaver通過(guò)改變層和頁(yè)面圖片在不同時(shí)間上的屬性來(lái)制作動(dòng)畫(huà)。也是因為這個(gè)原因，用Dreamweaver編輯的帶有層動(dòng)畫(huà)的網(wǎng)頁(yè)必須用4.0或更新的瀏覽器瀏覽。用時(shí)線(xiàn)制作動(dòng)畫(huà)可以改變的屬性有層的位置、大小、透明度或改變各層的上下位置關(guān)系。用時(shí)線(xiàn)還可以對頁(yè)面的各種行為進(jìn)行設置。也就是說(shuō)，將行為也納入時(shí)線(xiàn)的編輯，這使得我們所編輯的網(wǎng)頁(yè)更富于變化、更精彩。比如我們可以用時(shí)線(xiàn)改變一幅不屬于某一個(gè)層的圖片的文件源(這是制作動(dòng)畫(huà)最基本的方法)，然后在某一個(gè)特定的幀上執行一個(gè)行為。
下面我們來(lái)看一下時(shí)線(xiàn)浮動(dòng)面板。時(shí)線(xiàn)面板負責改變層或圖片在整個(gè)時(shí)間上的屬性。如果要打開(kāi)這個(gè)面板可以選Window菜單中的timelines命令。下面我們看這個(gè)面板的具體內容。請看圖B一。面板上最上一欄是控制項。下面標有大寫(xiě)B(Behavior)的欄是行為欄，中間是時(shí)間標尺，標尺上有一個(gè)紅色的小塊是監視塊，這個(gè)小方塊表明了當前的顯示狀況。最下面是各個(gè)項目，圖中有兩個(gè)項目，一個(gè)是層項目，一個(gè)是圖片項目。下面我來(lái)介紹時(shí)線(xiàn)面板的具體用法。選擇欄中包含對時(shí)線(xiàn)名稱(chēng)的選擇和修改，當我們建立多個(gè)時(shí)線(xiàn)時(shí)可以用這個(gè)選擇項快速地在各時(shí)線(xiàn)間穿插，在網(wǎng)頁(yè)比較復雜時(shí)建立多個(gè)時(shí)線(xiàn)可以更好的編輯或組織。圖中顯示的時(shí)線(xiàn)是“timeline1”。接下來(lái)的幾個(gè)按鈕是監視位置的選擇，最左邊一個(gè)是將監視塊調到最左邊。倒退按鈕是將監視塊向左移動(dòng)一小格，播放按鈕是將監視塊向右移動(dòng)一小格，如果當前位置上沒(méi)有任何項目則使用播放按鈕監視塊不會(huì )向前滑動(dòng)，而使用倒退按鈕則立即回到項目的尾端(最右端)。這幾個(gè)按鈕中間是監視塊所在的具體位置�？梢酝ㄟ^(guò)這個(gè)框確定監視塊的詳細位置�！癋ps”框允許作者指定動(dòng)畫(huà)每秒的幀數，缺省值為15，這是一個(gè)平均數，每秒15幀在大多數情況下可以達到較好的顯示效果。如果瀏覽者的機器更好的話(huà)我們還可以增加每秒的幀數，這樣顯示效果更加平滑。這一欄右面的“Autoplay”檢查框是設置動(dòng)畫(huà)的播放方式。選中時(shí)會(huì )彈出對話(huà)框告訴用戶(hù)這一項已選中，當網(wǎng)頁(yè)被開(kāi)時(shí)候會(huì )自動(dòng)播放動(dòng)畫(huà)。如果我們選中“Loop”檢查框，也會(huì )彈出對話(huà)框告訴用戶(hù)這一項已選中，動(dòng)畫(huà)會(huì )循環(huán)播放。一般情況下這些項都可以選中，除非我們?yōu)榱耸咕W(wǎng)頁(yè)更靈活而設定在瀏覽者執行某種動(dòng)作時(shí)播放動(dòng)畫(huà)。比如當傳輸速度十分有限時(shí)，我們可以先使用一幅靜止的圖片，當瀏覽者點(diǎn)擊這幅圖片時(shí)播放動(dòng)畫(huà)。這樣既分散了等待的時(shí)間，使瀏覽者不至于因為長(cháng)時(shí)間看不到網(wǎng)頁(yè)而放棄瀏覽，又兼顧了網(wǎng)頁(yè)的質(zhì)量。我們可以隨時(shí)點(diǎn)擊帶有問(wèn)號的按鈕來(lái)獲得幫助，就像其它浮動(dòng)面板上的問(wèn)號按鈕一樣。
時(shí)線(xiàn)面板中的行為欄功能不凡。我們可以在任意位置上增加相應的行為以增強對頁(yè)面的控制和對外界的適應。圖一中的時(shí)間欄中有兩個(gè)方塊，一個(gè)黑色，另一個(gè)是中間有黑色減號標志的淡紫色方塊。黑色的一個(gè)在我們點(diǎn)中行為欄上某個(gè)區域后出現表明已選中這個(gè)區域，可以在這個(gè)時(shí)間上設置行為，選中的同時(shí)監視塊也滑到選中的時(shí)間上，這樣作者可以看到執行行為時(shí)頁(yè)面的狀態(tài)。另一個(gè)表明在此時(shí)線(xiàn)上已設置了行為。我們可以用下面簡(jiǎn)單的方法設置行為。對已設置行為的區域雙擊行為欄上的小方塊會(huì )彈出行為浮動(dòng)面板，并顯示已設置的行為。關(guān)于行為的設置和修改方法可以參閱上一篇文章。對沒(méi)有設置行為的區域可以先選中這個(gè)區域，再點(diǎn)擊右鍵彈出菜單(也可以不選，直接點(diǎn)右鍵，不過(guò)這樣不容易確定行為施加的具體時(shí)間)，選擇“Add Behavior”命令，以后的情形和上一種完全一樣。我們可以用鼠標點(diǎn)住行為欄中的小方塊進(jìn)行拖動(dòng)，以改變行為生效的時(shí)間。當我們選擇循環(huán)執行動(dòng)畫(huà)的時(shí)候會(huì )自動(dòng)增加一個(gè)行為。點(diǎn)擊這個(gè)行為可以看到激發(fā)這個(gè)行為的事件是“onFrame xx”，與這個(gè)事件相應的是“Go To Frame xx”,所以如果這個(gè)滑塊設置在項目的內部
【Dreamweaver的應用分析】相關(guān)文章：
Dreamweaver軟件中層的應用06-10
Dreamweaver相近色的應用09-11
Dreamweaver應用CSS樣式09-25
Dreamweaver中應用CSS的技巧09-02
Dreamweaver應用CSS樣式設計07-22
dreamweaver對比色的應用06-19