- 網頁設計與網站建設全攻略
- 何立
- 798字
- 2021-03-19 19:48:06
4.5 插入Flash
FlashSWF動畫是在專門的Flash軟件中完成的,在Dreamweaver中能將現有的Flash SWF動畫插入到文檔中。在Dreamweaver中插入Flash SWF影片的效果如圖4-28所示,具體操作步驟如下。

圖4-28 插入Flash SWF影片的效果
原始文件:原始文件/04/4.5/index.htm 最終文件:最終文件/04/4.5/index1.htm
步驟01 打開網頁文檔,將光標置于要插入Flash SWF影片的位置,如圖4-29所示。

圖4-29 打開網頁文檔
步驟02 執行“插入”|“媒體”| Flash SWF命令,彈出“選擇SWF”對話框,在對話框中選擇文件jiud.swf,如圖4-30所示。

圖4-30 “選擇SWF”對話框
★指點迷津★
單擊“媒體”插入欄中的按鈕,也可以彈出“選擇SWF”對話框,插入SWF影片。
步驟03 單擊“確定”按鈕,插入SWF影片,如圖4-31所示。

圖4-31 插入SWF影片
步驟04 選中插入的Flash,打開“屬性”面板,在“屬性”面板中設置Flash相關屬性,如圖4-32所示。

圖4-32 Flash屬性面板
★指點迷津★
SWF屬性面板的各項設置。
? SWF文本框:輸入SWF動畫的名稱。
? “寬”和“高”:設置文檔中SWF動畫的尺寸,可以輸入數值改變其大小,也可以在文檔中拖動縮放手柄來改變其大小。
? “文件”:指定SWF文件的路徑。
? “背景顏色”:指定影片區域的背景顏色。在不播放影片時(在加載時和在播放后)也顯示此顏色。
? “循環”:選中此復選框可以重復播放SWF動畫。
? “自動播放”:選中此復選框,當在瀏覽器中載入網頁文檔時,自動播放SWF。
? “垂直邊距”和“水平邊距”:指定動畫邊框與網頁上邊界和左邊界的距離。
? “品質”:設置SWF動畫在瀏覽器中的播放質量,包括“低品質”、“自動低品質”、“自動高品質”和“高品質”4個選項。
? “比例”:設置顯示比例,包括“默認(全部顯示)”、“無邊框”和“嚴格匹配”3個選項。
? “對齊”:設置SWF在頁面中的對齊方式。
? Wmode:為SWF文件設置Wmode參數以避免與DHTML元素(例如Spry構件)相沖突。
? “播放”:在“文檔”窗口中播放影片。
? “參數”:打開一個對話框,可在其中輸入傳遞給影片的附加參數。影片必須已設計好,可以接收這些附加參數。
步驟05 保存文檔,按F12鍵即可在瀏覽器中預覽,效果如圖4-28所示。
- Photoshop電商網頁廣告設計實戰從入門到精通(超值版)
- 柳工出海:中國制造的全球化探索
- Dreamweaver CS5網頁設計與制作教程
- 中文版Flash CC完全自學教程
- 網頁配色從入門到精通
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- Bootstrap響應式Web開發
- Div+CSS網頁制作實戰教程
- 全能網頁設計師精煉手冊
- HTML+CSS+JavaScript網頁制作案例教程(第2版)
- Photoshop電商網頁廣告設計實戰從入門到精通
- 淘寶店鋪頁面設計與裝修實戰教程
- Vue.js核心技術解析與uni-app跨平臺實戰開發
- Photoshop熱門手機APP與網頁游戲界面設計從入門到精通
- Vue應用程序開發