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步，單擊“確定”按鈕，即可在當前位置插入一個SWF動畫，此時編輯窗口中將顯示為一 個帶有字母F的灰色區(qū)域，只有在預(yù)覽狀態(tài)下才可以觀看SWF動畫效果。

第6步，按Ctrl+S快捷鍵保存文檔。當保存己插入SWF動畫的網(wǎng)頁文擋時，Dreamweaver CC 會自動彈出對話框，提示保存兩個JavaScript腳本文件，這兩個文件用來輔助播放動畫。

第7步，在DreamweaverCC中插入SWF動畫之后，切換到代碼視圖，可以看到新增加的代碼

插入的源代碼可以分為兩部分，第1部分為腳本部分，即使用JavaScript腳本導入外部SWF動

畫，第2部分是利用<object>標簽來插入動畫。當用戶瀏覽器不支持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%.當調(diào)整動畫顯示大小后，單擊其中的“重設(shè)大小”按鈕可以恢復動畫的原始大小。

第11步，根據(jù)需要設(shè)置下面幾個選項，用來控制動畫的播放屬性。

(1)“循環(huán)”復選框：設(shè)置SWF動畫循環(huán)播放。

(2)“ 自動播放”復選框：設(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)椤巴Ｖ埂?按鈕，如圖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動畫的頂端與當前行中最髙項（圖像或文本）的頂端對齊。

居中：將SWF動畫的中部與當前行的基線對齊。

文本上方：將SWF動畫的頂端與文本行中最高字符的頂端對齊。

絕對居中：將SWF動畫的中部與當前行中文本的中部對齊。

絕對底部：將SWF動畫的底部與文本行（包括字母下部，例如在字母g中）的底部對齊。

左對齊：將SWF動畫放置在左邊，文本在圖像的右側(cè)換行。如果左對齊文本在行上處于對象之前，通常強制左對齊對象換到一個新行。

右對齊：將SWF動畫放置在右邊，文本在對象的左側(cè)換行。如果右對齊文本在行上處于對象之前，通常強制右對齊對象換到一個新行。

第14步，如果需要高級設(shè)置，可以單擊“參數(shù)”按鈕，打開“參數(shù)”對話框。可在其中輸入傳遞給影片的附加參數(shù)，對動畫進行初始化。