第4章网页设计基础Web技术与标准概述.pptVIP

Web技术与标准概述 主讲：杨锦伟 Web技术与标准概述 ■ Web标准 ■ Web开发工具及技术 WEB标准 ◆WEB标准的制定——W3C，是万维网联盟（World Wide Web Consortium）英文的缩写。 ◆WEB标准——实现内容、结构和表现的分离。 □ HTML存在的主要缺点 □ 考虑使用HTML所面临的问题？ □ WEB标准的内容 □ 怎样才是符合web标准? □ 结构与表现相分离带来的好处 □ 如何过渡到WEB标准 HTML存在的主要缺点 HTML发展到今天存在三个主要缺点： 1、太简单。不能适应现在越多的网络设备和应用的需要。比如手机、PDA、信息家电都不能直接显示HTML。 2、太庞大。由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。 3、数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。 考虑使用HTML所面临的问题？ 第一个问题是：如何改版。 第二个问题是：数据的利用。 WEB标准的内容 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面： 1、结构化标准语言：主要包括XHTML和XML 2、表现标准语言：主要包括CSS 3、行为标准：主要包括文档对象模型（DOM） 这些标准大部分由W3C起草和发布。 1、结构标准语言 （1）XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。 XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。 （2）XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。 2、表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。 3、行为标准（行为就是对内容的交互及操作效果） 主要是DOM。 DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言无关的接口，通过DOM可以访问页面其他的标准组件。简单理解，DOM给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。 Web页和其上的一切东西都是可编程的。DOM提供了脚本语言访问页上元素的途径。 怎样才是符合web标准? 简单说就是不用HTML+table来设计页面，改用XHTML+CSS来实现（实现结构与表现相分离）。 结构与表现相分离带来的好处 结构与表现相分离带来的好处主要有： 1、数据的多样显示。通过不同的样式表适应不同的设备，做到内容与设备无关； 2、保持整个站点的视觉一致性变得非常简单，修改样式表就可以轻松改版； 3、由于结构清晰，数据的集成、更新和处理更加方便灵活； 4、更有意义的有哪些信誉好的足球投注网站。 如何过渡到WEB标准 1、为页面添加正确的DOCTYPE DOCTYPE是document type的简写。主要用来说明所用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。XHTML1.0提供了三种DOCTYPE可选择： (1)过渡型（Transitional ） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd (2)严格型（Strict ） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd (3)框架型