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