采用XHTMLDIVCSSJS构建Web应用系统

《采用XHTMLDIVCSSJS构建Web应用系统》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、在本单元重点了解如下知识点Web2.0及主要代表技术HTML、XHTML和DHTML层叠样式表单CSS技术JavaScript脚本语言采用XHTML+DIV+CSS+JS构建Web应用系统Web2.0是一个相对的概念（1）由于早期的Web系统中只提供有静态的HTML页面信息而不能进行人机交互，这被称作Web1.0时代。（2）随着Internet网络技术的不断发展，出现了许多动态的Web开发技术（如CGI、ASP、PHP、JSP等），并将这些技术广泛地应用在Web应用系统中，从而产生出所谓的“动态网站”和能够实现

2、人机交互。这被称作是Web1.5时代，也就是互联网最为热门的“.com时代”。但这个时代中的Internet网用户通过浏览器只能被动地获取信息而不能直接成为信息的制造者。Web2.0（它让网民更多地参与信息产品的创造、传播和分享）中的主要代表技术随着各种Web2.0中的主要代表技术如Blog、Wiki、SNS、Tag、RSS（聚合内容）、TrackBack（Blog系统中的引用通告）、Ajax等的提出和被广泛地应用在Web应用系统中，Web2.0的概念也开始被明确并被深入应用和推广。我们首先了解Web客户端的H

3、TML、XHTML和DHTML…1.HTML简介（1）HTML（HyperTextMarkUpLanguage，超文本标签语言)（2）HTML起源于SGML（标准通用标记语言），是为了在各种网络环境之间，不同文本格式之间进行交流的一种标签化的语言。（3）HTML文档的基本结构我的第一个HTML页面，Hello,World!2、XHTML代表更规范和更严谨的HTML（1）W3C首先制定了XML

4、的基本规范，并不断地推广XML技术及企业应用（2）XML不仅具有可扩展性，而且语法严谨XML的可扩展性（也就是允许XML使用者自己定义标签和属性的名称）为浏览器程序的设计和开发实现也带来了许多不便——没有标准的标签名和属性名，浏览器程序也就无法识别和理解不同用户自定义的各种XML标签的“表现”要求。XML语法的严谨性是改进HTML的“随意性”的“良方”（3）W3C又制定了XHTML技术标准和相应的技术规范XHTML不仅是将“随意”的HTML的应用向“规范”和“严谨”的XML技术过度的一个桥梁同时也是一个引导We

5、b页面设计人员逐步走向规范、走向XML的过渡技术实现的方案。3、为什么要提出XHTML技术标准（1）提高HTML页面信息的可重用性由于XHTML也是XML，在XML文档中可以直接包含XHTML片断，同样在XHTML文档中也可以包含XML的片断。（2）保证相同的HTML页面内容在不同的浏览器中显示相同的效果因为浏览器除了PC机以外，还有PDA、手机、电视等设备中的浏览器。4、XHTML页面文档的基本结构和基本语法要求（1）严格区分标签符号的字母大小写依据XHTML规范定义，各个标签名及属性名都必须要采用小写字母，

6、并且标签名和属性名对字母的大小写敏感和严格区分。（2）标签之间严格嵌套匹配所有的XHTML标签元素必须要被嵌套于成对的根标签中、并且子标签必须要成对和被嵌套在其父标签中。（3）命名定义更可读和规范用id属性代替name属性以定义该标签的对象名、属性值包含在双括号内（“”）。5、XHTML页面文档示例6、DHTML不是由W3C提出的技术标准（1）DHTML不是一种标准或规范，而是一种组合技术它其实是将XHTML、HTML层、CSS、DOM（文档对象模型）和CSSL（Clent-SideScriptin

7、gLanguage，客户端脚本语言，如JavaScript和VBScript、JScript等）等集成在一起的技术。（2）它是由浏览器厂商（主要是网景公司和微软公司）根据自己的需要在各自的浏览器中支持的整合技术不同的浏览器对DHTML及相关的的技术支持是不同的，这也为应用DHTML技术带来一定的不便和兼容性。7、为什么浏览器厂商要提出DHTML（1）应用DHTML技术能够增强Web应用系统客户端的人机交互性——可以实现在浏览器客户端直接动态地更新Web网页中的信息内容、排版样式、播放动画等而无须经过服务器端程序

8、的处理。（2）使得静态的HTML变成了可动态操控的DHTML动态改变页面中的内容（DynamicContent）动态改变样式单（DynamicStylesSheets）动态定位（DynamicPositioning）（3）不依赖于某个特定的服务器端技术实现的平台而实现与客户的动态交互（4）应用DHTML实现的一个动画示例8、AJAX技术其实是DHTML技术思想的进一步完善，扩展到可以与