采用XHTML+CSS+JS建Web系统.ppt

在本单元重点了解如下知识点 Web2.0及主要代表技术 HTML、XHTML和DHTML 层叠样式表单CSS技术 JavaScript脚本语言 采用XHTML+DIV+CSS+JS构建Web应用系统 Web 2.0是一个相对的概念 （1）由于早期的Web系统中只提供有静态的HTML页面信息而不能进行人机交互，这被称作Web 1.0时代。 （2）随着Internet网络技术的不断发展，出现了许多动态的Web开发技术（如CGI、ASP、PHP、JSP等），并将这些技术广泛地应用在Web应用系统中，从而产生出所谓的“动态网站”和能够实现人机交互。 这被称作是Web 1.5时代，也就是互联网最为热门的“.com时代”。但这个时代中的Internet网用户通过浏览器只能被动地获取信息而不能直接成为信息的制造者。 Web2.0（它让网民更多地参与信息产品的创造、传播和分享）中的主要代表技术 随着各种Web2.0中的主要代表技术如Blog、Wiki、SNS、Tag、RSS（聚合内容）、TrackBack（Blog系统中的引用通告）、Ajax等的提出和被广泛地应用在Web应用系统中，Web 2.0的概念也开始被明确并被深入应用和推广。 我们首先了解Web客户端的HTML、XHTML和DHTML… 1.HTML简介 （1）HTML（Hyper Text MarkUp Language，超文本标签语言) （2）HTML起源于SGML（标准通用标记语言），是为了在各种网络环境之间，不同文本格式之间进行交流的一种标签化的语言。 （3）HTML文档的基本结构 html head title我的第一个网页/title /head body我的第一个HTML页面，Hello,World! /body /html 2、 XHTML代表更规范和更严谨的HTML （1）W3C首先制定了XML的基本规范，并不断地推广XML技术及企业应用 （2）XML不仅具有可扩展性，而且语法严谨 XML的可扩展性（也就是允许XML使用者自己定义标签和属性的名称）为浏览器程序的设计和开发实现也带来了许多不便——没有标准的标签名和属性名，浏览器程序也就无法识别和理解不同用户自定义的各种XML标签的“表现”要求。 XML语法的严谨性是改进HTML的“随意性”的“良方” （3）W3C又制定了XHTML技术标准和相应的技术规范 XHTML不仅是将“随意”的HTML的应用向“规范”和“严谨”的XML技术过度的一个桥梁 同时也是一个引导Web页面设计人员逐步走向规范、走向XML的过渡技术实现的方案。 3、为什么要提出XHTML技术标准 （1）提高HTML页面信息的可重用性 由于XHTML也是XML，在XML文档中可以直接包含XHTML片断，同样在XHTML文档中也可以包含XML的片断。 （2）保证相同的HTML页面内容在不同的浏览器中显示相同的效果 因为浏览器除了PC机以外，还有PDA、手机、电视等设备中的浏览器。 4、XHTML页面文档的基本结构和基本语法要求 （1）严格区分标签符号的字母大小写 依据XHTML 规范定义，各个标签名及属性名都必须要采用小写字母，并且标签名和属性名对字母的大小写敏感和严格区分。 （2）标签之间严格嵌套匹配 所有的 XHTML 标签元素必须要被嵌套于成对的html根标签中、并且子标签必须要成对和被嵌套在其父标签中。 （3）命名定义更可读和规范 用id 属性代替name属性以定义该标签的对象名、属性值包含在双括号内（“”）。 5、XHTML页面文档示例 6、DHTML不是由W3C提出的技术标准 （1）DHTML不是一种标准或规范，而是一种组合技术 它其实是将XHTML、HTML层、CSS、DOM（文档对象模型）和CSSL（Clent-Side Scripting Language，客户端脚本语言，如JavaScript和VBScript、JScript等）等集成在一起的技术。 （2）它是由浏览器厂商（主要是网景公司和微软公司）根据自己的需要在各自的浏览器中支持的整合技术 不同的浏览器对DHTML及相关的的技术支持是不同的，这也为应用DHTML技术带来一定的不便和兼容性。 7、为什么浏览器厂商要提出DHTML （1）应用DHTML技术能够增强Web应用系统客户端的人机交互性——可以实现在浏览器客户端直接动态地更新Web网页中的信息内容、排版样式、播放动画等而无须经过服务器端程序的处理。 （2）使得静态的HTML变成了可动态操控的DHTML 动态改变页面中的内容（