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