收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
第四节 在网页软件中插入 SWF 文件的方法
    
作者:TNT / 太平洋网络学院

  在网页中如何插入 FLASH 电影动画文件 SWF 常常是一些做网页新手遇到的难题,基于这个情况,笔者总结了在网页制作软件 Dreamweaver 4.0、FrontPage 2000、Golive 5.0 和 课件制作软件 PowerPoint 2000 、 Ahthorware 5.2几种软件中插入 FLASH 的方法,既适用于网页制作者,也适用于多媒体课件制作者。

一、利用 FLASH 的发布功能

  其实,最简单的插入方法是在 FLASH 制作软件时把文件发布成 SWF 文件,与此同时,FLASH 自动生成 HTML 网页文件。

  方法如下:

  1.在 FLASH 中制作完成电影动画之后,打开 FILE 菜单,选择 “PUBLISH PREVIEW” =>“HTML”,如下图所示:

   2.来到保存 FLA 文件的目录即可以发现生成的和 FLA 文件“music.fla”同名的 HTML 文件“musci.htm”,如下图所示:

  3.运行“music.htm”文件即可以看到插入到 HTML 文件中的 SWF 文件。

  如果想修改 SWF 文件的位置,可以使用网页编辑软件把 HTML 文件打开,作细节的调整。

  插入的 SWF 文件有时需要作其它参数的调整,比如随着在浏览器窗口中的大小控制、播放方法等等。这就要在 FLASH 中选择另外的菜单命令:“FILE” => “Publish Settings”=>“HTML” ,在弹出的面板中作进一步的调节。(具体的参数含义与设置笔者将在其它的文章中作介绍。)

二、利用 Dreamweaver 的对象(Objects)面板

  Macromedia 公司尤其注重旗下的网页制作三驾马车的协同工作,Dreamweaver 的对象(Objects)面板中直接有插入 FLASH 对象,给大家插入 SWF 文件带来了极大的方便。下面笔者就以在 Dreamweaver 4.0 中插入 SWF 文件来介绍。

  1.启动 Dreamweaver 4.0 ,在主窗口中打开需要插入 SWF 文件的网页文档。

  2.按快捷键 Ctrl + F2 调出对象(Objects)面板,点击“SWF”图标按钮,系统将弹出一个选择 SWF 文件的窗口。

  3.在弹出的窗口中选择希望插入的 SWF 文件,然后点击“Select”按钮就完成了工作。如下图所示:


  4.如果调整 SWF 文件在网页文件中的显示属性,按 Ctrl + F3 快捷键,调出 Dreamweaver 4.0 的属性窗口,点击已经插入的 SWF 文件,然后在显示出各种可设置属性的属性面板中调整。(具体的参数含义与设置笔者将在其它的文章中作介绍。)

三、FrontPage 中的插入方法

  尽管当前的网页设计软件市场以 Dreamweaver 百分比高,但是 FrontPage 仍然占据相当的市场份额。由于 FrontPage 非面板式的对象管理,插入网页元素对象相对 Dreamweaver 稍稍复杂了点,这也是一些网页初学者常常问到的问题。看过了此文,相信这个问题就不再是个问题了!:)
  在 FrontPage 中插入 SWF 文件有两种方法,一种是插件的形式,把 SWF 文件当作一种插件,一种是 ActiveX 控件的形式,把 ShockWave Flash 控件导入网页文件中。
  第一种方法相对来说容易些,笔者就在中文 FrontPage 2000 中,由易到难,先介绍“插件的形式”:
  1.启动 FrontPage 2000 ,新建一个网页文档。
  2.打开“插入”菜单,选择“高级”=>“插件”命令,马上,设计普通窗口出现了插件图标,如下图所示:

  3.点击“浏览”按钮,再按“确定”按钮,SWF 文件就插入到网页文档中了。
  4.在“预览”窗口中即可看到插入后的效果。
  5.可以直接在普通窗口中通过拉动来设置 SWF 文件的大小。(其它具体的参数含义与设置笔者将在另外的文章中作介绍。)

  第二种方法以 ShockWave Flash 控件的形式把 SWF 文件导入网页文件中。方法与前者极为相似,只是稍稍难了点,但这是在 FrontPage 2000 中对 SWF 文件作具体设置的唯一鼠标方法。下面也一步步地为大家作介绍。

  1.打开“插入”菜单,选择“高级”=>“ActiveX 控件”命令,弹出插入控件窗口。第一次使用此命令时, ShockWave Flash 控件并没有在窗口中出现。我们必须把控件装载入 FrontPage 2000 中。
  2.点击“自定义”按钮,在弹出的窗口中把“”前面的勾点上。如下图所示:

  按“确定”返回。此时我们可以清楚地看到控件出现在插入控件窗口中。请对比下面两图:

  3.按“确定”返回普通窗口时,只见整个页面白色一片,似乎没有什么变化,事实上控件已经插入到了网页的左上角,当我们点击一下左上角即可选择控件。
  4.双击控件,弹出 ShockWave Flash 控件属性调整窗口。我们可以在两个地方设置 SWF 文件的路径。
  5.在“Flash Properties”栏中的“Moive URL”,直接输入文件的绝对路径,完成 SWF 文件插入。点击“确定”按钮,返回普通窗口即刻可以效果。如下图所示:

  或者

  6.在“参数”栏中,双击“属性名称”的“SRC”选项,系统弹出“编辑对象参数”窗口。
  7.点击“网页”项,使其中的“浏览”按钮激活,从而选择 SWF 文件路径,按两次“确定”,设置完成。如下图所示:

  以上两法插入的是硬盘上的绝对路径,在网页上传到互联网上时会发生错误。我们需要的是相对路径,即在设置 SWF 文件路径时把绝对路径的修改成与正编辑的网页文件相对的路径,或者网址上的绝对路径。

四、利用 Golive 5.0 的对象(Objects)面板

  Adobe 公司出品的软件都以面板处理闻名(那当然,功能强大也是它的优点),Adobe 公司进入网页设计市场的 Golive 5.0 ,它把网页各元素充当对象,深度面板处理化更是发挥得淋漓尽致!其它文件的插入并没有严格的规定,而是根据网页设计师选择的插入文件而变化参数,也就是说 Golive 5.0 更加容易识别所插入的文件性质,区分它是那类型的文件,是 RealPlayer 文件还是 QuickTime 文件,是 Director 文件还是 FLASH 文件。就本教程而言,使用 Golive 5.0 ,你将更加容易控制插入的 Flash 电影动画 SWF 文件。下面就以一个实例,向大家介绍 Golive 5.0 插入 FLASH 文件的方法。

  1.启动 Golive 5.0,新建一个 HTML 网页文件。
  2.分别按 Ctrl + 1 和 Ctrl + 2,调出 Inspetor 面板和 Objects 面板。
  3.在 Objects 面板的 Basic 窗口中找到 Flash 文件图标,用鼠标把它拖动到设计文档中。此时,设计窗口出现了一个大的 Flash 文件图标,如下图所示:

  大家注意了,Golive 5.0 里 Flash 的文件图标与 Dreamweaver 4.0 里并不相同。笔者把两个图标都列出来,让大家看个清楚。

Golive 5.0
Dreamweaver 4.0

  4.用鼠标点击插入的的 Flash 图标,此时我们发现,Inspector 面板出现了变化,原来灰暗的参数变清晰了,原来没有的参数显露出来了。请比较下面两张图:

  5.最重要的一步到了。找到 Inspector 面板 Basic 窗口中的 File 栏,点击最右边的浏览按钮图标,在弹出的窗口中选择需要插入的 Flash 文件,如下图所示:

  6.按“打开”按钮,返回设计窗口。此时,Golive 5.0 会自动读取 SWF 文件的原来长度与宽度,并取代原来拖动图标时的缺省数值。原来的 Flash 图标也变成原本的面积大小。当点击预览窗口时即可看到 Flash 文件播放的效果。
  7.Flash 的 Inspector 面板共有四个主要设置参数,分别对应 SWF 文件本身的可设置参数,并进一步提供深层的设置。(具体的参数含义与设置笔者将在其它的文章中作介绍。)

[上一页] [下一页]


Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View