第9讲_html高级主题.pptVIP

Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 1.* 9.* HTML网页设计 顾问:邯郸清华万博教职部 第九章 HTML高级主题 本章结构 使用多媒体 使用JavaScript脚本 区域组件布局 XML初步 本章小结 思考题 使用多媒体——Web中的多媒体 HTML之所以在很短的时间内受到人们的广泛青睐，很重要的原因是它能够支持很多的多媒体对象格式，比如图像、声音、动画和影视等，丰富了Web页面的表现形式。 近年来，随着网络通信设备的进步，以及浏览器技术的发展，可以被Web所支持的多媒体元素也在不断增多，如：活动的GIF、音频以及视频文件、FLASH文件等，这些统统被称为Web多媒体。 多媒体可以丰富Web页面显示，但是另一方面，由于多媒体对象自身的特点，它们往往占据着较大的容量，需要足够的时间和存储空间来进行文件下载，使页面容易进入虚中断的状态。 在一般网页开发过程中，除非是对页面内容进行必要的扩充和补充，而又没有其它的方式可替代时，才使用多媒体 使用多媒体——添加活动的GIF 活动GIF是由许多的GIF图像叠加在一起而产生的 在HTML文件中使用活动GIF和使用静态图像的方法是一样的，只需要使用img标记。例如： img src=example.gif width=100 height=171 使用多媒体——添加音频 Web网页上主要有两种音频使用方式 音频自动播放，例如，背景音乐。 点击后才会播放，例如，在线歌曲点播 普遍使用的音频文件格式主要有四种： MIDI、WAV、AU、AIFF 针对不同的浏览器，使用不同的标记。语法如下： IE浏览器： bgsound src=“音乐文件地址” loop=播放方式 loop循环次数，也就是播放次数－1是不限制 使用多媒体——添加视频 通常使用的视频文件格式是 AVI、MPEG、QuickTime 针对不同的浏览器，使用不同的标记。语法如下： IE浏览器： img src=备选图像地址 dynsrc=视频文件地址 loop=播放方式 height=高度值 width=宽度值 start=文件打开放式 使用多媒体——添加flash动画 flash是美国Macromedia公司于1999年6月推出的一种基于矢量图形的交互式多媒体技术，其动画丰富多采，富于变化性并且相对于其他格式动画，文件占用空间小，在网页无需全部下载完毕就可以显示并以流的形式播放。 在HTML中添加flash动画，需要使用embed标记，语法如下： embed src=flash动画的文件地址 quality=质量参数 pluginspage=标识Flash插件的位置 play=播放方式 loop=循环方式 width=宽度值 height=高度值/ 使用多媒体——object标记 在HTML 4规范中包含了可以嵌入任何对象元素的object标记。可以适用于所有特殊内容，包括Applet、插件、ActiveX、图像，以及其它嵌入的内容。其语法格式如下： object data=对象地址 name=嵌入对象的名称 type=嵌入对象类型 height=高度值 width=宽度值 align=left|right /object 支持的对象格式有： XML初步 XML概述 XML是The Extensible Markup Language（可扩展标记语言）的简写。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。 XML是一种能定义其他语言的语言，并且同样是一种标记语言。然而，XML的标记比HTML强大很多。HTML只是Web显示