网页插入flash 七种方法.docx
- 文档编号:27787139
- 上传时间:2023-07-05
- 格式:DOCX
- 页数:20
- 大小:275.69KB
网页插入flash 七种方法.docx
《网页插入flash 七种方法.docx》由会员分享,可在线阅读,更多相关《网页插入flash 七种方法.docx(20页珍藏版)》请在冰豆网上搜索。
网页插入flash七种方法
网页插入flash七种方法
插入FLASH文件的七种方法 返回上一页
有两种方法可以Frontpage2000中加入Flash文件
第一种方法是在HTML源代码的「body」中加入「embedsrc="swf文件名"width=100height=100」,用户在实际添加时宽度和高度自行调整。
第两个方法是在frontpage中点击菜单插入--高级--插件,然后从浏览菜单中找到swf文件,并确定文件的高度和宽度,然后点击确定。
日期:
2004-03-1409
作者:
长弓射雕
来源:
PConline
窗体顶端
天气预报IP地址手机号码邮编翻译在线代理在线评书好dj
窗体底端
插入FLASH文件的七种方法
第一部:
在网页软件中插入SWF文件的方法
一、利用FLASH的发布功能
其实,最简单的插入方法是在FLASH制作软件时把文件发布成SWF文件,与此同时,FLASH自动生成HTML网页文件。
方法如下:
1.在FLASH中制作完成电影动画之后,打开FILE菜单,选择“PUBLISHPREVIEW”=>“HTML”,如下图所示:
2.来到保存FLA文件的目录即可以发现生成的和FLA文件“music.fla”同名的HTML文件“musci.htm”,如下图所示:
3.运行“music.htm”文件即可以看到插入到HTML文件中的SWF文件。
如果想修改SWF文件的位置,可以使用网页编辑软件把HTML文件打开,作细节的调整。
插入的SWF文件有时需要作其它参数的调整,比如随着在浏览器窗口中的大小控制、播放方法等等。
这就要在FLASH中选择另外的菜单命令:
“FILE”=>“PublishSettings”=>“HTML”,在弹出的面板中作进一步的调节。
(具体的参数含义与设置笔者将在其它的文章中作介绍。
)
2.来到保存FLA文件的目录即可以发现生成的和FLA文件“music.fla”同名的HTML文件“musci.htm”,如下图所示:
3.运行“music.htm”文件即可以看到插入到HTML文件中的SWF文件。
如果想修改SWF文件的位置,可以使用网页编辑软件把HTML文件打开,作细节的调整。
插入的SWF文件有时需要作其它参数的调整,比如随着在浏览器窗口中的大小控制、播放方法等等。
这就要在FLASH中选择另外的菜单命令:
“FILE”=>“PublishSettings”=>“HTML”,在弹出的面板中作进一步的调节。
(具体的参数含义与设置笔者将在其它的文章中作介绍。
)
二、利用Dreamweaver的对象(Objects)面板
Macromedia公司尤其注重旗下的网页制作三驾马车的协同工作,Dreamweaver的对象(Objects)面板中直接有插入FLASH对象,给大家插入SWF文件带来了极大的方便。
下面笔者就以在Dreamweaver4.0中插入SWF文件来介绍。
1.启动Dreamweaver4.0,在主窗口中打开需要插入SWF文件的网页文档。
2.按快捷键Ctrl+F2调出对象(Objects)面板,点击“SWF”图标按钮,系统将弹出一个选择SWF文件的窗口。
3.在弹出的窗口中选择希望插入的SWF文件,然后点击“Select”按钮就完成了工作。
如下图所示:
4.如果调整SWF文件在网页文件中的显示属性,按Ctrl+F3快捷键,调出Dreamweaver4.0的属性窗口,点击已经插入的SWF文件,然后在显示出各种可设置属性的属性面板中调整。
(具体的参数含义与设置笔者将在其它的文章中作介绍。
)
尽管当前的网页设计软件市场以Dreamweaver百分比高,但是FrontPage仍然占据相当的市场份额。
由于FrontPage非面板式的对象管理,插入网页元素对象相对Dreamweaver稍稍复
3.点击“浏览”按钮,再按“确定”按钮,SWF文件就插入到网页文档中了。
4.在“预览”窗口中即可看到插入后的效果。
5.可以直接在普通窗口中通过拉动来设置SWF文件的大小。
(其它具体的参数含义与设置笔者将在另外的文章中作介绍。
)
第二种方法以ShockWaveFlash控件的形式把SWF文件导入网页文件中。
方法与前者极为相似,只是稍稍难了点,但这是在FrontPage2000中对SWF文件作具体设置的唯一鼠标方法。
下面也一步步地为大家作介绍。
1.打开“插入”菜单,选择“高级”=>“ActiveX控件”命令,弹出插入控件窗口。
第一次使用此命令时,ShockWaveFlash控件并没有在窗口中出现。
我们必须把控件装载入FrontPage2000中。
2.点击“自定义”按钮,在弹出的窗口中把“”前面的勾点上。
如下图所示:
按“确定”返回。
此时我们可以清楚地看到控件出现在插入控件窗口中。
请对比下面两图:
3.按“确定”返回普通窗口时,只见整个页面白色一片,似乎没有什么变化,事实上控件已经插入到了网页的左上角,当我们点击一下左上角即可选择控件。
4.双击控件,弹出ShockWaveFlash控件属性调整窗口。
我们可以在两个地方设置SWF文件的路径。
5.在“FlashProperties”栏中的“MoiveURL”,直接输入文件的绝对路径,完成SWF文件插入。
点击“确定”按钮,返回普通窗口即刻可以效果。
如下图所示:
或者
6.在“参数”栏中,双击“属性名称”的“SRC”选项,系统弹出“编辑对象参数”窗口。
7.点击“网页”项,使其中的“浏览”按钮激活,从而选择SWF文件路径,按两次“确定”,设置完成。
如下图所示:
以上两法插入的是硬盘上的绝对路径,在网页上传到互联网上时会发生错误。
我们需要的是相对路径,即在设置SWF文件路径时把绝对路径的修改成与正编辑的网页文件相对的路径,或者网址上的绝对路径。
Adobe公司出品的软件都以面板处理闻名(那当然,功能强大也是它的优点),Adobe公司进入网页设计市场的Golive5.0,它把网页各元素充当对象,深度面板处理化更是发挥得淋漓尽致!
其它文件的插入并没有严格的规定,而是根据网页设计师选择的插入文件而变化参数,也就是说Golive5.0更加容易识别所插入的文件性质,区分它是那类型的文件,是RealPlayer文件还是QuickTime文件,是Director文件还是FLASH文件。
就本教程而言,使用Golive5.0,你将更加容易控制插入的Flash电影动画SWF文件。
下面就以一个实例,向大家介绍Golive5.0插入FLASH文件的方法。
1.启动Golive5.0,新建一个HTML网页文件。
2.分别按Ctrl+1和Ctrl+2,调出Inspetor面板和Objects面板。
3.在Objects面板的Basic窗口中找到Flash文件图标,用鼠标把它拖动到设计文档中。
此时,设计窗口出现了一个大的Flash文件图标,如下图所示:
大家注意了,Golive5.0里Flash的文件图标与Dreamweaver4.0里并不相同。
笔者把两个图标都列出来,让大家看个清楚。
Golive5.0
Dreamweaver4.0
板
4.用鼠标点击插入的的Flash图标,此时我们发现,Inspector面板出现了变化,原来灰暗的参数变清晰了,原来没有的参数显露出来了。
请比较下面两张图:
5.最重要的一步到了。
找到Inspector面板Basic窗口中的File栏,点击最右边的浏览按钮图标,在弹出的窗口中选择需要插入的Flash文件,如下图所示:
6.按“打开”按钮,返回设计窗口。
此时,Golive5.0会自动读取SWF文件的原来长度与宽度,并取代原来拖动图标时的缺省数值。
原来的Flash图标也变成原本的面积大小。
当点击预览窗口时即可看到Flash文件播放的效果。
7.Flash的Inspector面板共有四个主要设置参数,分别对应SWF文件本身的可设置参数,并进一步提供深层的设置。
(具体的参数含义与设置笔者将在其它的文章中作介绍。
)
第二部:
在多媒体课件制作软件里插入SWF文件的方法
Flash迷人的风采,不仅仅是Flasher们喜爱,也逐渐让多媒体课件制作人员接受,越来越多的多媒体制作使用到Flash或者导入SWF文件。
下面就介绍Flash文件在PowerPoint2000、Authorware5.2和Director8.5中的插入方法。
一、PowerPoint中插入flash的方法
PowerPoint可以说是目前最简单的一种演示课件制作工具,是制作不需要交互课件的最佳选择。
在使用PowerPoint做演示的同时,适当引入精彩的表达方式-Flash文件,会给课件带来意想不到的效果。
1.打开PowerPoint2000,选好模板,新建一个幻灯片文件。
2.先做好一切需要的文字,插入一切需要的图表,安排好各种元素的位置。
3.现在到插入SWF文件的时候了,打开“插入”菜单,单击“对象”命令。
系统弹出一个对话框。
我们选择“由文件创建”选项。
系统的对话框变成了下面的样子:
4.点击“浏览”按钮,选择已经做好的Flash文件,按两次“确定”返回主窗口。
5.此时幻灯片上面出现了一个SWF文件图标,调整图标的位置与大小,以适应幻灯片模板。
大家留神了,以下的几个步骤是设置成功的关键,请认真看好。
6.打开“幻灯片放映”菜单,在弹出的子菜单中选择“自定义动画”命令,系统弹出详细的设置对话框,如下图所示:
7.在“检查动画幻灯片对象”窗口中点选SWF对象,如上图中的“对象3”,在时间顺序窗口中出现了“对象3”。
8.切换到“多媒体设置”窗口,如下图所示,我们可以看到,里面的多数参数是不可选的,只有一个“对象动作”,关键就在这一点。 点击此项的下拉菜单,选择三个选项中的“激活内容”。 按“确定”按钮返回。 9.再次打开“幻灯片放映”菜单,在弹出的子菜单中选择“幻灯片切换”命令,系统弹出如下图所示的对话框,其它参数不用动,只需要改动一下“换页方式”。 点选“每隔”选项。 10.按“应用”返回主窗口,预览幻灯片,我们发现系统弹出一个提示小面板,如下图所示,按“是”即会调出Flash插入器来播放插入SWF文件。 Authorware是大家最常用的多媒体课件制作工具,它也是师范学校必须掌握的工具之一。 记得当年做毕业设计时,一位同学Authorware用得非常纯熟,当时Flash也正在中国热起来,于时他也用Flash完成了部分课题内容,但最后需要使用Authorware做成光盘来演示,而5.0以前的版本都不对Flash提供支持,在上网条件不方便的情况下好不容易打听到5.1版本可以插入SWF文件,买了好几张D版光盘才找到试用版。 于是他又做了一回Cracker,最后才完成毕业设计,历尽了艰辛! ! Authorware5.1版本开始支持Flash文件,本节教程将以Authorware5.2来介绍两种插入SWF文件的方法。 1.启动Authorware5.2,在弹出的“NewFile”窗口中点击“Cancel”,缺省生成一个空白文档。 教程在于使大家掌握插入flash文件,就运用其它的Authorware元素了。 2.目的明确后,直接点击“Insert”菜单,选择“Media”=>“Flash”,系统弹出插入SWF文件对话框,如下图所示: 3.点击“Browser”按钮,选择需要插入的Flash文件,按“打开”按钮确定,再次点击“OK”按钮,就完成插入工作。 点击菜单栏的播放按钮就可以检查效果了。 怎么样? 相当简单吧! ! 上图弹出的窗口中还有一些具体的设置选择,留待笔者下一篇教程去介绍。 如果网友们感兴趣的话,请继续关注pconline(太平洋信息网)。 接下来笔者向大家介绍类似FrontPage的方法,把SWF文件当作ActiveX控件插入文档中。 4.点击“Insert”菜单,选择“Control”=>“ActiveX”,系统弹出显示了读入了Authorware里的所有“ActiveX”控件。 我们选择“Shockwaveflashobject”,如下图所示: 5.点击“OK”进入另一个对话框,如下图所示,单击“Custom”按钮,在“MovieURL”时输入正确的硬盘路径,系统即刻会自动播放SWF文件。 大家可以保存文件,在Authorware里慢慢了欣赏Flash的播放了。 用于多媒体开发的软件除了Authorware外还有Director,在这里我们不说Director的强大,也不比较它跟其它软件的性能区别,只谈谈Flash文件如何插入其中。 1.当然还是得先启动Director8.5,新建一个多媒体文档。 此时我们看到,舞台(Stage)、角色库(InternalCast)、属性检测(PropertyInspector)和分镜(Score)面板都是空空如也,什么东西也没有。 如果此四个面板都没有出现,请到Window菜单中把它们显示出来,当然,你也可以使用快捷键: Ctrl+1-舞台(Stage) Ctrl+3-角色库(InternalCast) Ctrl+Alt+S-属性检测(PropertyInspector) Ctrl+4-分镜(Score) 接着,我们使用两种插入方法,确切地说不是插入,而是导入,把Flash文件导入Director8.5的角色库中,然后当作演员来用于舞台(Stage)中。 由易到难一直是笔者考试的策略,那么教程也由简单的开始吧! 2.前面我们已经把角色库(InternalCast)调了出来,现在在此面板的角色列表里按鼠标右键,选择“Import”命令,如下图所示: 3.在系统弹出的窗口中选择Flash文件,按“Import”按钮就完成导入,如下图所示: 4.接着当然是把Flash文件插入Director文档当中了,IT'sacake! 用鼠标把角色库时原Flash文件直接拖动到舞台(Stage)里即可。 此时,Flash文件的第一帧内容也显示了出来,我们可以调整它的位置,也可以在属性检测(PropertyInspector)中作进一步的调整。 第二种方法,为插入法,把Flash文件当作ActiveX控件来插入。 5.打开“Insert”菜单,选择“MediaElement”=>“FlashMovie”,如下图所示: 6.在系统弹出的窗口中点击“Browser”按钮,选择需要插入的Flash文件,如下图所示。 当按“OK”按钮返回主窗口时,我们发现角色库里增加了一个Flash文件图标,这表明我们已经完成了导入。 应用方法跟前面的第4步相同,就不费笔墨了。 至此,笔者把自己在软件使用过程中掌握的插入FLASH文件的方法都一一作了介绍,希望对有需要的网友提供了帮助。 另外,如果网友们有其它的插入方法,也可以email给我。 谢谢大家的捧场! 下一次,TNT将为大家对于插入的参数的设置作个详尽的介绍,请网友们继续关注。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页插入flash 七种方法 网页 插入 flash 方法