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