Dreamweaver网页制作教程 第5章 多媒体元素.ppt

《Dreamweaver网页制作教程 第5章 多媒体元素.ppt》由会员分享，可在线阅读，更多相关《Dreamweaver网页制作教程 第5章 多媒体元素.ppt（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第5章多媒体元素章多媒体元素 课前复习课前复习一、表格1.插入表格2.选取表格 3.设置表格的属性 4.表格的操作表格的操作5.调整表格调整表格二、在二、在“布局模式布局模式”对页进行布局对页进行布局“标准标准”模式和模式和“布局布局”模式模式绘制绘制单元格和表格单元格和表格 调整布局单元格和表格的大小以及移动本章要点本章要点1.1.Flash对象的类型2.2.插入Flash 按钮3.3.插入Flash文本4.4.插入 Flash 视频5.5.插入Shockwave影片6.6.插入音频5.1 关于关于Flash1 1）FlashFlash文件（文件（.flafla）FlashFlash文件是

2、在文件是在FlashFlash中创建并编辑的源文件。这种类型的文件只能在中创建并编辑的源文件。这种类型的文件只能在FlashFlash中打开，而不能使用中打开，而不能使用DreamweaverDreamweaver 8 8或浏览器中打开。用户可以先在或浏览器中打开。用户可以先在FlashFlash中打开中打开FlashFlash文件，然后导出为文件，然后导出为.swfswf文件或文件或.swtswt文件，以便在浏览文件，以便在浏览器中使用。器中使用。2 2）FlashFlash动画影片文件（动画影片文件（.swfswf）FlashFlash影片文件是使用影片文件是使用FlashFlash（.f

3、lafla）文件的压缩版本，它专门为网络进行）文件的压缩版本，它专门为网络进行了优化处理。这种类型的文件可以在浏览器中播放，也了优化处理。这种类型的文件可以在浏览器中播放，也DreamweaverDreamweaver 8 8中预览。但是不能在中预览。但是不能在FlashFlash软件中继续编辑。软件中继续编辑。3 3）FlashFlash模板文件（模板文件（.swtswt）FlashFlash模板文件允许用户在模板文件允许用户在FlashFlash动画文件中进行修改和替换信息。这种文动画文件中进行修改和替换信息。这种文件格式用于件格式用于FlashFlash按钮对象，允许用户修改模板，以使按

4、钮具有自定义按钮对象，允许用户修改模板，以使按钮具有自定义的文字标题以及链接属性，然后再创建自定义的的文字标题以及链接属性，然后再创建自定义的SWFSWF文件并插入文档文件并插入文档中。中。4 4）Flash Flash 元素文件元素文件 (.(.swcswc)Flash Flash 元素文件是一个元素文件是一个 Flash SWF Flash SWF 文件，通过将此类文件合并到文件，通过将此类文件合并到 Web Web 页，页，可以创建丰富的可以创建丰富的 Internet Internet 应用程序。应用程序。5 5）Flash Flash 视频文件格式视频文件格式 (.(.flvflv)

5、是一种视频文件，它包含经过编码的音频是一种视频文件，它包含经过编码的音频和视频数据和视频数据，用于通过，用于通过 Flash Player Flash Player 传送。传送。5.2 插入插入Flash按钮按钮 1 1创建和插入创建和插入FlashFlash按钮按钮1)1)在文档窗口中将插入点光标定位到要插入在文档窗口中将插入点光标定位到要插入FlashFlash按钮对象的按钮对象的位置。位置。2)2)单击单击“插入插入”菜单中的菜单中的“媒体媒体”，选择，选择“FlashFlash按钮按钮”。或选择或选择”插入栏插入栏”常用常用”类别类别”媒体媒体”FlashFlash按钮。按钮。3)3)

6、打开了插入打开了插入FlashFlash按钮对话框按钮对话框 例例5_1 5_1 插入插入FlashFlash按钮按钮 (5_1.thml)(5_1.thml)2 2设置设置FlashFlash对象的属性对象的属性对于插入的对于插入的FlashFlash按钮对象可以随时修改其属性以及内容按钮对象可以随时修改其属性以及内容 3 3在文档中预览在文档中预览FlashFlash按钮按钮 在属性检查器中单击在属性检查器中单击“播放播放”。4 4按按F12 F12 键，浏览网页键，浏览网页 5.3 插入插入Flash文本文本 1)在文档窗口中将光标定位到要插入Flash文本对象的位置。2)单击插入菜单中

7、的媒体，选择Flash文本。或选择”插入栏”常用”类别”媒体”Flash文本。3)打开了“插入Flash文本”对话框 5.4 插入插入Flash动画动画 1）在文档窗口中将光标定位到要插入Flash动画的位置。2）插入菜单媒体Flash(F)。或选择”插入栏”常用”类别”媒体”Flash(F)。3）打开了选择文件的对话框，选择打开Flash动画SWF文件，确定。5.5 插入插入 Flash 视频视频 1)选择“插入”“媒体”“Flash 视频”。或选择”插入栏”常用”类别”媒体”“Flash 视频。2)在“插入 Flash 视频”对话框中，从“视频类型”弹出式菜单中选择“累进式下载视频”或“流

8、视频”。5.6 插入插件插入插件 有时用户要插入的对象不是有时用户要插入的对象不是 FlashFlash、ShockwaveShockwave、Applet Applet 或或 ActiveX ActiveX 对象，对象，如视频的引入、文字特效的制作、背景音乐等，这时可使用如视频的引入、文字特效的制作、背景音乐等，这时可使用 MacromediaMacromedia公司提供的补充工具公司提供的补充工具“插件插件”，它是通过安装在，它是通过安装在MacromediaMacromedia扩展管理器上来对扩展管理器上来对DreamweaverDreamweaver进行功能补充的。通过插件，进行功能补

9、充的。通过插件，可以在网页制作中轻松实现一些可以在网页制作中轻松实现一些DreamweaverDreamweaver很难或不能实现的功能，很难或不能实现的功能，如网页中播放或显示各种媒体文件，典型的插件有如网页中播放或显示各种媒体文件，典型的插件有RealPlayer RealPlayer、SliderMenuSliderMenu(制作动态下拉菜单插件制作动态下拉菜单插件)、Marquee(Marquee(文字滚动插件文字滚动插件)等。当等。当用户创建了用户创建了NavigatorNavigator插件元素后，就可以使用插件元素后，就可以使用DreamweaverDreamweaver 8 8

10、将这些元将这些元素插入到素插入到HTMLHTML文档中，并使用文档中，并使用embedembed标记来标明元素文件的参数。标记来标明元素文件的参数。1 1）安装）安装Macromedia Macromedia 扩展管理器扩展管理器在安装在安装DreamweaverDreamweaver 8 8时同时安装。时同时安装。2 2）安装插件）安装插件在命令菜单中，单击扩展管理，单击文件菜单安装扩展在命令菜单中，单击扩展管理，单击文件菜单安装扩展找到插件所在位置单击安装。或选择找到插件所在位置单击安装。或选择”插入栏插入栏”常用常用”类别类别 插件。插件。5.7为页面设置声音为页面设置声音 1 1常见的

11、几种声音文件格式常见的几种声音文件格式.midi.midi或或.mid(Musicalmid(Musical Instrument Digital Interface)Instrument Digital Interface)：用于模拟器乐效果的文件，：用于模拟器乐效果的文件，.midi.midi文件能够被多数浏览器所支持，并且不需要插件程序，但这种声音文件文件能够被多数浏览器所支持，并且不需要插件程序，但这种声音文件会受到用户声卡的影响。会受到用户声卡的影响。.wav(Waveformwav(Waveform Extension)Extension)：这种格式的文件具有非常好的播放质量，可以

12、被多数：这种格式的文件具有非常好的播放质量，可以被多数浏览器所支持，并且同样不需要插件。用户可以通过浏览器所支持，并且同样不需要插件。用户可以通过CDCD、磁带或麦克风等来、磁带或麦克风等来录制自己的录制自己的WAVWAV文件，但文件较大，要在网络中应用就必须限制声音文件的文件，但文件较大，要在网络中应用就必须限制声音文件的长度。长度。.aif(Audioaif(Audio Interchange File Format Interchange File Format或或AIFF)AIFF)：能够提供很好的声音质量，并可以在：能够提供很好的声音质量，并可以在多数浏览器中播放，不需要插件，与多数

13、浏览器中播放，不需要插件，与WAVWAV文件相似。文件相似。.mp3(Motion Picture Experts Group Audio.mp3(Motion Picture Experts Group Audio 或或MPEG-Audio Layer-3)MPEG-Audio Layer-3)：这是一种压缩：这是一种压缩声音文件格式，文件很小，但声音质量仍然很好。要播放声音文件格式，文件很小，但声音质量仍然很好。要播放MP3MP3文件，用户必文件，用户必须安装相应的帮助程序或插件，如须安装相应的帮助程序或插件，如QuickTimeQuickTime，Windows Media Player

14、Windows Media Player或或RealPlayerRealPlayer。.ra ra，.ram.ram，.rpm.rpm或或Real AudioReal Audio：这种文件具有比：这种文件具有比MP3MP3文件还要高的压缩比，节省文件还要高的压缩比，节省下载时间，声音质量不如下载时间，声音质量不如MP3MP3文件，但现在不断更新的播放器在和压缩算法文件，但现在不断更新的播放器在和压缩算法正逐步改进声音质量。要播放这种声音文件，用户必须下载和安装正逐步改进声音质量。要播放这种声音文件，用户必须下载和安装RealPlayerRealPlayer帮助程序或插件。帮助程序或插件。为页面

15、设置声音文件为页面设置声音文件 1)1)将声音文件链接到页面中将声音文件链接到页面中（1 1）选择要设置链接的文字或图像。）选择要设置链接的文字或图像。（2 2）在属性面板中，单击文件夹图标以浏览到音频文件，或者在链接文本）在属性面板中，单击文件夹图标以浏览到音频文件，或者在链接文本框中键入文件的路径和名称。框中键入文件的路径和名称。（3 3）在浏览器中预览页面效果，单击链接文字，系统将打开媒体播放器或其他）在浏览器中预览页面效果，单击链接文字，系统将打开媒体播放器或其他设置好的关联程序播放声音文件。设置好的关联程序播放声音文件。2)2)将声音文件嵌入到页面中将声音文件嵌入到页面中3 3）添加

16、背景音乐）添加背景音乐可以使用两种方法完成，一是输入代码方法，二是插入插件命令方法。可以使用两种方法完成，一是输入代码方法，二是插入插件命令方法。2)2)将声音文件嵌入到页面中将声音文件嵌入到页面中嵌入式的声音播放方式是将声音播放程序嵌入到页面中，但是只有浏览者安装了嵌入式的声音播放方式是将声音播放程序嵌入到页面中，但是只有浏览者安装了相应的插件才能够播放声音。通常使用嵌入声音作页面的背景音乐，或者相应的插件才能够播放声音。通常使用嵌入声音作页面的背景音乐，或者希望能控制声音播放时，选择该方式。希望能控制声音播放时，选择该方式。3 3）添加背景音乐）添加背景音乐可以使用两种方法完成，一是输入代

17、码方法，二是插入插件命令方法。可以使用两种方法完成，一是输入代码方法，二是插入插件命令方法。插入代码：插入代码：.wma loop=-1 /5.8插入插入 Shockwave 影片影片 1 1）在）在“文档文档”窗口中，将插入点放置在要插入窗口中，将插入点放置在要插入 Shockwave Shockwave 影片的地方，然后执行以下操作之一：影片的地方，然后执行以下操作之一：在在“插入插入”栏的栏的“常用常用”类别中，单击类别中，单击“媒体媒体”按按钮，然后从菜单中选择钮，然后从菜单中选择“Shockwave”Shockwave”图标。选择图标。选择“插入插入”“媒体媒体”“Shockwave

18、”“Shockwave”。2 2）在显示的对话框中，选择一个影片文件。）在显示的对话框中，选择一个影片文件。3 3）在属性检查器中，在）在属性检查器中，在“宽宽”和和“高高”文本框中分文本框中分别输入影片的宽度别输入影片的宽度(200)(200)和高度和高度(200)(200)。其他参数设置与其他参数设置与FlashFlash对象设置相似。对象设置相似。5.9 与与Fireworks 8协同工作协同工作 1 1设置设置FirewoksFirewoks 8 8设置为图像的外部编辑器设置为图像的外部编辑器“编辑编辑”菜单菜单“首选参数首选参数”，打开，打开“首选参数首选参数”对话框。对话框。2.2

19、.在在“分类分类”中选择中选择“文件类型文件类型/编辑器编辑器”，单击，单击“扩展名扩展名”上方的上方的“+”+”按钮，增加外部图像处理程序编辑的文件格式，如按钮，增加外部图像处理程序编辑的文件格式，如PNGPNG文件，文件，同时单击右边同时单击右边“编辑器编辑器”上方的上方的“+”+”按钮指定文件的外部编辑器，按钮指定文件的外部编辑器，如如Fireworks.exeFireworks.exe。如果有多个外部程序文件，则需要指定一个主程序。如果有多个外部程序文件，则需要指定一个主程序。选择选择FireworksFireworks，单击，单击“设为主要设为主要”按钮，将它指定为外部处理的主程按钮

20、，将它指定为外部处理的主程序。选择文件格式或程序文件，单击序。选择文件格式或程序文件，单击“-”-”按钮为删除文件格式或程按钮为删除文件格式或程序文件。序文件。3 3编辑编辑FireworksFireworks的图像的图像 5.10设置文字和图片滚动设置文字和图片滚动1 1格式：格式：marquee 2”滚动滚动对象对象 2 2说明：说明：marqueemarquee滚动开始标签滚动开始标签滚动结束标签滚动结束标签3 3滚动参数：滚动参数：1 1）方向：）方向：DIRECTION DIRECTION left-left-左（默认）左（默认）right-right-右右 up-up-上上 dow

21、n-down-下下 2 2）方式：）方式：BEHAVIOR BEHAVIOR SCROLL-SCROLL-环绕滚动（默认）环绕滚动（默认）SLIDE-SLIDE-滚动一次滚动一次 ALTERNATE-ALTERNATE-来回滚动来回滚动 3 3）次数：）次数：LOOP LOOP 当当LOOP=-1LOOP=-1或或LOOP=INFINITELOOP=INFINITE时，则表明文字滚动是无限时，则表明文字滚动是无限循环（默认）循环（默认）4 4）速度：）速度：SCROLLDELAY SCROLLDELAY 任意自然整数任意自然整数 5 5）对齐：）对齐：ALIGN ALIGN TOP-TOP-对

22、齐上方对齐上方 MIDDLE-MIDDLE-对齐中部对齐中部 BOTTOM-BOTTOM-对齐下方对齐下方 6 6）鼠标的划过与离开）鼠标的划过与离开 onMouseOveronMouseOver=this.stopthis.stop();();onMouseOutonMouseOut=this.startthis.start();();划过停止滚动。离开，继续滚动划过停止滚动。离开，继续滚动 例例例例5-9 5-9 制作出一个制作出一个制作出一个制作出一个logologo图片的任意滚动方式图片的任意滚动方式图片的任意滚动方式图片的任意滚动方式marqueewidth=120height=20

23、0DIRECTION=upBE rquee 很容易对照出。这是一个滚动速度为很容易对照出。这是一个滚动速度为120MM120MM，从下从下到上碰壁即返回并对齐中间，鼠标划过图标即停到上碰壁即返回并对齐中间，鼠标划过图标即停止，点击图标来回滚动。止，点击图标来回滚动。本章小结本章小结 在网页中应用多媒体效果当前十分普遍，例如大量在网页中应用多媒体效果当前十分普遍，例如大量使用使用FlashFlash动画、视频、声音、动画、视频、声音、Java AppletJava Applet等使网页等使网页动感十足，变化多端，动感十足，变化多端，DreamweaverDreamweaver 8 8可以快速便可

24、以快速便捷地向捷地向Web Web 站点添加动画、声音和影片等多媒体站点添加动画、声音和影片等多媒体文件，可以插入文件，可以插入 Flash Flash 按钮和按钮和FlashFlash文本对象文本对象,还还可以将以下媒体文件合并到网页中：可以将以下媒体文件合并到网页中：Flash Flash 和和 Shockwave Shockwave 影片、影片、QuickTimeQuickTime、AVIAVI、Java appletJava applet、Active X Active X 控件以及各种格式的音频文件。控件以及各种格式的音频文件。本章内容包括插入本章内容包括插入FlashFlash按钮

25、、按钮、FlashFlash文本、文本、FlashFlash动画、动画、插入背景音乐、插入视频、插入图像查看器等内插入背景音乐、插入视频、插入图像查看器等内容。本章的重点是插入容。本章的重点是插入FlashFlash按钮和、按钮和、FlashFlash动画，动画，难点是插入难点是插入FlashFlash视频和视频和Shockwave Shockwave 影片影片 作业作业1 1填空题填空题（1 1）FlashFlash的源文件扩展名为的源文件扩展名为_，生成的用于网络，生成的用于网络上传输的上传输的FlashFlash格式为格式为_。（2 2）FlashFlash影片文件是使用影片文件是使用_

26、文件的压缩版本，它文件的压缩版本，它专门为网络进行了优化处理。这种类型的文件可以在浏览专门为网络进行了优化处理。这种类型的文件可以在浏览器中播放，也器中播放，也DreamweaverDreamweaver 8 8中预览。但是不能中预览。但是不能_中继续编辑。中继续编辑。（3 3）音频格式有很多种，在网络上常用的音频格式有）音频格式有很多种，在网络上常用的音频格式有_。2 2简答题简答题（1 1）简述）简述FlashFlash对象的类型，不同类型文件的作用和使用方对象的类型，不同类型文件的作用和使用方法。法。（2 2）简述常见的几种声音文件格式，不同格式文件的作用。）简述常见的几种声音文件格式，不同格式文件的作用。