告别dreamweaver,网页中手工插入flash动画(swf)的方法及参数设置
告别dreamweaver,网页中手工插入flash动画(swf)的方法及参数设置
我们现在大部分人做网页，都是直接用DW插入flash，而且DW也是所见即所得，直接生成了相应的flash显示代码。可是我们又有多少人了解这些直接由DW生成的代码呢？其实我接触flash player标签，是在刚学习html的时候，那时书中插入flash只有最简单的&embed src=”” width=”” height=””&&/embed&一句,而且在很长一段时间里，只要网页中插入flash我也都是这样写的，当时认为，这样写即简单好记，又节省代码，反倒对DW起疑问，为什么这么简单的代码，它要搞得这么复杂呢。但仔细想想，DW生成的代码必有他的道理。而在后来的应用中，也应证了我的判断（呵呵，也许想法本来就菜）。
这几个星期，一直在做flash与JS及.NET交互相关的应用，所以对OBJECT、EMBED标签有了更深的了解。就这两天，在做flash实现网页拖块布局功能（类似QQ空间的JS布局），由于要根据不同用户，载入及输出不同的用户配置文件，所以我想到了由.NET生成的相应用户的配置文件名，而用&param name=”FlashVars” value=”import=userimport1.txt&output=useroutput1.txt”&来传递相关的文件变量给flash。但在实际应用中，发现Firefox及opera等浏览器并不能识变这样的变量传递，更确切地说，它们并不支持&param&标签。所以今天抽空，上MM网收集整合了一下相关的内容。
一、介绍：
我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的，而EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。
下面是简单的网页中插入flash的代码示例：将其中1.swf替换为你自己的flash动画即可显示。
&OBJECT classid=”clsid:D27CDB6E-AE6D-11cf-96B8-″ codebase=”/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″ WIDTH=+ HEIGHT=+ id=”myMovieName”& &PARAM NAME=movie VALUE=”myFlashMovie.swf”& &PARAM NAME=quality VALUE=high& &PARAM NAME=bgcolor VALUE=#FFFFFF& &EMBED src=”1.swf” quality=high bgcolor=#FFFFFF WIDTH=+ HEIGHT=+ NAME=”myMovieName” ALIGN=”” TYPE=”application/x-shockwave-flash” PLUGINSPAGE=”/go/getflashplayer”& &/EMBED& &/OBJECT&
二、为什么要使用以上全部的标签？能省略某些标签不？
OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。“classid”和“codebase”属性必须要精确地按上例所示的写法写，它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框访问是否要自动安装flash player。当然，如果你不想让那些没有安装flash player的用户自动下载播放器，或许你可以省略掉这些代码。
EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址，如果还没有安装flash player的话，用户安装完后需要重启浏览器才能正常使用。
为了确保大多数浏览器能正常显示flash，你需要把EMBED标签嵌套放在OBJECT标签内，就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说，如果你省略了EMBED标签，那firefox就不能识别你的flash了（不过纳闷的是，省略了object只写embed，IE也能正常显示flash，呵呵，具体的再仔细看看了）。
所以，最简单显示flash的网页代码为：
&embed src=”1.swf” width=+ height=+&&/embed&
本文列出了用于发布影片的OBJECT和EMBED标签的必要以及可选属性。
一、必需属性：
·CLASSID-设置浏览器的Activex控件，仅用于OBJECT标签。
·CODEBASE-设置flash Activex控件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于OBJECT标签。
·WIDTH-以百分比或象素指定flash影片的宽度。
·HEIGHT-以百分比或象素指定flash影片的高度。
·SRC-指定影片的下载地址。仅用于EMBED标签。
·PLUGINSPAGE-设置flash 插件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于EMBED标签。
·MOVIE-指定影片的下载地址。仅用于OBJECT标签。
二、可选属性及可用的值：
·ID-设定变量名，用于脚本代码的引用。仅用于OBJECT。
·NAME -设定变量名，用于脚本代码（如javascript）的引用。仅用于EMBED。
·SWLIVECONNECT – （true或false）指定当flash player第一次下载时，是否启用java。如果些属性省略，默认值为false。你果你在相同页同使用javascript和flash，java必须使用FSCommand来工作。
·PLAY -（true或false）指定flash影片是否在下载完成后就自动播放，如果省略此属性，则默认为true。
·LOOP – （true或false）指定影片播放完最后一帧后是停止还是继续循环播放，如果省略此属性，则默认为true。
·MENU – （true或false）
·True 显示全部的菜单，允许用户放大，缩小等控制影片播放等操作。
·False 显示只包含设置选项和关于flash的菜单。
·QUALITY – (low, high, autolow, autohigh, best )
·Low 速度优于美观，而且不应用反锯齿。
·Autolow 刚开始着重于速度，但当需要时随时提升美观。
·Autohigh 同时着重播放速度和美观，但需要时则牺牲美观来保证播放速度。
·Medium 应用一些反锯齿而不平滑位图。它质量高于low设置而低于high设置。
·High 美观优于播放速度，而且一直应用反锯齿。如果影片不包含动画，位图会被平滑化;而如果影片包含动画，位图将不变平滑。
·Best 提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。
·SCALE – (showall, noborder, exactfit)
·Default(Show all)影片在指定的区域内显示，但保持原始的比例。影片两侧将会出现边框。
·No Boder 收缩影片以适合指定的区域，保持影片不失真，但部分影片将可能将裁切。然而保持影片的原始比例。
·Exact Fit 使整个影片在指定的区域内显示，影片有可能变形失真，而且不保持原始的比例。
·ALIGN – (l, t, r, b)
·默认为居中，当浏览器窗口小于影片时，边缘会被裁切。
·Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要，另外三边将被裁切。
·SALIGN – (l, t, r, b, tl, tr, bl, br)
·WMODE- (window, opaque, transparent) 设置flash影片的window mode属性，指定flash在浏览器中的透明，层叠及位置。
·Window 影片在浏览器中自己的矩形窗口内播放。
·Opaque 影片隐藏了所有在它后面的内容。
·Transparent 使flash影片透明，显示透明影片后面的网页内容。这将会降低动画的性能。而且这个属性不是在所有浏览器中都可用的。
·BGCOLOR – （#RRGGBB, 十六进制RGB值。）指定影片的背景颜色。使用这个属性覆盖flash中设定的背景颜色。
·BASE – 设定基准目录或URL，用来解决所以flash中的相对路径。类似网页中的&base&标签。
·FLASHVARS 传递变量到flash player，需要flash player6及以后的版本。
·传递root级变量到影片。字符串的格式是用“&”分隔的name=value集。
·浏览器支持64kB大小的字符串长度。
&&&&【声明】转载本文请注明出处,并保留有效链接： ,谢谢！
猜您还喜欢:
&&(此文被围观2561次)
&&(此文被围观3720次)
&&(此文被围观2592次)
&&(此文被围观1362次)
&&(此文被围观3431次)
&&(此文被围观1460次)
&&(此文被围观69次)
&&(此文被围观1793次)
微信公众号
微信号：srxtuan
Hot Posts 热门文章
Random Posts 随机文章
Recent Posts 最新文章dw中怎么把swf图片覆盖到jpg图片上面_百度知道
dw中怎么把swf图片覆盖到jpg图片上面
提问者采纳
将.swf的属性wmode设置为transparent
提问者评价
其他类似问题
为您推荐：
您可能关注的推广
jpg图片的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁DreamWeaver技巧大全
1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页首先需要保证的是你的页面内容采用了表格的格式，然后打开你要编辑的页面，按&Ctrl+F6&或者菜单&View&TableView&Layout?View&转换到布局视图。这时可以看到单元格的列宽，在列宽数字的旁边还有一个小小的下拉式箭头，点击你要设定弹性显示的列上方的小箭头，接着选择&将列设为弹性显示&(Make Column Autostretch)。该列方框上方就会出现一条波浪形的线，而不是刚才表示列宽的数字。完成后你的页面就变成了一个具有弹性的页面了。此外，需要注意页面中不要有尺寸过大的图片。2. 用Dreamweaver 4.0制作有闪动效果的Flash按钮选择菜单Insert&Interactive?Images&Flash?Button就可看到有哪些内嵌按钮。在弹出的对话框里，你可以在&Style&列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后，在&Button?Text&窗口输入按钮上面的文字，在&Font&窗口选择字体，在&Size&窗口输入文字的大小，在&Link&窗口输入链接的目标，在&Target&窗口选择链接打开的方式，在&BgColor&选择按钮背景颜色，在&Save?As&窗口输入保存的文件名。完成这些后，按下&OK&按钮，你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的&Play&按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver?4.0的这个功能不支持中文字体。3. 在Dreamweaver 4.0中自定义键盘快捷键选择菜单&Edit&Keyboard?Shortcuts&，在对话框中会列出目前已经启用的以及可以更改的快捷键一览表，你可以在这里把快捷键改成自己习惯用的。如果要更改快捷键，首先要选取你要更改的命令，接着选取目前的快捷键，这个快捷键就会出现在&Shortcuts&列表中，然后在&Press Key&窗口输入你想要使用的快捷键，然后点击&Change&按钮更改即可完毕。你还可以利用&+&、&-&按钮增加或者删除当前的快捷键。4. 让Dreamweaver?4.0和Fireworks整合如果你的电脑里同时安装了Dreamweaver/Fireworks，那么你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能。利用这个功能你可以把你的GIF图片修改得更加动人，轻松地实现动画效果。在Dreamweaver编辑窗口选择好你要修改的GIF图片，然后在图片属性窗口单击&编辑(Edit)&按钮，这时系统会自动启动Fireworks软件编辑这个图片。仔细看，你会发现Fireworks的图片编辑窗口已出现Editing?From?Dreamweaver这样的文字和图样，也就是说这个图片是为Dreamweaver页面进行图片编辑的。现在我们在Fireworks里选择要编辑的图片，选择菜单&Modify&Animate&Animate?Selection&。在弹出的窗口里设置动画的属性：选定动画的帧数、动画移动的方向、透明度等等。然后把修改好的文件导出即可。这样，在Dreamweaver编辑窗口会自动更新刚才修改好的文件，使你的页面图片动起来。5. 巧用网站报告器在Dreamweaver?4.0里提供了一个网站报告器，利用这个网站报告器可以帮助你在你的网站众多文件中快速找到和修复错误。单击菜单&Site&Reports&即可启动报告器，选择你要检查的项目，然后单击&Run&按钮即可查出你网站上的一般问题。你也可以自己编写报告器来查出网站上的一些特殊问题 (一般问题通常是一些文本丢失或文档未命名) 。6. 快速恢复多次操作在制作页面时，我们可能需要不停地修改页面，有时还要恢复过去的操作，我们可以使用&Edit&菜单里的&Undo&命令，可是这个命令每次只能恢复一次，如果我们需要恢复多次操作，那就要不停地&Undo&，实在太烦。在Dreamweaver?4.0里提供了一个History窗口，可以让我们轻松地恢复多次操作。在&Windows&菜单里选择&History&即可开启这个历史窗口。在这个窗口把你每一次的操作都保留下来了，利用窗口左边那个滑动指针，就可以不停地恢复，还可以撤销每一次操作，包括已经存盘的。而且还可以把这个历史纪录保存下来共享。7. 隐藏浮动面板打开Dreamweaver，给人的第一印象是一堆浮动面板，往往弄得你眼花缭乱，虽然它可以拖开，但毕竟占据着本来就很有限的屏幕，若把它关闭了，等一下用它时又要去打开。其实你只要按一下F4键，所有浮动面板都不见，再按F4他们又都重现于屏幕上了。8. 快速预览网页初学Dreamweaver，往往找不到预览菜单，不得不另外启动IE浏览器来预览网页的实际效果。其实Dreamweaver的预览菜单放到File菜单下了，要预览正在编辑的网页，按F12键就可以了，方便得很呢!而且还可设置在不同的浏览器中预览，在File菜单下的Preview in Browser中选择Edit Browser List就可选择不同的浏览器进行预览。以测试你的网页对不同浏览器的适应性。9. 在HTML检示窗中显示行号和自动换行虽然Dreamweaver的Behaviors是一个javascript小程序的巨集，许多实现特殊网页效果的javascript程序都不用动手编程，但有时需要编写一点小程序时，显示程序行号显得尤为必要，特别是在程序发生错误时，往往都有是提示在&XX行有错误&，若一行一行地去数行号不仅太累而且还容易数错，在FrontPage中老是为数错行号而烦恼。在Dreamweaver中可方便了，只要在HTML源代码检视器窗口中，选中&Line Numbers&(行号)复选框，则会在源代码检视器窗口中对每条HTML语句自动显示行号，一目了然。同样有时一行代码较长，只要在HTML源代码检视器窗口中，选中&Warp&(自动换行)复选框，则会激活窗口的自动换行特性，过长的代码会自动从窗口的边缘绕回。10. 如何获得颜色的十六进制代码在设计网页时，有时要用到16进制的颜色代码，以前经常为这事头痛，在Dreamweaver中只要按属性面板上&bg&边上小方框右下角的小三角形，在弹出的颜色板上，鼠标指到哪儿，马上就能显示出相应颜色的16进制代码，真方便。11. 制作背景音乐在Dreamweaver中插入背景音乐是非常容易实现的，这里介绍两种方法，由大家选择。(1)在页面不显眼的地方插入一空层 ，并在层内放入一个ActivX对象 ，双击该对象，在打开的对话框中选择一个MIDI音乐文件，然后在层对象属性面板中设定其可视性为&Hidden&，保存变动后按F12预览网页，听听是否有音乐声。(2)另一种方法是利用Dreamweaver的&Behaviors&行为编辑器 ，单击&+&按钮，选择其中&Play Sound&选项，在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧!12. 让背景图不滚动与FrontPage不同，Dreamweaver中插入的背景图是会随文字滚动的。有的时候我们需要制作固定的背景图，怎么办呢?先定义一张背景图，按&F10&打开HTML源文件，找到定义背景图片的语句，例如background=&Pimages/background.JPG&P，在它的后面空一格加上一句bgproperties=&Pfixed&P。预览一下，是不是有点小小的成就感。13. 定义大小不变的文字为什么别人网页上的文字那么漂亮，不管你怎么按浏览器字体按钮上的大小，他们的字体尺寸都不会发生变化。其实他们使用了网页中的&CSS&样式表技术，在Dreamweaver中要实现这一功能是非常简单的。首先按&F7&或者选择&窗口&菜单中的&样式表&选项打开样式表编辑器，在窗口中单击鼠标右键选择&新建&，在弹出的对话框中输入需要定义的样式表名称，按&确定&，然后在列表中选择第一项&类型&，并给具体的文字属性定义参数(一般来说文字的大小在800&600的屏幕中选择10.5较为适宜)，按&确定&后，定义好的样式表就出现了。选择网页编辑窗中的文本，单击新的样式表名，可以看到选中的文本发生的变化。预览一下，试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。14. 插入Flash动画Macromedia公司的Flash动画因其具有交互性、传送速度快等特点，已逐渐成为网页制作的一项新武器，如果你的网页上能插入一段Flash动画，那么一定会使你的作品增色不少。在Dreamweaver中插入Flash制作的SWF格式动画十分容易，单击对象工具栏上的Flash徽标或单击的&媒体&下的&Flash&，就可以打开选择SWF动画文件的对话框了，选好文件后可在其属性面板中设定播放的参数，即大功告成。15. 让表格给网页留白在Dreamweaver的新网页上输入文字时，默认格式是顶天立地的，十分不美观。要避免这一缺憾其实很简单，只要大家用好表格工具就行了。具体做法是：在新页面上插入一张居中对齐的表格，为了能够使表格方便控制，最好设定奇数列，并且数值不要太大。这样在单元格内输入的文字就被限制在一个可以随意调整宽度的区域内，就不愁文字不听使唤了。16. 改变状态栏提示文字一般情况下，当浏览器装入一个页面时，在其状态栏上显示的是该页面的地址名称，十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?如果有的话，那么请按照以下的步骤，定制自己喜欢的文字吧!首先打开&Behaviors&行为编辑窗，单击&+&按钮，选择&Set Text Set&下的&Text Of Status Bar&选项，然后在方框中输入自己的文字，例如&欢迎来到我的主页&等，单击&确定&即可。
最新教程周点击榜
微信扫一扫