『壹』 网页制作高手:请问如何把Flash(SWF文件)设置与网页融合在一起,就象是FLASH单独运行而网页内容却是独立的
透明flash的制作
flash动画的背景与网页背景的融合一直很困扰着我们。
如果flash动画也能透明,则不论你的网页背景是何种颜色或是底图,那么将会很好地融合在一起。
其实,flash就提供了这种设置,如图:只须在“发布设置”的HTML面板选择透明类型即可。其实,你在现有网页的flash代码中加入:
“PARAM NAME=wmode VALUE=transparent”也是一样的。
遗憾的是,这种特效仅适于IE4及以上,另外,你的flash可不要放全场景的底图哦。
试试吧!
『贰』 如何把SWF文件作为背景添加到网页中去
在网页制作过程中,我们常常需要实现一种效果,就是将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、再此刷新当前页面,就会弹出安装插件界面,按照提示操作即可成功完成插件。
『叁』 如何将.swf动画文件放在网站上
点击浏览,找到您存放.SWF动画的文件——【打开】(注意:为防止提取出错,请先将原SWF文件名改为英文或汉语拼音,请勿使用中文文件名);
友情帮助:教您一个傻瓜办法:在您博文的编辑界面,勾选【显示源代码】后,直接将覆盖后的源代码(蓝颜色的)复制——粘贴到文字编辑框内——去掉【显示源代码】前面的勾选,显示了太阳雪的动画,这说明您的代码没错。然后您再勾选【显示源代码】——将您slash动画的网址复制到太阳雨动画的网址上【http://up.qzone.net.cn/flash13/20100310051447_taiyangxiaxue.swf】——去除勾选——显示您的动画——【发表】
『肆』 SWF格式文件怎么设为网站首页
你可以在主页上插入这个FLASH文件,把它弄成全屏就可以了
『伍』 怎么制作上传swf文件的网站
现在用flash制作的动画保存的格式,后缀名一般都是【.swf】,要将其上传到自己的博客中,具体操作步骤如下: 1.选择一个免费上传flash的网站,以求得到自己所制作的动画的文件地址;免费2.上传flash的网站很多,我选择的是【爱玩qq网】,网址是:www.awqq.net ;
『陆』 SWF如何做超链接(点击SWF跳转指定网站)
你可以在DW里面给FLASH包裹个<A href="#"></a>标签,也可以进入flash 做一个透明按钮,然后再下面属性栏添加一个连接,导出后就可以用了。 具体你可以联系我或则把源文件给我,我给你添加连接
『柒』 如何把swf转换成网站
用Dreamweaver等软件新建一个Html页面,插入动画,选取你做的swf,保存,发布到网站空间就行了 .详情请看 站长发 http://www.zhan18.com
『捌』 SWF如何做超链接(点击SWF跳转指定网站)
很简单用 FLASH MX 制作FLASH 的时候 在舞台里 选种你要点击的区域 点属性 编辑 舞台下面的属性栏 会出现一个 代码编辑区域然后直接 添加你要 弹出的网址代码就可以on(release){ /*注释:当鼠标放上去的时候 你既然学过FLASH 肯定知道这个意思吧
getURL( http://www.7zikao.com)}/*注释:来到这个网址
『玖』 如何让FLASH布满整个网页,不随网站窗口的变大变小有内容溢出。我SWF是970*600的
你按照我下面给你的代码,然后把FLASH路径改成你自己的就OK了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
<head>
<title>wntdcs5new</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #000000;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="wntdcs5new" align="middle">
<param name="movie" value="wntdcs5new.swf" />
<param name="quality" value="autolow" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="direct" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="wntdcs5new.swf" width="100%" height="100%">
<param name="movie" value="wntdcs5new.swf" />
<param name="quality" value="autolow" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="direct" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获得 Adobe Flash Player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
『拾』 怎样给网页中的swf文件设置播放控制按钮
Flv视频文件的来源
首先说下这个Flash视频,也就是Flash Video。
为什么要用这个?很显然是需要在网页中播放视频。我们都知道一般的视频文件,要不就是asf格式、wmv格式使用mediaplayer进行播放,要不就是rm格式用RealPlayer播放。
这样的问题是,格式的不同就需要选择不同的播放器,这对于本地计算机没有安装相应播放器的用户来说,这些视频根本无法收看。
并且,还由于这些文件的容量过大,下载慢,查看也不很流畅。
所以,解决播放器和容量的问题,运用Flash有个方法:将各类视频文件转换成Flash视频文件。
播放器有嵌入在浏览器中的Flash播放器,这好像每个人的机器都有的吧,解决了其它一般视频文件需要挑选播放器的问题,当然这也就是Flash的优势。
容量方面,从FlashMX2004起就支持了转换为Flash视频的功能,经过相关设置后,可缩小原有视频的容量,最终转换的文件扩展名是FLV。
一句话:最终获得的是个FLV即Flash视频文件。
那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播放器就是FlashPlayer。
第一种方法:
将本地Flv文件导入部署到Flash软件中,以库中元素的形式而存在,将该元素拖入场景,调整位置后,发布为swf文件即可。
注意以上文件在本地测试没有问题,但上传到网络时,其他浏览者是无法查看的,因为当前的播放器调用的是本地Flv文件。
所以,需要调整路径。首先需要将Flv文件上传到某个网络空间,并且获得其准确的路径地址。
其次,打开Flash软件,选择Flv组件,Alt+F7打开“组件检查器”,将“ContentPath”中的路径由本地地址替换为网络绝对地址
再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件,如同插入其他一般Flash文件一样。
测试: http://www.cnbruce.com/flv/13.swf
当然,此时还会有个播放器控制按钮相关的一个swf文件,记得要附带着。
第二种方式:
在第二种方式介绍之前,你有没有发觉第一种方式有点麻烦?因为我们是需要将视频插入到网页的,现在却需要先制作一个swf播放器文件,其中还有些曲折。然后再打开网页编辑器将swf文件插入。
正如我们在网页中插入Flash按钮一样,先要用Flash制作按钮,然后将该Flash插入到网页。但你有没有注意到Dreamweaver提供了直接插入Flash按钮的功能,也就是说:你不必去制作Flash按钮,直接通过DW中该途径就能很快完成自己的需要。
那么,同样,现在的Dreamweaver8支持了这一功能:插入Flash视频
你不需要去制作播放视频的swf文件,只需要提供一个Flv视频文件即可。这也就是我所要说的重点。
打开插入面板,选择常用类别,单击媒体按钮后的向下箭头,从下拉列表中选择“Flash视频”
弹出的对话框中,可使用网络上已经固定的Flv文件地址,还可以是选择浏览本地的Flv文件,但要注意该Flv文件应是你所定义的DW当前该站点中的,以获得相对路径,便于之后所有文件一起上传后,一样能寻找到该文件。
不出所料,设置完毕后,DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮肤文件。
那么,最后你上传网页时就是4个文件一起上传。
OK,调试个地址看看:http://www.cnbruce.com/flv/
第三种方式:
如果你还是觉得文件比较的多,只要要一个播放器和一个Flv文件就了事。那么,借用下Google的这个swf播放器googleplayer.swf,自己只需要提供flv路径就可以了,除flv外,googleplayer.swf还支持mp3文件。
具体如何使用google的这个播放器,Danger同学介绍了个: http://www.dengjie.com/weblog/comments.asp?post_id=1066
并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf
以下显示的则是通过上面的工具设置的,采用的Google的播放器。
参考资料:http://www.cnbruce.com/blog/showlog.asp?log_id=824