Dreamweaver CC如何在網(wǎng)頁中使用Flash動畫?
在網(wǎng)頁中使用Flash動畫
Flash動畫也稱為SWF動畫,以文件小巧、速度快、特效精美、支持流媒體和強大的交互功能而 成為網(wǎng)頁中最流行的動畫格式。在Dreamweaver CC中插入SWF動畫比較簡單,具體操作如下。
【操作步驟】
第1步,啟動Dreamweaver CC,新建文檔,保存為test.html。
第2步,在編輯窗口中,將光標定位在要插入SWF動畫的位置。
第3步,選擇“插入”丨“媒體” Flash SWF命令,打開“選擇SWF”對話框。
第4步,在“選擇SWF”對話框中選擇要插入的SWF動畫文件(.swf),然后單擊“確定”按鈕, 此時會打開“對象標簽輔助功能屬性”對話框,在其中設(shè)置動畫的標題、訪問鍵和索引鍵。
第5步,單擊“確定”按鈕,即可在當(dāng)前位置插入一個SWF動畫,此時編輯窗口中將顯示為一 個帶有字母F的灰色區(qū)域,只有在預(yù)覽狀態(tài)下才可以觀看SWF動畫效果。
第6步,按Ctrl+S快捷鍵保存文檔。當(dāng)保存己插入SWF動畫的網(wǎng)頁文擋時,Dreamweaver CC 會自動彈出對話框,提示保存兩個JavaScript腳本文件,這兩個文件用來輔助播放動畫。
第7步,在DreamweaverCC中插入SWF動畫之后,切換到代碼視圖,可以看到新增加的代碼
插入的源代碼可以分為兩部分,第1部分為腳本部分,即使用JavaScript腳本導(dǎo)入外部SWF動
畫,第2部分是利用<object>標簽來插入動畫。當(dāng)用戶瀏覽器不支持JavaScript腳本時,可以使用
<object>標簽插入,這樣就可以最大限度地保證SWF動畫能夠適應(yīng)不同的操作系統(tǒng)和瀏覽器類型。
第8步,設(shè)置SWF動畫屬性。插入SWF動畫后,選中動畫就可以在“屬性”面板中設(shè)置SWF
動畫屬性了,如圖6.4所示。第9步,在Hash字母標識下面的文本框中設(shè)置SWF動畫的名稱,即定義動畫的ID,以便用腳 本進行控制,同時在旁邊顯示插入動畫的大小。
第10步,在“寬”和“高”文本框中設(shè)置SWF動畫的寬度和高度,默認單位是像素,也可以設(shè)置為 相對于父對象大小的百分比等其他可用單位。輸入時數(shù)字和單位必須緊連在一起,中間不留空格,如20%.當(dāng)調(diào)整動畫顯示大小后,單擊其中的“重設(shè)大小”按鈕可以恢復(fù)動畫的原始大小。
第11步,根據(jù)需要設(shè)置下面幾個選項,用來控制動畫的播放屬性。
(1)“循環(huán)”復(fù)選框:設(shè)置SWF動畫循環(huán)播放。
(2)“ 自動播放”復(fù)選框:設(shè)置網(wǎng)頁打開后自動播放SWF動畫。
(3)“品質(zhì)”下拉列表框:設(shè)置SWF動畫的品質(zhì),包括“低品質(zhì)”、“自動低品質(zhì)”、“自動高品 質(zhì)”和“高品質(zhì)” 4個選項。
品質(zhì)設(shè)置得越高,影片的效果就越好,但對硬件的要求也高,以使影片在屏幕上正確顯示,低品 質(zhì)能加快速度,但畫面較粗糙,“自動低品質(zhì)”設(shè)置一般先看速度,如有可能再考慮外觀,“自動髙品 質(zhì)”設(shè)置一般先看外觀和速度這兩種品質(zhì),但根據(jù)需要可能會因為速度而影響外觀。
如果單擊“屬性”面板中的“播放”按鈕,可以在編輯窗口中播放動畫,之后該按鈕變?yōu)椤巴V埂?按鈕,如圖6.5所示。
第12步,在“比例”下拉列表框中設(shè)置SWF動畫的顯示比例,包括3項。
(1)默認(全部顯示):SWF動畫將全部顯示,并保證各部分的比例。
(2)無邊框;根據(jù)設(shè)置尺寸調(diào)整SWF動畫顯示。
(3)嚴格匹配:SWF動畫將全部顯示,但會根據(jù)設(shè)置尺寸調(diào)整顯示比例。
第13步,可根據(jù)頁面布局需要設(shè)置動畫在網(wǎng)頁中的顯示樣式,具體設(shè)置包括如下幾項。
(1)“背景顏色”選項:指定影片區(qū)域的背景顏色。在不播放影片時(在加載時和在播放后)也
顯示此顏色。
(2)“垂直邊距”和“水平邊距”文本框:設(shè)置SWF動畫與上下方和左右方及其他頁面元素的
距離。
(3)“對齊”下拉列表框:設(shè)置SWF動畫的對齊方式,包括9個選項。
默認值:SWF動畫將以瀏覽器默認的方式對齊(通常指基線對齊)。
基線、底部:將文本(或同一段落中的其他元素)的基線與SWF動畫的底部對齊。
頂端:將SWF動畫的頂端與當(dāng)前行中最髙項(圖像或文本)的頂端對齊。
居中:將SWF動畫的中部與當(dāng)前行的基線對齊。
文本上方:將SWF動畫的頂端與文本行中最高字符的頂端對齊。
絕對居中:將SWF動畫的中部與當(dāng)前行中文本的中部對齊。
絕對底部:將SWF動畫的底部與文本行(包括字母下部,例如在字母g中)的底部對齊。
左對齊:將SWF動畫放置在左邊,文本在圖像的右側(cè)換行。如果左對齊文本在行上處于對象之前,通常強制左對齊對象換到一個新行。
右對齊:將SWF動畫放置在右邊,文本在對象的左側(cè)換行。如果右對齊文本在行上處于對象之前,通常強制右對齊對象換到一個新行。
第14步,如果需要高級設(shè)置,可以單擊“參數(shù)”按鈕,打開“參數(shù)”對話框??稍谄渲休斎雮鬟f給影片的附加參數(shù),對動畫進行初始化。
點擊加載更多評論>>