应用多媒体元素培训教程

Dreamweaver网页设计第7章 应用多媒体元素【学习概述】在网页中应用多媒体效果当前十分普遍，例如大量使用Flash动画、视频、声音、JavaApplet等使网页动感十足，变化多端。本章内容包括插入Flash元素、插入背景音乐、插入视频、插入图像查看器等内容。本章的重点是插入Flash元素，难点是插入图像查看器。7.1 【课堂讲解】多媒体基础7.1.1 什么是FlashFlash是由macromedia公司推出的交互式矢量图和Web动画的标准。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。并且它是矢量的，所以即使放大也不会出现变形和模糊。这种动画文件体积小，效果华丽，还具有极强地的互动效果，甚至有人利用这种技术制作功能非常强大的游戏。Flash的源文件扩展名为“.fla”，生成的用于网络上传输的Flash格式为“.swf”。7.1.2 视频格式视频格式有很多种，但是在网络上应用的视频格式多为：avi、wmv、asf、mpeg、rm、rmvb、mov、Flv等。7.1.3 音频格式在网络上应用的音频格式多为：wav、mp3、aif、midi、ra、ram、rpm等。7.1.4 插入多媒体要在网页中添加以上多媒体文件，可以执行【插入】->【媒体】下的子菜单命令如图7-1所示或在“插入”工具栏的“常用”类别中，选择“媒体”，然后单击所需的媒体图标按钮如图7-2所示。图7-1【媒体】子菜单图7-2插入媒体7.2 【典例剖析】一多媒体网页效果7.2.1 插入Flash动画目前flash动画备受世人瞩目，flash动画被大量地用于网页。这种动画文件体积小，效果华丽，还具有极强地的互动效果，甚至有人制作功能非常强大的游戏。新建站点“dmt”（站点名称为“多媒体”），创建网页文档“dmt.htm”。然后创建一个1行2列的表格，如图7-4所示。图7-4一个1行2列的表格插入Flash动画步骤如下：（1）在第二个单元格内定位光标。执行【插入】->【媒体】->【Flash】命令或在“插入”工具栏的“常用”类别中，选择“媒体”，然后单击“插入Flash”图标按扭。显示“选择文件”对话框，如图7-5所示。（2）选择Flash文件（本例为本章目录下的“banner.swf”文件）。图7-5“选择文件”对话框（3）单击“确定”按钮，显示“对象标签辅助功能属性”对话框，如图7-6所示。各个属性如下： 标题：媒体对象的标题。 快捷键：输入等效的键盘键（一个字母）。例如，您输入A作为快捷键，则使用“Ctrl+A”键在浏览器中选择该对象。 Tab键索引：输入一个数字以指定该对象的Tab键顺序。设置各个选项如图。图7-6“对象标签辅助功能属性”对话框（4）单击“确定”按钮，文档中效果如图7-7所示。图7-7文档中Flash效果（5）选择该动画，单击Flash属性面板中的播放按钮。Flash动画就可以在文档中直接播放了，如图7-8所示。图7-8在文档中播放Flash7.2.2 设置Flash动画的属性选择Flash动画后，显示Flash属性面板，如图7-9所示。在这里读者可以设置Flash动画的属性。图7-9设置Flash动画属性名称：标识影片的名称，比如命名为“banner”。宽：以像素为单位指定影片的宽度。高：以像素为单位指定影片的高度。文件：Flash文件的路径。单击文件夹图标可以选择一个文件，或者直接键入文件路径。源文件：指定Flash源文档（后缀名为.FLA）的路径。编辑：启动Flash软件以编辑FLA文件。重设大小：重新设置选定影片的大小。循环：若选中该选项时影片将连续播放；若没有选中该选项，则影片在播放一次后即停止播放。自动播放：若选中该选项，则在加载页面时自动播放影片，一般要选中此项。垂直边距：指定影片上、下空白的像素数。水平边距：指定影片左、右空白的像素数。品质：设置影片播放期间的质量。设置越高，影片的观看效果就越好，但速度慢。设置越低，速度快但影片的观看效果就越差，“高品质”选项是注重外观而非速度。“自动低品质”选项是首先注重速度，然后才是外观。“自动高品质”选项是首先注重品质，然后才是速度。比例：影片如何适合在宽度和高度文本框中设置的尺寸。默认值设置显示整个影片。有“无边框”和“严格匹配”两选项。对齐：设置影片在页面上的对齐方式。背景颜色：设置影片的背景颜色。参数：影片的附加参数。单击“参数”按钮，显示“参数”对话框，如图7-10所示。在对话框中可以设置多种“参数—值”。图7-10“参数”对话框7.2.3 插入Flash文本在Dreamweaver中中可以直接接制作并插插入Flash文本本。Flash文本本是动态效效果的文本本。插入Flash文本的步步骤如下：：（1）在上上面制作的的表格中第第一个单元元格内定位位鼠标光标标。（2）在““插入”栏栏的“常用用”类别中中，选择““媒体”，，然后单击击“Flash文本本”图标按按扭，或或执行【插插入】->【媒体】】->【Flash文本】命命令。（3）显示示“插入Flash文本本”对话框框，对话框框中各项属属性设置如如图7-11所示。。图7-11“插入入Flash文文本”对话话框（4）单击击“确定””按钮，显显示“对象标签辅辅助功能属属性”对话话框，对话话框中各项项属性设置置如图7-12所示示。图7-12“对象象标签辅助助功能属性性”对话框框（5）单击击“确定””按钮。单单击属性面面板中的““播放”按按钮，播放放效果如图图7-13所示，当当鼠标移动动到该Flash文文本上时，，效果如图图7-14所示。图7-13文档档中播放效效果图7-14鼠标移移动到文本本效果7.2.4 插入Flash按钮Dreamweaver可以以快速创建建动态Flash按按钮，步骤骤如下：（1）在文文档中创建建表格并定定位光标，，如图7-15所示示。图7-15创建表格格并定位光光标（2）在““插入”栏栏的“常用用”类别中中，选择““媒体”，，然后单击击“Flash按按钮”图标标或执行【【插入】->【媒体体】->【【Flash按钮钮】命令。。显示““插入Flash按钮””对话框，，如图7-16所示示。图7-16“插入Flash按钮钮”对话框框（3）设置置完成后，，单击确定定按钮。文文档中效果果如图7-17所示示。（4））然后后再连连续插插入几几个按按钮，，按快快捷键键【F12】预预览如如图7-18所所示。。图7-17文文档中中Flash图7-18预览览Flash按按钮钮插插入FlashVideoFlashVideo现在在在网网站上上非常常流行行。Flash视视频文文件后后缀名名为““.FLV”。。插入入Flash视视频是是Dreamweaver8版版本新新增加加的功功能。。插入入Flash视视频频步骤骤如下下。（1））在文文档““dmt.htm””右边边的空空白单单元格格内定定位鼠鼠标。。（2））在““插入入”栏栏的““常用用”类类别中中，选选择““媒体体”，，然后后单击击“Flashvideo”图图标或或执行行【插插入】】->【媒媒体】】->【Flash视频频】命命令，，显示示“插插入Flash视频频”对对话框框。（3））在““插入入Flash视视频””对话话框中中，从从“视视频类类型””弹出出式菜菜单中中选择择“累累进式式下载载视频频”或或“流流视频频”。。若选选择““累进进式下下载视视频””；将将Flash视视频文文件下下载到到站点点访问问者的的硬盘盘上，，然后后播放放。若若选择择“流流视频频”；；对Flash视频频内容容进行行流式式处理理，边边缓冲冲边播播放该该内容容。（4））比如如“视视频类类型””选择择“累累进式式下载载视频频”选选项：：URL：指指定FLV文件件的路路径。。外外观：：指定定Flash视视频组组件的的外观观。宽宽度：：以像像素为为单位位指定定FLV文文件的的宽度度。高高度：：以像像素为为单位位指定定FLV文文件的的高度度。自自动播播放：：当网网页打打开时时是否否播放放视频频。自自动重重新播播放：：指定定播放放控件件在视视频播播放完完之后后是否否返回回起始始位置置。（5））如果果必要要，提提示用用户下下载FlashPlayer：在在页面面中插插入代代码，，该代代码将将检测测查看看Flash视视频所所需的的FlashPlayer版本本，并并在用用户没没有所所需的的版本本时提提示它它们下下载FlashPlayer的的最新新版本本，设设置各各个选选项如如图7-19所所示。。图7-19““插入入Flash视视频频”对对话框框（6））单击击“确确定””按钮钮，插入Flash视频操操作完完成，，如图图7-20所示示。图7-20文文档中中FlashVideo效效果9、静夜夜四无无邻，，荒居居旧业业贫。。。12月月-2212月月-22Saturday,December31,202210、雨中黄黄叶树，，灯下白白头人。。。10:00:0110:00:0110:0012/31/202210:00:01AM11、以我独沈沈久，愧君君相见频。。。12月-2210:00:0110:00Dec-2231-Dec-2212、故故人人江江海海别别，，几几度度隔隔山山川川。。。。10:00:0110:00:0110:00Saturday,December31,202213、乍见翻翻疑梦，，相悲各各问年。。。12月-2212月-2210:00:0110:00:01December31,202214、他乡生生白发，，旧国见见青山。。。31十十二月202210:00:01上上午10:00:0112月-2215、比不了得得就不比，，得不到的的就不要。。。。十二月2210:00上午12月-2210:00December31,202216、行动出出成果，，工作出出财富。。。2022/12/3110:00:0110:00:0131December202217、做前，，能够环环视四周周；做时时，你只只能或者者最好沿沿着以脚脚为起点点的射线线向前。。。10:00:01上上午10:00上上午10:00:0112月-229、没有失败，，只有暂时停停止成功！。。12月-2212月-22Saturday,December31,202210、很多事情努努力了未必有有结果，但是是不努力却什什么改变也没没有。。10:00:0110:00:0110:0012/31/202210:00:01AM11、成功功就是是日复复一日日那一一点点点小小小努力力的积积累。。。12月月-2210:00:0110:00Dec-2231-Dec-2212、世间间成事事，不不求其其绝对对圆满满，留留一份份不足足，可可得无无限完完美。。。10:00:0110:00:0110:00Saturday,December31,202213、不知香香积寺，，数里入入云峰。。。12月-2212月-2210:00:0110:00:01December31,202214、意志坚强强的人能把把世界放在在手中像泥泥块一样任任意揉捏。。31十二二月202210:00:01上上午10:00:0112月-2215、楚楚塞塞三三湘湘接接，，荆荆门门九九派派通通。。。。。十二二月月2210:00上上午午12月月-2210:00December31,202216、少少年年十十五五二二十十时时，，步步行行夺夺得得胡胡马马骑骑。。。。2022/12/3110:00:0110:00:0131December202217、空山新雨后后，天气晚来来秋。。10:00:01上午午10:00上上午10:00:0112月-229、杨柳散和风风，青山澹吾吾虑。。12月-2212月-22Saturday,December31,202210、阅阅读读一一切切好好书书如如同同和和过过去去最最杰杰出出的的人人谈谈话话。。10:00:0110:00:0110:0012/31/202210:00:01AM11、越是没没有本领领的就越越加自命命不凡。。12月-2210:00:0210:00Dec-2231-Dec-2212、越是是无能能的人人，越越喜欢欢挑剔剔别人人的错错儿。。10:00:0210:00:0