Dreamweaver的應用分析
我想時線應該是Dreamweaver中最精彩的內容了。因爲它在實現網頁動畫時沒有用到ActiveX、以及任何插件或Java applets,Dreamweaver通過改變層和頁面圖片在不同時間上的屬性來製作動畫。也是因爲這個原因,用Dreamweaver編輯的帶有層動畫的網頁必須用4.0或更新的瀏覽器瀏覽。用時線製作動畫可以改變的屬性有層的位置、大小、透明度或改變各層的上下位置關係。用時線還可以對頁面的各種行爲進行設置。也就是說,將行爲也納入時線的編輯,這使得我們所編輯的網頁更富於變化、更精彩。比如我們可以用時線改變一幅不屬於某一個層的圖片的文件源(這是製作動畫最基本的方法),然後在某一個特定的幀上執行一個行爲。
下面我們來看一下時線浮動面板。時線面板負責改變層或圖片在整個時間上的.屬性。如果要打開這個面板可以選Window菜單中的timelines命令。下面我們看這個面板的具體內容。請看圖B一。面板上最上一欄是控制項。下面標有大寫B(Behavior)的欄是行爲欄,中間是時間標尺,標尺上有一個紅色的小塊是監視塊,這個小方塊表明了當前的顯示狀況。最下面是各個項目,圖中有兩個項目,一個是層項目,一個是圖片項目。下面我來介紹時線面板的具體用法。選擇欄中包含對時線名稱的選擇和修改,當我們建立多個時線時可以用這個選擇項快速地在各時線間穿插,在網頁比較複雜時建立多個時線可以更好的編輯或組織。圖中顯示的時線是“timeline1”。接下來的幾個按鈕是監視位置的選擇,最左邊一個是將監視塊調到最左邊。倒退按鈕是將監視塊向左移動一小格,播放按鈕是將監視塊向右移動一小格,如果當前位置上沒有任何項目則使用播放按鈕監視塊不會向前滑動,而使用倒退按鈕則立即回到項目的尾端(最右端)。這幾個按鈕中間是監視塊所在的具體位置。可以通過這個框確定監視塊的詳細位置。“Fps”框允許作者指定動畫每秒的幀數,缺省值爲15,這是一個平均數,每秒15幀在大多數情況下可以達到較好的顯示效果。如果瀏覽者的機器更好的話我們還可以增加每秒的幀數,這樣顯示效果更加平滑。這一欄右面的“Autoplay”檢查框是設置動畫的播放方式。選中時會彈出對話框告訴用戶這一項已選中,當網頁被開時候會自動播放動畫。如果我們選中“Loop”檢查框,也會彈出對話框告訴用戶這一項已選中,動畫會循環播放。一般情況下這些項都可以選中,除非我們爲了使網頁更靈活而設定在瀏覽者執行某種動作時播放動畫。比如當傳輸速度十分有限時,我們可以先使用一幅靜止的圖片,當瀏覽者點擊這幅圖片時播放動畫。這樣既分散了等待的時間,使瀏覽者不至於因爲長時間看不到網頁而放棄瀏覽,又兼顧了網頁的質量。我們可以隨時點擊帶有問號的按鈕來獲得幫助,就像其它浮動面板上的問號按鈕一樣。
時線面板中的行爲欄功能不凡。我們可以在任意位置上增加相應的行爲以增強對頁面的控制和對外界的適應。圖一中的時間欄中有兩個方塊,一個黑色,另一個是中間有黑色減號標誌的淡紫色方塊。黑色的一個在我們點中行爲欄上某個區域後出現表明已選中這個區域,可以在這個時間上設置行爲,選中的同時監視塊也滑到選中的時間上,這樣作者可以看到執行行爲時頁面的狀態。另一個表明在此時線上已設置了行爲。我們可以用下面簡單的方法設置行爲。對已設置行爲的區域雙擊行爲欄上的小方塊會彈出行爲浮動面板,並顯示已設置的行爲。關於行爲的設置和修改方法可以參閱上一篇文章。對沒有設置行爲的區域可以先選中這個區域,再點擊右鍵彈出菜單(也可以不選,直接點右鍵,不過這樣不容易確定行爲施加的具體時間),選擇“Add Behavior”命令,以後的情形和上一種完全一樣。我們可以用鼠標點住行爲欄中的小方塊進行拖動,以改變行爲生效的時間。當我們選擇循環執行動畫的時候會自動增加一個行爲。點擊這個行爲可以看到激發這個行爲的事件是“onFrame xx”,與這個事件相應的是“Go To Frame xx”,所以如果這個滑塊設置在項目的內部
相關文章
-
Adobe認證Macromedia Dreamweaver8考試大綱
試題說明考題數量:共60 題考試時間:90 分鐘試題種類:單選題和多選題 1、 基礎(2 道題)掌握網頁設計的基本工作流程,瞭解Dreamweaver 在流程中的重要性瞭解HTML 的基本語法,熟悉並且會修改常用的HTML 標籤掌握基本使用原 -
Dreamweaver中JavaScript行爲操作使用的總結
生死之交拼音shēng sǐ zhī jiāo簡拼sszj近義詞情同手足、患難之交反義詞一面之交、誓不兩立感情色彩中性詞成語結構偏正式成語解釋同生共死的交誼。成語出處元·鄭德輝《縐梅香》:“晉公在槍刀險難之中,我父親挺身 -
Dreamweaver中JavaScript行爲操作使用方法
下面小編將爲大家介紹Dreamweaver中JavaScript行爲操作使用方的方法,希望可以幫助到您!更多內容請關注應屆畢業生考試網! 一、在頁面中附加JavaScript行爲的方法在Dreamweaver中,可以將行爲附加到整個文檔(即附加到 -
關於Dreamweaver中模板的應用
中長髮梨花頭一直處於人氣爆升的狀態,想要在梨花頭造型中脫穎而出,同爲梨花頭髮型的你是不是應該做些變化呢?來看看小編推薦的幾款中長髮梨花頭髮造型吧,不僅外形較爲獨特,更能挖掘出你的另一面物質哦!中長髮梨花頭燙髮 遮 -
Dreamweaver軟件中層的應用
層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現使網頁從二維平面拓展到三維。可以使頁面上元素進行重疊和複雜的佈局。首先,請看下圖:我們首先來做一 -
dreamweaver對比色的應用
晝出耘田夜績麻,村莊兒女各當家。 —— 范成大《夏日田園雜興·其七》草鋪橫野六七裏,笛弄晚風三四聲。 —— 呂岩《牧童 》牧童騎黃牛,歌聲振林樾。 —— 袁枚《所見》兒童散學歸 -
Dreamweaver相近色的應用
在一個夜深人靜的夜晚,小朋友睡覺了,而文具盒裏的文具卻沒有休息,開始爭吵誰的本領大。首先上場的是自動筆哥哥,它穿着碧綠碧綠的衣服,耀武揚威的說:我的功勞最大,如果沒有我,主人就寫不了字,而且我的身上還有個小橡皮。不同意 -
分析dreamweaver網頁對比色
大家知道dreamweaver網頁對比色?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。1.冷暖色的對比 人們通過生活中的經驗積累,對色彩有一種心理上的冷暖感覺,一般把橘紅色定爲 -
Dreamweaver和excel的一些使用技巧
外貌特點:烏黑但沒光澤的頭髮,冬天因爲睡覺而成爲“雞冠發”;一雙不大的眼睛,雖然沒有良好的視力,但閃閃發光性格:大方而不得體,幽默而無惡意個性:說大話,超幽默!愛好特長:愛上網玩電腦呵呵!以上說的人便是我。你看完以後,一定很注 -
Dreamweaver網頁製作中的對比色應用
篇一:仿寫水之歌的小練筆我是風,飄流在大地之間。我是天,倒映在大地之中。我是動物賴以身存的工具,是無瑕的玉。我是大自然的女兒——太陽使我昇華,雲朵使我回歸,冬的寒深使我的內心變得堅硬。清晨,我被花與草兒邀請,當日出與