《Web技术基础》第3课超连接、多媒体、表格教程讲解.pptVIP

7.1 XHTML图像——img标签 1. 源属性（src） 要在页面上显示图像，必须使用源属性声明图像的URL地址。格式如下： img src=url / URL指图像文件的位置，浏览器将图像显示在文档中图像标签出现的地方。 7.1 XHTML图像——img标签 2. 替换文本属性（alt） 当浏览器不能显示图像时（如无法载入图像或浏览器禁止图像显示），将在显示图像的位置上显示替换文本属性定义的文本。为页面上的每一个图像加上替换文本属性有利于更好的显示信息。如： img src=boat.gif alt=船 7.1 XHTML图像——img标签 由于图像是独立文件存在的，如某个XHTML文件包含十个图像，要正确显示这个页面，需要加载11个文件，HTTP协议需要11次请求才能完成，加载图片是需要时间的，所以要合理地在文档内容中加入图像，如果过度使用图像，用户在浏览该页面时，会增加很多不必要的等待时间。 Web使用的主要图像格式有：GIF、JPEG和PNG。 例xhtml(img).html说明了图像标签的用法 7.1 XHTML图像——map标签和area标签 map和area标签用于创建图像地图，图像地图指已被分为多个区域（图像的一部分）的图像，这些区域称为热点，可以创建多个热点，热点支持超文本连接。 map和area标签属性较多，属性值也不易记忆，一般通过Dreamweaver设计视图完成。 7.3 XHTML音频——使用音频 在XHTML中有两种方法使用音频。 连接音频文件 连接音频文件是将声音添加到网页的一种简单而有效的方法，这种方法可以使浏览者选择是否要收听该文件。 在【设计】视图中，选择要用作指向音频文件的连接的文本或图像。 在属性检查器中，单击【链接】文本框旁的文件夹图标以浏览音频文件，或者在【链接】文本框中键入文件的路径和名称。 7.3 XHTML音频——使用音频 嵌入音频文件 嵌入音频可将声音直接集成到页面中，但浏览者必须具有所选声音文件的适当插件后，声音才可以播放。 在【设计】视图中，将光标放置在要嵌入文件的地方。 单击菜单【插入】|【媒体】|【插件】。 浏览音频文件，然后单击【确定】按钮。 在属性检查器的宽和高文本框中输入宽度和高度，确定音频控件在浏览器中显示的大小。 7.3 XHTML音频——使用音频 实例xhtml(multimedia-audio).html说明了使用音频的两种方法。 Dreamweaver中媒体插件使用的是embed标签，embed是HTML 5中的新标签。 Dreamweaver使用Apple QuickTime插件来支持音频和视频标签，当页面在浏览器中预览时，如果未安装Apple QuickTime插件，会出现【QuickTime不可用】消息框进行提示。 7.4 XHTML动画——插入SWF文件 在【设计】视图【文档】窗口中，将光标放置在要插入内容的位置。 单击菜单【插入】|【媒体】|【SWF】。 在出现的【选择SWF】对话框中，选择一个SWF文件(.SWF)。 在【文档】窗口中显示一个SWF文件占位符。占位符有一个选项卡式蓝色外框，选项卡指示资源的类型和SWF文件的ID。 保存文件。 7.4 XHTML动画——插入SWF文件 Dreamweaver提示正在将两个相关文件（expressInstall.swf和swfobject_modified.js）保存到站点中的Scripts文件夹。在将页面文件上传到Web服务器时，不要忘记上传这两个文件，否则浏览器无法正确显示SWF文件。 播放FLASH动画需要安装Flash Player软件，在页面中插入SWF文件时，Dreamweaver会插入检测用户是否拥有正确的Flash Player 版本。 7.4 XHTML动画——设置SWF文件属性 选择一个SWF文件，然后在属性检查器中设置选项。如果没有显示属性检查器，单击菜单【窗口】|【属性】。 7.5 XHTML视频——插入FLV文件 可以向网页中轻松添加FLV视频，插入FLV文件时，Dreamweaver自动生成一个视频播放器SWF文件（FLVPlayer_Progressive.swf）和一个外观SWF文件（Clear_Skin_1.swf），它们用于在网页上显示视频内容，这些文件与页面存储在同一目录中。 实例xhtml(multimedia-flv).html说明了插入FLV用法。 7.5 XHTML视频——插入WMP（Windows Media Player） 通过object标签可以向网页中插入WMP来播放Windows Media格式文件，如.AVI、.WMV，在Dreamweaver中插入WMP的操作步骤如下： 在【设计】视图【文档】窗口中，将光标放置在要插入内容的位置