项目6 多媒体元素

第6章多媒体元素

课前复习什么是超级连接?超级链接的类型?如何创建超级链接?命名锚记?有何作用?如何创建命名锚记?从属性检查器的“目标”弹出菜单:_blank

_parent

_self

_top的含义5.如何创建电子邮件链接?本章要点Flash对象的类型插入Flash按钮插入Flash文本插入Flash视频插入Shockwave影片插入音频5.1关于Flash1）Flash文件（.fla）

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

Flash影片文件是使用Flash（.fla）文件的压缩版本，它专门为网络进行了优化处理。这种类型的文件可以在浏览器中播放，也Dreamweavercs3中预览。但是不能在Flash软件中继续编辑。3）Flash模板文件（.swt）

Flash模板文件允许用户在Flash动画文件中进行修改和替换信息。这种文件格式用于Flash按钮对象，允许用户修改模板，以使按钮具有自定义的文字标题以及链接属性，然后再创建自定义的SWF文件并插入文档中。4）Flash元素文件(.swc)

Flash元素文件是一个FlashSWF文件，通过将此类文件合并到Web页，可以创建丰富的Internet应用程序。5）Flash视频文件格式(.flv)是一种视频文件，它包含经过编码的音频和视频数据，用于通过FlashPlayer传送。5.2插入Flash按钮1．创建和插入Flash按钮1)在文档窗口中将插入点光标定位到要插入Flash按钮对象的位置。2)单击“插入”菜单中的“媒体”，选择“Flash按钮”。或选择”插入栏”>”常用”类别>”媒体”>＂Flash按钮＂。3)打开了＂插入Flash按钮＂对话框例5_1插入Flash按钮(5_1.thml)2．设置Flash对象的属性对于插入的Flash按钮对象可以随时修改其属性以及内容3．在文档中预览Flash按钮在属性检查器中单击“播放”。4．按F12键，浏览网页5.3插入Flash文本1)在文档窗口中将光标定位到要插入Flash文本对象的位置。2)单击＂插入＂菜单中的＂媒体＂，选择＂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视频”对话框中，从“视频类型”弹出式菜单中选择“累进式下载视频”或“流视频”。5.6插入插件

有时用户要插入的对象不是Flash、Shockwave、Applet或ActiveX对象，如视频的引入、文字特效的制作、背景音乐等，这时可使用Macromedia公司提供的补充工具——“插件”，它是通过安装在Macromedia扩展管理器上来对Dreamweaver进行功能补充的。通过插件，可以在网页制作中轻松实现一些Dreamweaver很难或不能实现的功能，如网页中播放或显示各种媒体文件，典型的插件有RealPlayer、SliderMenu(制作动态下拉菜单插件)、Marquee(文字滚动插件)等。当用户创建了Navigator插件元素后，就可以使用Dreamweaver8将这些元素插入到HTML文档中，并使用embed标记来标明元素文件的参数。1）安装Macromedia扩展管理器在安装DreamweaverCS3时同时安装。2）安装插件在＂命令＂菜单中，单击＂扩展管理＂，单击＂文件＂菜单＞安装扩展＞找到插件所在位置＞单击＂安装＂。或选择”插入栏”>”常用”类别>＂插件＂。5.7为页面设置声音1．常见的几种声音文件格式.midi或.mid(MusicalInstrumentDigitalInterface)：用于模拟器乐效果的文件，.midi文件能够被多数浏览器所支持，并且不需要插件程序，但这种声音文件会受到用户声卡的影响。.wav(WaveformExtension)：这种格式的文件具有非常好的播放质量，可以被多数浏览器所支持，并且同样不需要插件。用户可以通过CD、磁带或麦克风等来录制自己的WAV文件，但文件较大，要在网络中应用就必须限制声音文件的长度。.aif(AudioInterchangeFileFormat或AIFF)：能够提供很好的声音质量，并可以在多数浏览器中播放，不需要插件，与WAV文件相似。.mp3(MotionPictureExpertsGroupAudio或MPEG-AudioLayer-3)：这是一种压缩声音文件格式，文件很小，但声音质量仍然很好。要播放MP3文件，用户必须安装相应的帮助程序或插件，如QuickTime，WindowsMediaPlayer或RealPlayer。.ra，.ram，.rpm或RealAudio：这种文件具有比MP3文件还要高的压缩比，节省下载时间，声音质量不如MP3文件，但现在不断更新的播放器在和压缩算法正逐步改进声音质量。要播放这种声音文件，用户必须下载和安装RealPlayer帮助程序或插件。为页面设置声音文件1)将声音文件链接到页面中（1）选择要设置链接的文字或图像。（2）在属性面板中，单击文件夹图标以浏览到音频文件，或者在＂链接＂文本框中键入文件的路径和名称。（3）在浏览器中预览页面效果，单击链接文字，系统将打开媒体播放器或其他设置好的关联程序播放声音文件。2）添加背景音乐可以使用两种方法完成，一是输入代码方法，二是插入插件命令方法。插入代码：<bgsoundsrc="music/不想长大.wma"loop="-1"/>插入插件：【插入】|【媒体】|【插件】5.8插入Shockwave影片1）在“文档”窗口中，将插入点放置在要插入Shockwave影片的地方，然后执行以下操作之一：在“插入”栏的“常用”类别中，单击“媒体”按钮，然后从菜单中选择“Shockwave”图标。选择“插入”>“媒体”>“Shockwave”（*.avi）。2）在显示的对话框中，选择一个影片文件。3）在属性检查器中，在“宽”和“高”文本框中分别输入影片的宽度(200)和高度(200)。其他参数设置与Flash对象设置相似。

5.9与FireworksCS3协同工作1．设置FirewoksCS3设置为图像的外部编辑器“编辑”菜单>“首选参数”，打开“首选参数”对话框。2.在“分类”中选择“文件类型/编辑器”，单击“扩展名”上方的“+”按钮，增加外部图像处理程序编辑的文件格式，如PNG文件，同时单击右边“编辑器”上方的“+”按钮指定文件的外部编辑器，如Fireworks.exe。如果有多个外部程序文件，则需要指定一个主程序。选择Fireworks，单击“设为主要”按钮，将它指定为外部处理的主程序。选择文件格式或程序文件，单击“-”按钮为删除文件格式或程序文件。3．编辑Fireworks的图像5.10设置文字和图片滚动1．格式：<marquee属性名1=”属性值1”属性名2=”属性值2”…>滚动对象</marquee>2．说明：<marquee＞滚动开始标签</marquee>滚动结束标签3．滚动参数：1）方向：DIRECTIONleft---左（默认）right---右up------上down----下2）方式：BEHAVIORSCROLL

-------环绕滚动（默认）SLIDE---------滚动一次ALTERNATE-----来回滚动3）次数：LOOP当LOOP=-1或LOOP=INFINITE时，则表明文字滚动是无限循环（默认）4）速度：SCROLLDELAY任意自然整数5）对齐：ALIGNTOP---------对齐上方MIDDLE------对齐中部BOTTOM------对齐下方6）鼠标的划过与离开onMouseOver=this.stop();

onMouseOut=this.start();划过停止滚动。离开，继续滚动例5-9制作出一个logo图片的任意滚动方式<marquee

width=120

height=200

DIRECTION=up

BEHAVIOR=ALTERNATE

SCROLLDELAY=120

ALIGN=MIDDLE

onMouseOver=this.stop();

onMouseOut=this.start();><a

href=><img

src=/bbs/images/logo.gif

border=0></marquee>很容易对照出。这是一个滚动速度为120MM，从下到上碰壁即返回并对齐中间，鼠标划过图标即停止，点击图标来回滚动。本章小结

在网页中应用多媒体效果当前十分普遍，例如大量使用Flash动画、视频、声音、JavaApplet等使网页动感十足，变化多端，Dreamweaver8可以快速便捷地向Web站点添加动画、声音和影片等多媒体文件，可以插