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

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

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

【操作步驟】

第1步，啟動(dòng)Dreamweaver CC，新建文檔，保存為test.html。

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

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

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

第5步，單擊“確定”按鈕，即可在當(dāng)前位置插入一個(gè)SWF動(dòng)畫，此時(shí)編輯窗口中將顯示為一 個(gè)帶有字母F的灰色區(qū)域，只有在預(yù)覽狀態(tài)下才可以觀看SWF動(dòng)畫效果。

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

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

插入的源代碼可以分為兩部分，第1部分為腳本部分，即使用JavaScript腳本導(dǎo)入外部SWF動(dòng)

畫，第2部分是利用<object>標(biāo)簽來插入動(dòng)畫。當(dāng)用戶瀏覽器不支持JavaScript腳本時(shí)，可以使用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

顯示此顏色。

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

距離。

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

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

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

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

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

文本上方：將SWF動(dòng)畫的頂端與文本行中最高字符的頂端對(duì)齊。

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

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

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

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

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