在網頁制作過程中,我們常常需要實現一種效果,就是將flash效果(通常是粒子效果) 疊加到圖片之上,從而表現出更加逼真、形象的效果來。同時用好透明flash背景也是網頁設計人員必備的基本技能。下面小編就與大家分享一下在網頁制作過程中添加透明flash背景的方法。
工具/原料
Adobe Flash CS3
Dreamweaver 8
方法/步驟
1、flash文件的準備,首先必須得有一個用作頁面背景的SWF格式的文件。可以直接采用Flash進行創作,做出自己想要的效果,也可以直接采用現有的文件做為素材。在此為了說明方法,故小編直接使用一個制作完成的Flash文件”飄落的雪花“。 效果如圖所示:
2、打開Dreamweaver8,新建一個頁面文件”SnowFly.html"。
3、點擊“插入”→“表格”,給當前頁面中插入一個 2行1列的表格,邊框寬度設置為0,最后點擊確定。
4、將光標放置在表格的第二行,然后點擊”插入“→”媒體“→”ShockWave文件“。
5、從“打開”窗口中選擇一個本地的SWF格式的文件,點擊“確定”導入到當前頁面,在彈出的”對像標簽輔助功能“窗口中將標題設置為“Flash背景”,最后點擊“確定”完成插入操作。
6、選中該Flash文件,在屬性窗口中點擊“參數”,打開參數窗口,將“Vmode”設置為“Transparent”,點擊“確定”完成設置。
7、將光標放置在表格的第二行,點擊“屬性”窗口中的“插入背景”按鈕,在打開的“插入背景“窗口中選擇本地磁盤中的一幅圖片文件,插入到當前表格單元格中做為背景層。
8、切換至代碼編輯界面。 給標簽Embeded中加入如圖第21行所示的代碼片段。
9、保存當前網頁文件, 點擊”文件“→”預覽“→”搜狗瀏覽器“,此時就會打開搜狗瀏覽器進行預覽。
END
瀏覽器加載Flash播放控制程序
1、有時會出現當前Flash背景無法播放的情況,其原因是Flash播放控件未安裝造成的。
解決方法:打開搜狗瀏覽器,點擊”工具“→”Internet選項“。
2、在打開的”Internet選項“窗口中,切換到”高級“選項卡,找到” 多媒體“列表,勾選”在網頁中播放動畫“和”啟用第三方瀏覽器擴展“兩項。
3、再此刷新當前頁面,就會彈出安裝插件界面,按照提示操作即可成功完成插件。
希望這篇在網頁中插入透明flash背景方法,對大家有所幫助!
新聞熱點
疑難解答