1
2
3
4
5
6
7

新建目录

发布时间:2018-03-01 16:18   发布人:王翠平   浏览次数:115

导入:学到现在我们已经能够制作一些简单的网页了,但是我们制作的网页基本上是静态的。如果网页中没在一些动态的东西,那这个网页是死板的,是没有吸引力的,所以从今天开始,今后的几节课我们就来学习一些动态页面效果的设置。

 多媒体

一、【课堂讲解】多媒体基础

1.什么是Flash

Flash 是由macromedia公司推出的交互式矢量图和 Web 动画的标准。并且它是矢量的,所以即使放大也不会出现变形和模糊。这种动画文件体积小。

Flash的源文件扩展名为“.fla”,生成的用于网络上传输的Flash格式为“.swf”。

2.视频格式

视频格式有很多种,但是在网络上应用的视频格式多为:aviwmvasf mpegrmrmvbmovFlv等。

3.音频格式

 在网络上应用的音频格式多为:wavmp3aifmidiraramrpm等。

4.插入多媒体



执行1。【插入记录】->【媒体】下的子菜单命令


 


2插入工具栏常用”——“媒体


二、【典例剖析】一多媒体网页效果

二、插入多媒体内容

(一)插入Flash动画

1.新建站点“dmt”(站点名称为多媒体),创建网页文档“dmt.htm”。然后创建一个12列的表格。

 

插入Flash动画步骤如下:

1)在第二个单元格内定位光标。执行【插入】->【媒体】->Flash】命令或在插入工具栏的常用类别中,选择媒体,然后单击插入 Flash”图标按扭。显示选择文件对话框。

2)选择Flash文件(本例为本章目录下的“banner.swf”文件)。

3)单击确定按钮,显示对象标签辅助功能属性对话框。各个属性如下:

标题

媒体对象的标题

快捷键

输入等效的键盘键(一个字母)。

例如,您输入A作为快捷键,则使用“Ctrl A”键在浏览器中选择该对象

Tab键索引

输入一个数字以指定该对象的Tab键顺序

 

 设置各个选项。

4)单击确定按钮,文档中效果如图所示。

5)选择该动画,单击Flash属性面板中的播放按钮。Flash动画就可以在文档中直接播放了。

2.设置Flash动画的属性

选择Flash动画后,显示Flash属性面板,如图所示。在这里可以设置Flash动画的属性。

l   名称:标识影片的名称,比如命名为“banner”

l   宽:以像素为单位指定影片的宽度。

l   高:以像素为单位指定影片的高度。

l   文件: Flash文件的路径。单击文件夹图标可以选择一个文件,或者直接键入文件路径。

l   源文件:指定 Flash 源文档(后缀名为.FLA)的路径。

l   编辑:启动 Flash软件以编辑FLA文件。

l   重设大小:重新设置选定影片的大小。

l   循环:若选中该选项时影片将连续播放;若没有选中该选项,则影片在播放一次后即停止播放。

l   自动播放:若选中该选项,则在加载页面时自动播放影片,一般要选中此项。

l   垂直边距:指定影片上、下空白的像素数。

l   水平边距:指定影片左、右空白的像素数。

l   品质:设置影片播放期间的质量。设置越高,影片的观看效果就越好,但速度慢。设置越低,速度快但影片的观看效果就越差,高品质选项是注重外观而非速度。自动低品质选项是首先注重速度,然后才是外观。自动高品质选项是首先注重品质,然后才是速度。

l   比例:影片如何适合在宽度和高度文本框中设置的尺寸。默认值设置显示整个影片。有无边框严格匹配两选项。

l   对齐:设置影片在页面上的对齐方式。

l   背景颜色:设置影片的背景颜色。

l   参数:影片的附加参数。单击参数按钮,显示参数对话框,如图所示。在对话框中可以设置多种参数

(二)插入Flash文本

Dreamweaver中可以直接制作并插入Flash文本。Flash文本是动态效果的文本。插入Flash文本的步骤如下:

1)在上面制作的表格中第一个单元格内定位鼠标光标。

2)在插入栏的常用类别中,选择媒体,然后单击“Flash文本图标 按扭,或执行【插入】->【媒体】->Flash文本】命令。

3)显示插入 Flash 文本对话框,对话框中各项属性设置。

 4)单击确定按钮,显示对象标签辅助功能属性对话框,对话框中各项属性设置

5)单击确定按钮。单击属性面板中的播放按钮,播放效果如图左所示,当鼠标移动到该Flash文本上时。


文档中播放效果         鼠标移动到文本效果

(三)插入Flash按钮

Dreamweaver可以快速创建动态Flash按钮,步骤如下:

1)在文档中创建表格并定位光标,如图所示。

2)在插入栏的常用类别中,选择媒体,然后单击“Flash 按钮图标或执行【插入记录】->【媒体】->Flash 按钮】命令。 显示插入 Flash 按钮对话框。

3)设置完成后,单击确定按钮。文档中效果。

4)然后再连续插入几个按钮,按快捷键【F12】。

(四)插入Flash Video

Flash Video现在在网站上非常流行。Flash 视频文件后缀名为“.FLV”。插入Flash 视频步骤如下:

1)在文档“dmt.htm”右边的空白单元格内定位鼠标。

2)在插入栏的常用类别中,选择媒体,然后单击“Flash video”图标或执行【插入】->【媒体】->Flash视频】命令,显示插入Flash视频对话框。

3)在插入Flash视频对话框中,从视频类型弹出式菜单中选择累进式下载视频流视频。若选择累进式下载视频;将 Flash 视频文件下载到站点访问者的硬盘上,然后播放。若选择流视频;对Flash视频内容进行流式处理,边缓冲边播放该内容。

4)比如视频类型选择累进式下载视频选项:

      URL:指定FLV文件的路径。

      外观:指定Flash视频组件的外观。

      宽度:以像素为单位指定FLV文件的宽度。

      高度:以像素为单位指定FLV文件的高度。

      自动播放:当网页打开时是否播放视频。

      自动重新播放:指定播放控件在视频播放完之后是否返回起始位置。

5)如果必要,提示用户下载 Flash Player:在页面中插入代码,该代码将检测查看Flash视频所需的Flash Player版本,并在用户没有所需的版本时提示它们下载Flash Player的最新版本。

 

6)单击确定按钮,插入Flash 视频操作完成


(五) 插入java applet

(六) 插入activeX对象

(七) 插入背景音乐

(八) 插入视频文件

(九) 插入shockwave对象

三、 作业

1、使flash背景透明化

参数,wmode  transparent

2、插入图像查看器

插入,媒体,图像查看器