1、湖南电子科技职业学院教案教学章节: 第 3 章第 1 节 教学课时:2 学时 第 6 次授课 教学目的和要求:1了解多媒体元素的特点。2掌握在网页中插入 Flash 动画、视频和音频及其他多媒体元素的方法。3. 掌握对多媒体元素的属性设置教学重点与难点:教学重点:Flash 动画、视频和音频及其他多媒体元素教学难点: Flash 动画教学方法:通过优秀作品赏析直观了解网页的基本知识和流程教学内容:3.1 学习任务:网页和网站基本知识一、插入 Flash 元素:Flash动画采用的是矢量技术,它以文件小巧、速度快、特效精美、支持流媒体和交互功能强大的特点成为网页中最流行的动画格式,广泛地应用于网
2、页中。Flash对象“属性”面板中各项含义如下:ID:为SWF 文件指定唯一ID标识号。在属性检查器最左侧的未标记文本框中输入 ID。从 Dreamweaver CS5 起,需要唯一 ID。宽、高:插入的文件会以默认宽高显示,可以用鼠标或手工精确输入宽高值。湖南电子科技职业学院教案文件:指定SWF文件或Shockwave 文件的源路径。单击文件夹图标可浏览到某一文件,或者直接键入路径。源文件和编辑:如果计算机上同时安装了 Flash,Dreamweaver 可直接调用 Flash 对指定的源文件(FLA 文件)进行编辑。如果计算机上没有安装 Flash, “编辑”按钮为灰色,不可用。背景颜色:
3、指定影片区域的背景颜色。在不播放影片时(在加载时和在播放后)也显示此颜色。类:用于对影片应用CSS 类。循环:使影片连续播放。如果没有选择循环,则影片将播放一次后停止。自动播放:在加载页面时自动播放影片。垂直边距和水平边距:指定影片上、下、左、右空白的像素数。品质:在影片播放期间控制抗失真。默认为高品质,该设置可改善影片的外观。但高品质设置的影片需要较快的处理器才能在屏幕上正确呈现。比例:确定影片如何适合在宽、高度文本框中设置的尺寸。默认为显示整个影片。 对齐:确定影片在页面上的对齐方式。Wmode:设置 Flash 背景是否透明。使用透明 Flash 与背景图片配合,会达到意想不到的动画效果
4、。参数:打开一个对话框,可在其中输入传递给影片的附加参湖南电子科技职业学院教案数。播放:在“文档” 窗口中播放影片。二、插入视频和音频使用插件可以在网页中添加视频文件和音频文件。将鼠标放置在要插入内容的位置,单击“插入” 面板“媒体”标签中的“插件”按钮,其他操作与插入 Flash 元素类似。进入“代码”视图可以发现,使用“ 插件” 方式添加的多媒体元素,Dreamweaver为其添加了标签,因此直接修改代码或使用“标签编辑器”可对用 “插件”方式添加的多媒体元素进行更精确控制。视频类型:累进式下载方式是将 FLV 文件下载到站点访问者的硬盘上,然后进行播放。与传统的“下载并播放” 视频传送方
5、法不同的是,累进式下载允许在下载完成之前就开始播放视频文件。流视频方式是对视频内容进行流式处理,并在一段可确保流畅播放的很短的缓冲时间后在网页上播放该内容。若要在网页上启用流视频,必须具有访问 Adobe FlashMedia Server 的权限。URL:指定FLV文件的路径或服务器地址。外观:指定视频组件的外观,即视频播放时将要显示的外观及播放控件类型。宽度和高度:以像素为单位指定 FLV 文件的宽、高值。若湖南电子科技职业学院教案要让Dreamweaver确定 FLV文件的准确宽度,可单击 “检测大小”按钮。如果 Dreamweaver 无法确定宽度,必须键入宽、高值,此时要注意宽度不能
6、小于“外观” 中设置的最小宽度。限制高宽比:保持视频组件的宽度和高度之间的比例不变。为默认设置。自动播放:指定在 Web 页面打开时是否播放视频。自动重新播放:指定播放控件在视频播放完之后是否返回起始位置。三、插入其他多媒体元素1插入JavaAppletJava Applet 是在 Java 基础上演变而成的小应用程序,它可以嵌入到网页中来执行一定的任务,具有跨平台特性,运行Java Applet 的前提是浏览器中安装了 JVM 虚拟机。2插入 Shockwave 影片Shockwave 是用于在网页中播放的由 Adobe 公司的 Director软件创建的多媒体电影。Shockwave是一种网上媒体交互压缩格式的标准,用该标准生成的压缩文件可在Internet上快速下载。3插入 ActiveX 控件ActiveX 控件(以前称作 OLE 控件)的功能类似于浏览器插件的可复用组件,是宽松定义的、基于 COM 的技术组合。ActiveX 控件在 Windows 系统上的 Internet Explorer 中运行,但不能在 Macintosh 系统上或 Netscape Navigator 中运行。作业:练习为网页添加背景音乐的方法