DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver時線的應用
Dreamweaver時線的應用
編輯:Dreamweaver相關     
我想時線應該是Dreamweaver中最精彩的內容了。因為它在實現網頁動畫時沒有用到ActiveX、以及任何插件或Java applets,Dreamweaver通過改變層和頁面圖片在不同時間上的屬性來制作動畫。也是因為這個原因,用Dreamweaver編輯的帶有層動畫的網頁必須用4.0或更新的浏覽器浏覽。用時線制作動畫可以改變的屬性有層的位置、大小、透明度或改變各層的上下位置關系。用時線還可以對頁面的各種行為進行設置。也就是說,將行為也納入時線的編輯,這使得我們所編輯的網頁更富於變化、更精彩。比如我們可以用時線改變一幅不屬於某一個層的圖片的文件源(這是制作動畫最基本的方法),然後在某一個特定的幀上執行一個行為。
b1.gif (11293 bytes)  下面我們來看一下時線浮動面板。時線面板負責改變層或圖片在整個時間上的屬性。如果要打開這個面板可以選Window菜單中的timelines命令。下面我們看這個面板的具體內容。請看圖B一。面板上最上一欄是控制項。下面標有大寫B(Behavior)的欄是行為欄,中間是時間標尺,標尺上有一個紅色的小塊是監視塊,這個小方塊表明了當前的顯示狀況。最下面是各個項目,圖中有兩個項目,一個是層項目,一個是圖片項目。下面我來介紹時線面板的具體用法。選擇欄中包含對時線名稱的選擇和修改,當我們建立多個時線時可以用這個選擇項快速地在各時線間穿插,在網頁比較復雜時建立多個時線可以更好的編輯或組織。圖中顯示的時線是“timeline1”。接下來的幾個按鈕是監視位置的選擇,最左邊一個是將監視塊調到最左邊。倒退按鈕是將監視塊向左移動一小格,播放按鈕是將監視塊向右移動一小格,如果當前位置上沒有任何項目則使用播放按鈕監視塊不會向前滑動,而使用倒退按鈕則立即回到項目的尾端(最右端)。這幾個按鈕中間是監視塊所在的具體位置。可以通過這個框確定監視塊的詳細位置。“Fps”框允許作者指定動畫每秒的幀數,缺省值為15,這是一個平均數,每秒15幀在大多數情況下可以達到較好的顯示效果。如果浏覽者的機器更好的話我們還可以增加每秒的幀數,這樣顯示效果更加平滑。這一欄右面的“Autoplay”檢查框是設置動畫的播放方式。選中時會彈出對話框告訴用戶這一項已選中,當網頁被開啟的時候會自動播放動畫。如果我們選中“Loop”檢查框,也會彈出對話框告訴用戶這一項已選中,動畫會循環播放。一般情況下這些項都可以選中,除非我們為了使網頁更靈活而設定在浏覽者執行某種動作時播放動畫。比如當傳輸速度十分有限時,我們可以先使用一幅靜止的圖片,當浏覽者點擊這幅圖片時播放動畫。這樣既分散了等待的時間,使浏覽者不至於因為長時間看不到網頁而放棄浏覽,又兼顧了網頁的質量。我們可以隨時點擊帶有問號的按鈕來獲得幫助,就像其它浮動面板上的問號按鈕一樣。

  時線面板中的行為欄功能不凡。我們可以在任意位置上增加相應的行為以增強對頁面的控制和對外界的適應。圖一中的時間欄中有兩個方塊,一個黑色,另一個是中間有黑色減號標志的淡紫色方塊。黑色的一個在我們點中行為欄上某個區域後出現表明已選中這個區域,可以在這個時間上設置行為,選中的同時監視塊也滑到選中的時間上,這樣作者可以看到執行行為時頁面的狀態。另一個表明在此時線上已設置了行為。我們可以用下面簡單的方法設置行為。對已設置行為的區域雙擊行為欄上的小方塊會彈出行為浮動面板,並顯示已設置的行為。關於行為的設置和修改方法可以參閱上一篇文章。對沒有設置行為的區域可以先選中這個區域,再點擊右鍵彈出菜單(也可以不選,直接點右鍵,不過這樣不容易確定行為施加的具體時間),選擇“Add Behavior”命令,以後的情形和上一種完全一樣。我們可以用鼠標點住行為欄中的小方塊進行拖動,以改變行為生效的時間。當我們選擇循環執行動畫的時候會自動增加一個行為。點擊這個行為可以看到激發這個行為的事件是“onFrame xx”,與這個事件相應的是“Go To Frame xx”,所以如果這個滑塊設置在項目的內部,項目不會得到完整的執行,而滑塊放在項目的外部,在項目完後會有一段停頓。一般我們應該將這個滑塊放在項目剛好結束的位置上,這樣以生成無停頓的動畫。
  一般的用戶只需要了解怎樣在時線上設置和修改項目就可以完成不錯的動畫了。圖B一中有兩個項目,分列於兩欄,表明這兩個項目是同步的。如果想要一個項目在另一個項目執行完指揮執行,簡單的方法是將項目用鼠標拖動到另一個的後方,當然也可以用同樣的方法將一個項目拖動到另一個的下方使之與另一個並列。項目條是淡紫色的,選擇整個項目後項目條會變成灰紫色。選整個項目的時候不要點項目條上的圓點,這些圓點是項目的關鍵幀,我們可以設置關鍵幀來完成整個動畫。要改變關鍵幀的位置,可以用鼠標直接拖動這些圓點。要使整個項目執行的時間長一些就要向右拖動最後一個圓點,這時整個關鍵幀的位置都會改變。如果需要還要對各關鍵幀的位置重新調整。另一種定量改變項目長度的方法是點擊右鍵選擇“Add Frame”來增加項目長度,選“Remove Frame”來縮短項目長度。如果要改變一個項目開始的位置可以拖動這個項目的第一個關鍵幀,這時項目會縮短,如果不想改變項目的長度可以點住整個項目拖動到合適的位置。並且選中整個項目時改變層的屬性作用於整個項目。如果要增加或刪除項目,可以選擇右鍵彈出的菜單中的“Add Object”和“Remove Object”命令。所有這些命令都可以在“Modify”菜單中找到。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved