1
2
3
4
5
6
7

新建目录

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

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

 多媒体

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

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、插入图像查看器

插入,媒体,图像查看器