1、,第7章,正确使用多媒体,预习检查,标签表示什么？ 如果要链接当前站点之外的文档，必须使用什么路径？,简要介绍,多媒体是我们可以看到和听到的一切：文本、书籍、图片、音乐、声音、CD、视频、DVD、档案、电影等等。多媒体以多种方式存在。在因特网上，会发现很多被嵌入网页中的元素，并且今天的Web浏览器已支持多种多媒体格式。多媒体元素（比如声音或视频）被存储在媒体文件中。识别媒介类型的最通用的方法是查看文件的扩展名。,主要内容,7.1 XHTML图像 7.2 XHTML 标签 7.3 XHTML音频 7.4 XHTML动画 7.5 XHTML视频 7.6 叮叮书店首页图像,XHTML图像,使用XHT
2、ML，可以在文档中显示图像。 图像标签。,XHTML图像标签,img 元素可定义一副图像。 img元素必需属性img元素可选属性,XHTML图像标签,alt属性用来为图像定义一串预备的可替换的文本，替换文本属性的值是用户定义的。 在浏览器无法载入图像时，浏览器将显示这个替代性的文本而不是图像。 合理地在文档内容中加入图像时，会使文档变得更加生动活泼，更加引人入胜，而且看上去更加专业，更具信息性并易于浏览。 假如某个XHTML文件包含十个图像，那么为了正确显示这个页面，需要加载11个文件，HTTP协议需要11次请求才能完成，加载图片是需要时间的，所以慎用图片。实例xhtml(img).html。
3、,XHTML图像和 标签,在Adobe Dreamweaver中，使用地图（标签）名称和热点（标签）工具允许标注和创建客户端图像地图。 关于图像地图 图像地图指已被分为多个区域（称为热点）的图像，当用户单击某个热点时，会发生某种动作（例如，打开一个新文件）。 客户端图像地图将超文本链接信息存储在XHTML文档中，当站点访问者单击图像中的热点时，相关URL被直接发送到服务器。,XHTML图像标签, 标签定义一个嵌入的对象，该元素的作用是在网页中嵌入多媒体元素。标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 浏览器的对象支持有赖于对象类
4、型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。 而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 和 之间的代码。通过这种方式，能够嵌套多个 object 元素（每个对应一个浏览器）。,XHTML音频音频格式,.midi 或 .mid（Musical Instrument Digital Interface，乐器数字接口） 用于器乐。不需要插件。很小的MIDI文件就可以提供较长时间的声音剪辑。MIDI文件不能进行录制，并且必须使用特殊的硬件和软件在计算机上合成。 .wav（波形扩展） 具有良好的声音品质，可以从CD、磁带、麦克风等录制W
5、AV文件。其文件较大。 .aif（Audio Interchange File Format，音频交换文件格式，或 AIFF） AIFF格式与WAV格式类似。,XHTML音频音频格式,.mp3（Motion Picture Experts Group Audio Layer3，运动图像专家组音频第3层） 一种压缩格式，可使声音文件明显缩小。声音品质非常好，mp3技术可以对文件进行“流式处理”。要播放mp3文件，必须安装辅助应用程序或插件，如QuickTime、Windows Media Player。 .ra、.ram、.rpm 或 Real Audio 具有非常高的压缩度，文件大小要小于mp
6、3。必须安装 RealPlayer或插件才可以播放这种文件。 .qt、.qtm、.mov 或 QuickTime 由Apple Computer开发的音频和视频格式。,XHTML音频链接到音频文件,链接到音频文件是将声音添加到网页的一种简单而有效的方法。这种集成声音文件的方法可以使访问者选择是否要收听该文件，并且使文件可用于最广范围的听众。 在Dreamweaver “设计”视图中，选择要用作指向音频文件的链接的文本或图像。 在属性检查器中，单击“链接”文本框旁的文件夹图标以浏览音频文件，或者在“链接”文本框中键入文件的路径和名称。,XHTML音频嵌入声音文件,嵌入音频可将声音直接集成到页面中
7、，但只有在访问站点的访问者具有所选声音文件的适当插件后，声音才可以播放。 在Dreamweaver “设计”视图中，将插入点放置在要嵌入文件的地方，然后执行以下操作之一： 在“插入”面板的“常用”类别中，单击“媒体”按钮，然后从弹出菜单中选择“插件”图标 。 选择“插入”“媒体”“插件”。 浏览音频文件，然后单击“确定”。 Dreamweaver中媒体插件使用的是 标签，是 HTML 5 中的新标签。,XHTML音频嵌入声音文件,Dreamweaver使用Apple QuickTime增效工具来支持音频和视频标签。在Windows中，如果未安装Apple QuickTime增效工具，则网页不呈
8、现媒体内容。 实例xhtml(multimedia-audio).html说明了页面中音频的两种用法，源码如下： wave mp3 ,XHTML动画插入SWF文件,在Dreamweaver “文档”窗口的“设计”视图中，将插入点放置在要插入内容的位置，然后执行以下操作之一： 在“插入”面板的“常用”类别中，选择“媒体”，然后单击SWF图标。或选择“插入”“媒体”“SWF”。 在出现的对话框中，选择一个SWF文件(.swf)。 将在“文档”窗口中显示一个SWF文件占位符。 保存此文件。 Dreamweaver通知正在将两个相关文件（expressInstall.swf和swfobject_mod
9、ified.js）保存到站点中Scripts文件夹。在将SWF文件上传到Web服务器时，不要忘记上传这些文件，否则浏览器无法正确显示SWF文件。,XHTML动画设置SWF文件属性,实例xhtml(multimedia-swf).html说明了SWF文件用法。,XHTML视频视频格式,AVI 格式 AVI格式(Audio Video Interleave)由微软开发。AVI格式得到了所有运行Windows的计算机的支持，以及绝大多数最流行的浏览器。扩展名是.avi Windows 媒介格式 此格式由微软开发。如果不安装组件，无法在非 Windows的计算机上播放。扩展名是.wmv。 MPEG 格
10、式 MPEG (Moving Pictures Expert Group) 格式是跨平台的，得到了所有最流行的浏览器的支持。扩展名是.mpg 或.mpeg。,XHTML视频视频格式,QuickTime 格式 由Apple开发。如果不安装额外的组件，无法在Windows计算机上播放。其后缀是.mov。 RealVideo 格式 格式由Real Media针对因特网开发。运行低带宽下的视频流（在线视频、因特网电视）。视频质量往往会被削弱。其后缀是.rm或.ram。 FLV 格式 FLV是FLASH VIDEO的简称，FLV流媒体格式是随着Flash MX的推出发展而来的视频格式。文件极小、加载速度
11、极快，用于网络观看视频。,XHTML视频插入FLV文件,Dreamweaver插入一个显示FLV文件的SWF组件；当在浏览器中查看时，此组件显示所选的FLV文件以及一组播放控件。 选择“插入”“媒体”“FLV”。 在“插入FLV”对话框中，从“视频类型”弹出菜单中选择“累进式下载视频”或“流视频”。 设置累进式下载视频的选项 单击“确定”关闭对话框并将FLV文件添加到网页上。 实例xhtml(multimedia-flv).html说明了插入FLV用法。,XHTML视频插入Windows Media Player,通过标签可以向网页中插入Windows Media Player来播放Windo
12、ws Media格式文件，如.avi、.wmv，其中class ID必须正确，Windows Media Player存在多个不同的版本，不同版本的class ID是不同的。 WMP 7及更高版本的class ID是：clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6。 WMP 6.4的class ID是：clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95。 在Firefox浏览器中，必须发布到Web服务器进行浏览才能用Windows Media Player播放。 实例xhtml(multimedia-wmp).html。,叮叮书店首页图像,为本周推荐、最近新书和促销书增加封面图像，其中最近新书和促销书的类名是相同的（class=“thumb“），为以后自义样式使用。在页体右边上方增加三个广告图像和与促销分开的分隔线图像。,总结,XHTML超链接 字符实体,预习,第8章 使用表格,
