好文档 - 专业文书写作范文服务资料分享网站

Dreamweaver 8.0 多媒体网页制作教程

天下 分享 时间: 加入收藏 我要投稿 点赞

求的时侯。

8.4.4插入视频

在网页中常见的视频有两种:即Flash视频和非Flash视频,下面我们就来看一下插入视频的基本操作。

1.在网页中插入Flash视频

(1)打开前面制作的“index.html”文件,在第2个表格第2行第2列的单元格单击确定插入点的位置。

(2)点击插入面板组常用工具栏的“媒体”按钮8-29所示。

,选择“Flash Video”,如图

图8-29插入Flash Video

(3)在弹出的“插入Flash视频”对话框中做如图8-30所示的设置,然后单击“确定”。

①在“视频类型”列表框中有“累进式下载视频”和“流视频”两种类型。“累进式下载视频”将 Flash 视频文件下载到站点访问者的硬盘上,然后播放。但是,与传统的“下载并播放”视频传送方法不同,渐进式下载允许在下载完成之前就开始播放视频文件。“流视频”对 Flash 视频内容进行流式处理,并在一段很短时间的缓冲(可确保流畅播放)后在Web页上播放Flash 视频内容。但要在Web页上启用流视频,站点访问用户必须具有访问 Macromedia Flash Communication Server 的权限。

②在“URL”列表框右侧单击“浏览”选择插入的Flash视频文件。

③在“外观”列表框中点击右侧的下拉菜单按钮,选择Flash视频组件的外观,同时在下面可以设定其宽度和高度以及是否自动播放和自动重新播放属性,这些也可以在属性面板中设置。

④勾选检测用户是否拥有查看 Flash 视频所需的正确 Flash Player 版本,并可以在消息列表框中输入提示和询问信息。

16

图8-30设置Flash视频

(4)保存页面,按下F12键进行预览。 2.插入非Flash视频

我们可以在Web页面中通过不同方式将不同格式的视频文件插入。在页面中插入非Flash视频的主要方法有两种,即链接到视频和嵌入视频。

(1)链接到视频

①选择用来链接到视频文件的文本或者其它对象。

②在对应的属性面板上单击“链接”列表右侧的文件夹,选择视频文件即可。 这种插入视频的方式可以使用户具有较高的可控性和选择性。 (2)嵌入视频

①在文档窗口中单击定位嵌入视频文件的位置。 ②单击插入面板组常用工具栏中的“媒体”图标

,选择“插件”。

③在弹出的选择文件对话框中选择文件“bsztyd.mpg”,然后单击“确定”。 ④此时用于嵌入视频媒体插件的图标已显示在单元格中,在属性面板中定义其宽度和高度分别为160和103像素。

⑤保存页面并按F12预览其效果。

同嵌入音频文件一样,这种方式将视频文件直接并入页面中,但需访问站点的用户具有适当视频组件插件才可以播放视频。

17

8.4.5插入Flash动画及对象

1.插入Flash动画

在页面中插入Flash动画的步骤如下: (1)单击常用工具栏上的所示。

按钮,从弹出的下拉菜单中选择“Flash”,如图8-31

图8-31插入Flash

“qxpaio_0312[1].swf”,单击“确定”。

图8-32插入的Flash动画

(2)在打开的“选择文件”属性对话框中选择要插入的Flash动画文件此时我们可以在文档窗口中看到以Flash的标志为中心的灰色区域,如图8-32所示。Flash动画的内容不会直接在这里显示,需要在浏览器或者点击属性面板的播放按钮预览。

(3)在属性面板中设置Flash动画的属性,如图8-33所示。

图8-33设置Flash动画的属性

①可以在图8-33所示的左上侧的文本框中为该Flash动画命名。

②“宽”和“高”用来设置Flash动画的宽度和高度,直接输入数值,单位为像素。 ③“文件”文本框用来设置Flash动画的路径和名称。

④“循环”和“自动播放”复选框用来设置Flash动画是否循环和自动播放。 ⑤“垂直边距”和“水平边距”用来设置Flash动画和页面其它对象间的距离。 ⑥“品质”和“比例”分别用来设置Flash动画的播放质量和视图比例,可以点击下拉菜单按钮进行设定。

⑦“对齐”和“背景颜色”分别用来设置Flash动画的对齐方式和背景色彩。 ⑧单击“编辑”按钮可以启动Flash重新编辑Flash动画,单击“重设大小”使Flash动画恢复到原始大小。

⑨“播放”按钮用来在文档窗口预览Flash动画,该按钮可以随需求在“播放”与“停止”间转换。

18

⑩“参数”按钮用来设置Flash动画的相关属性,如透明属性等。 (4)按下F12键预览插入的Flash动画效果。 2.插入Flash按钮对象

我们可以在Dreamweaver 8.0文档中创建、插入和修改Flash按钮,无需单独启动Flash应用程序。Flash按钮对象是基于Flash模板的可更新按钮,设计开发人员可以自定义Flash按钮对象,并为其添加文本、背景颜色以及指向其它文件的链接等等。

在页面中插入Flash按钮对象的步骤如下: (1)将光标定位在要插入Flash按钮的位置。 (2)单击常用工具栏上的

按钮,从弹出的下拉菜单中选择“Flash按钮”子菜单。

(3)在弹出的插入Flash按钮对话框中输入各项设置,如图8-34所示。

图8-34设置Flash按钮

①“范例”是用来预览当前选择的Flash按钮的最终效果。 ②“样式”是提供Flash按钮的外观。

③“按钮”文本框用来输入按钮上的文字信息,对应下面的“字体”列表和“大小”可以设定文字的字体和大小。

④“链接”用来设置Flash按钮的链接,可单击“浏览”按钮查找链接文件。 ⑤“目标”用来设置显示链接内容的窗口。 ⑥“背景色”用来设置Flash按钮的背景颜色。 ⑦“另存为”用于设定Flash按钮保存的路径和名称。

(4)在属性面板设定Flash按钮的相关属性,保存页面并按下F12键预览插入的Flash按钮的动画效果。

3.插入Flash文本对象

Flash 文本对象支持创建和插入只包含文本信息的SWF 文件。在页面中插入Flash文本对象的操作如下:

(1)将光标定位在要插入Flash文本的位置。 (2)单击常用工具栏上的

按钮,从弹出的下拉菜单中选择“Flash文本”子菜单。

(3)在弹出的插入Flash文本对话框中输入各项设置,如图8-35所示。

19

图8-35设置Flash文本

①“字体”、“大小”、“链接”、“目标”、“背景色”和“另存为”属性与Flash按钮对话框中的比较一致,这里不再赘述。

②在“字体”列表下面可以直接设置Flash文本的加粗、倾斜以及对齐方式。 ③“文本”列表用来输入Flash文本内容。

④“转滚颜色”用来设置在浏览器中鼠标放在Flash文本上时字体的颜色。 (4)在属性面板设定Flash文本的相关属性,保存页面并按下F12键预览插入的Flash文本对象效果。

4.插入Flash Paper

Flash Paper可以将一些主流的文档格式(如Office文档,PDF文档,文本文件,网页,FLA文件等)轻松地转换成SWF格式,便于在网络上浏览和打印。

在页面上插入Flash Paper的步骤如下: (1)将光标定位在要插入Flash Paper的位置。 (2)单击常用工具栏上的单。

(3)在弹出的插入Flash Paper对话框中输入Flash Paper SWF文件的路径和名称,如图8-36所示。

按钮,从弹出的下拉菜单中选择“Flash Paper”子菜

图8-36设置Flash Paper

20

Dreamweaver 8.0 多媒体网页制作教程

求的时侯。8.4.4插入视频在网页中常见的视频有两种:即Flash视频和非Flash视频,下面我们就来看一下插入视频的基本操作。1.在网页中插入Flash视频(1)打开前面制作的“index.html”文件,在第2个表格第2行第2列的单元格单击确定插入点的位置。(2)点击插入面板组常用工具栏的“媒体”按钮8-29
推荐度:
点击下载文档文档为doc格式
89goq139rn3j4lf875nx
领取福利

微信扫码领取福利

微信扫码分享