Dreamweaver CC如何在網(wǎng)頁中使用Flash動畫?

在網(wǎng)頁中使用Flash動畫

Flash動畫也稱為SWF動畫，以文件小巧、速度快、特效精美、支持流媒體和強(qiáng)大的交互功能而 成為網(wǎng)頁中最流行的動畫格式。在Dreamweaver CC中插入SWF動畫比較簡單，具體操作如下。 

【操作步驟】

第1步，啟動Dreamweaver CC，新建文檔，保存為test.html。

第2步，在編輯窗口中，將光標(biāo)定位在要插入SWF動畫的位置。

第3步，選擇“插入”丨“媒體”  Flash SWF命令，打開“選擇SWF”對話框。

第4步，在“選擇SWF”對話框中選擇要插入的SWF動畫文件（.swf),然后單擊“確定”按鈕, 此時會打開“對象標(biāo)簽輔助功能屬性”對話框，在其中設(shè)置動畫的標(biāo)題、訪問鍵和索引鍵。

第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>標(biāo)簽來插入動畫。當(dāng)用戶瀏覽器不支持JavaScript腳本時，可以使用

<object>標(biāo)簽插入，這樣就可以最大限度地保證SWF動畫能夠適應(yīng)不同的操作系統(tǒng)和瀏覽器類型。

第8步，設(shè)置SWF動畫屬性。插入SWF動畫后，選中動畫就可以在“屬性”面板中設(shè)置SWF

動畫屬性了，如圖6.4所示。第9步，在Hash字母標(biāo)識下面的文本框中設(shè)置SWF動畫的名稱，即定義動畫的ID,以便用腳 本進(jìn)行控制，同時在旁邊顯示插入動畫的大小。

第10步，在“寬”和“高”文本框中設(shè)置SWF動畫的寬度和高度，默認(rèn)單位是像素，也可以設(shè)置為 相對于父對象大小的百分比等其他可用單位。輸入時數(shù)字和單位必須緊連在一起，中間不留空格，如20%.當(dāng)調(diào)整動畫顯示大小后，單擊其中的“重設(shè)大小”按鈕可以恢復(fù)動畫的原始大小。

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

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

(2)“ 自動播放”復(fù)選框：設(shè)置網(wǎng)頁打開后自動播放SWF動畫。

(3)“品質(zhì)”下拉列表框：設(shè)置SWF動畫的品質(zhì)，包括“低品質(zhì)”、“自動低品質(zhì)”、“自動高品 質(zhì)”和“高品質(zhì)” 4個選項(xiàng)。

品質(zhì)設(shè)置得越高，影片的效果就越好，但對硬件的要求也高，以使影片在屏幕上正確顯示，低品 質(zhì)能加快速度，但畫面較粗糙，“自動低品質(zhì)”設(shè)置一般先看速度，如有可能再考慮外觀，“自動髙品 質(zhì)”設(shè)置一般先看外觀和速度這兩種品質(zhì)，但根據(jù)需要可能會因?yàn)樗俣榷绊懲庥^。

如果單擊“屬性”面板中的“播放”按鈕，可以在編輯窗口中播放動畫，之后該按鈕變?yōu)椤巴Ｖ埂?按鈕，如圖6.5所示。

第12步，在“比例”下拉列表框中設(shè)置SWF動畫的顯示比例，包括3項(xiàng)。

(1)默認(rèn)（全部顯示）：SWF動畫將全部顯示，并保證各部分的比例。

(2)無邊框；根據(jù)設(shè)置尺寸調(diào)整SWF動畫顯示。

(3)嚴(yán)格匹配：SWF動畫將全部顯示，但會根據(jù)設(shè)置尺寸調(diào)整顯示比例。

第13步，可根據(jù)頁面布局需要設(shè)置動畫在網(wǎng)頁中的顯示樣式，具體設(shè)置包括如下幾項(xiàng)。

(1)“背景顏色”選項(xiàng)：指定影片區(qū)域的背景顏色。在不播放影片時（在加載時和在播放后）也

顯示此顏色。

(2)“垂直邊距”和“水平邊距”文本框：設(shè)置SWF動畫與上下方和左右方及其他頁面元素的

距離。

(3)“對齊”下拉列表框：設(shè)置SWF動畫的對齊方式，包括9個選項(xiàng)。

默認(rèn)值：SWF動畫將以瀏覽器默認(rèn)的方式對齊（通常指基線對齊）。

基線、底部：將文本（或同一段落中的其他元素）的基線與SWF動畫的底部對齊。

頂端：將SWF動畫的頂端與當(dāng)前行中最髙項(xiàng)（圖像或文本）的頂端對齊。

居中：將SWF動畫的中部與當(dāng)前行的基線對齊。

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

絕對居中：將SWF動畫的中部與當(dāng)前行中文本的中部對齊。

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

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

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

第14步，如果需要高級設(shè)置，可以單擊“參數(shù)”按鈕，打開“參數(shù)”對話框?？稍谄渲休斎雮鬟f給影片的附加參數(shù)，對動畫進(jìn)行初始化。