导入:学到现在我们已经能够制作一些简单的网页了,但是我们制作的网页基本上是静态的。如果网页中没在一些动态的东西,那这个网页是死板的,是没有吸引力的,所以从今天开始,今后的几节课我们就来学习一些动态页面效果的设置。
多媒体
一、【课堂讲解】多媒体基础
1.什么是Flash
Flash 是由macromedia公司推出的交互式矢量图和 Web 动画的标准。并且它是矢量的,所以即使放大也不会出现变形和模糊。这种动画文件体积小。
Flash的源文件扩展名为“.fla”,生成的用于网络上传输的Flash格式为“.swf”。
2.视频格式
视频格式有很多种,但是在网络上应用的视频格式多为:avi、wmv、asf、 mpeg、rm、rmvb、mov、Flv等。
3.音频格式
在网络上应用的音频格式多为:wav、mp3、aif、midi、ra、ram、rpm等。
4.插入多媒体
执行1。【插入记录】->【媒体】下的子菜单命令
2。“插入”工具栏“常用”——“媒体”
二、【典例剖析】一多媒体网页效果
二、插入多媒体内容
(一)插入Flash动画
1.新建站点“dmt”(站点名称为“多媒体”),创建网页文档“dmt.htm”。然后创建一个1行2列的表格。
插入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、插入图像查看器
插入,媒体,图像查看器