客户端与客户端技术讲稿.ppt
客户端与客户端技术第一页，讲稿共十五页哦B/S模式模式B/S结构，即结构，即Browser/Server(浏览器浏览器/服务器服务器)结构，对结构，对C/S结构的结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓务逻辑在服务器端实现，形成所谓3-tier结构。结构。第二页，讲稿共十五页哦第三页，讲稿共十五页哦第四页，讲稿共十五页哦Web客户端客户端Web客户端就是浏览器（客户端就是浏览器（Browser）端。任何应用系统都必须）端。任何应用系统都必须有一个供用户操作的界面，即用户界面。有一个供用户操作的界面，即用户界面。浏览器的工作，从整个浏览器的工作，从整个B/S程序来看，是用户与整个程序来看，是用户与整个B/S程序打交程序打交道的一个界面（接口），即人机界面（接口）、用户界面，它的道的一个界面（接口），即人机界面（接口）、用户界面，它的任务是：任务是：收集用户输入的数据收集用户输入的数据将用户数据发送到服务器将用户数据发送到服务器接收服务器返回的响应接收服务器返回的响应第五页，讲稿共十五页哦 无论是组织用于收集用户数据的界面，还是解释来无论是组织用于收集用户数据的界面，还是解释来自服务器的指示形成结果界面，都是用自服务器的指示形成结果界面，都是用Web客户端代码客户端代码表示的。常用的表示的。常用的Web客户端代码使用客户端代码使用HTML语言或语言或JavaScript语言编写的，分别称为语言编写的，分别称为HTML代码或代码或JavaScript代代码。另外还有码。另外还有ASP、PHP等语言。本课程仅介绍等语言。本课程仅介绍HTML。Web客户端客户端第六页，讲稿共十五页哦HTMLHTML（HyperText Mark-up Language）即超文本标记语言）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。言，也是构成网页文档的主要语言。HTML不是程序语言，而是一种标记语言。不是程序语言，而是一种标记语言。标记也叫标签，从面向对象的角度而言，就是对浏标记也叫标签，从面向对象的角度而言，就是对浏览器对象的标识的意思。它用来控制文字、图片等览器对象的标识的意思。它用来控制文字、图片等浏览器的子对象在浏览器中的表现，以及如何建立浏览器的子对象在浏览器中的表现，以及如何建立文件之间的链接，这些标记均放在文本格式的文件文件之间的链接，这些标记均放在文本格式的文件中。中。HTML语言不需要编译语言不需要编译,直接由浏览器执行。直接由浏览器执行。超文本标记语言的文档应该尽量做到：无论在任何超文本标记语言的文档应该尽量做到：无论在任何操作系统的任何浏览器上打开都具有相同的效果。操作系统的任何浏览器上打开都具有相同的效果。第七页，讲稿共十五页哦 设计设计HTMLHTML语言的目的是为了能把存放在一台电脑中的文本或图语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标，上。只需使用鼠标在某一文档中点取一个图标，InternetInternet就会马上就会马上转到与此图标相关的内容上去，不管这些信息存放在网络的哪转到与此图标相关的内容上去，不管这些信息存放在网络的哪台电脑中。台电脑中。HTML第八页，讲稿共十五页哦HTML标准的版本历史标准的版本历史超文本置标语言超文本置标语言(第一版第一版)在在1993年年6月发为互联网工程工作小组月发为互联网工程工作小组(IETF)工作工作草案发布（并非标准）。草案发布（并非标准）。HTML 2.01995年年11月作为月作为RFC 1866发布，在发布，在RFC 2854于于2000年年6月发布之后月发布之后被宣布已经过时被宣布已经过时。HTML 3.21996年年1月月14日，日，W3C推荐标准推荐标准。HTML 4.01997年年12月月18日，日，W3C推荐标准推荐标准。HTML 4.01（微小改进）（微小改进）1999年年12月月24日，日，W3C推荐标准推荐标准。ISO/IEC 15445:2000（“ISO HTML”）2000年年5月月15日发布，基于严格的日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准语法，是国际标准化组织和国际电工委员会的标准。XHTML 1.0发布于发布于2000年年1月月26日，是日，是W3C推荐标准，后来经过修订于推荐标准，后来经过修订于2002年年8月月1日重新发布。日重新发布。XHTML 1.1,于于2001年年5月月31日发布。日发布。HTML 5 将成为将成为 HTML、XHTML 以及以及 HTML DOM 的新标准。的新标准。第九页，讲稿共十五页哦XHTML 可扩展超文本置标语言（可扩展超文本置标语言（eXtensible HyperText Markup Language）是以是以 XML 重构的重构的 HTML 4.01。通过遵循一些简单的指导方针，。通过遵循一些简单的指导方针，XHTML 就可就可以立即在现有的浏览器中投入使用。以立即在现有的浏览器中投入使用。XHTML 与与 HTML 4.01 兼容。所有兼容。所有新的浏览器都支持新的浏览器都支持 XHTML。其表现方式与超文本置标语言（。其表现方式与超文本置标语言（HTML）类）类似，不过语法上更加严格。从继承关系上讲，似，不过语法上更加严格。从继承关系上讲，XHTML基于可扩展置标语言基于可扩展置标语言（XML）。）。XML虽然数据转换能力强大，完全可以替代虽然数据转换能力强大，完全可以替代HTML，但面对成千上，但面对成千上万已有的站点，直接采用万已有的站点，直接采用XML还为时过早。因此在还为时过早。因此在HTML4.0的基础上，的基础上，用用XML的规则对其进行扩展，得到了的规则对其进行扩展，得到了XHTML。建立。建立XHTML的目的就是实的目的就是实现现HTML向向XML的过渡。的过渡。第十页，讲稿共十五页哦XHTML 是什么？是什么？XHTML 的目标是取代的目标是取代 HTML。XHTML 与与 HTML 4.01 几乎是相同的。几乎是相同的。XHTML 是更严格更纯净的是更严格更纯净的 HTML 版本。版本。XHTML 是作为一种是作为一种 XML 应用被重构的应用被重构的 HTML。XHTML第十一页，讲稿共十五页哦XHTML 是一个是一个 W3C 标准标准XHTML 于于2000年年1月月26日成为日成为 W3C 标准。标准。W3C 将将 XHTML 定义为最新的定义为最新的HTML版本。版本。XHTMLW3C组织是对网络标准制定的一个非赢利组织，像组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由的标准就是由W3C来定制。来定制。XHTML是是The Extensible HyperText Markup Language可扩展标识语言的可扩展标识语言的缩写。目前推荐遵循的是缩写。目前推荐遵循的是W3C于于2000年年1月月26日推荐日推荐XML1.0（参考（参考http:/www.w3.org/TR/xhtml1）。）。第十二页，讲稿共十五页哦为什么要使用为什么要使用XHTML？万维网上的许多页面都包含着糟糕的万维网上的许多页面都包含着糟糕的 HTML 代码。代码。下面的下面的 HTML 代码仍然可以工作得很好，即使它没有遵守代码仍然可以工作得很好，即使它没有遵守 HTML 规规则：则：This is bad HTML Bad HTML 今天的市场中存在着不同的浏览器技术，某些浏览器运行在计算机中，某些浏览器则运今天的市场中存在着不同的浏览器技术，某些浏览器运行在计算机中，某些浏览器则运行在移动电话和手持设备上。而后者没有能力和手段来解释糟糕的标记语言。行在移动电话和手持设备上。而后者没有能力和手段来解释糟糕的标记语言。因此，通过把因此，通过把 HTML 和和 XML 各自的长处加以结合，我们得到了在现在和未来都能派上用场的标记各自的长处加以结合，我们得到了在现在和未来都能派上用场的标记语言语言-XHTML。XHTML 可以被所有的支持可以被所有的支持 XML 的设备读取的设备读取,并且可以向后兼容。并且可以向后兼容。第十三页，讲稿共十五页哦浏览浏览HTML的浏览器兼容的浏览器兼容目前主流浏览只有微软的目前主流浏览只有微软的IE和火狐（和火狐（Firefox），不），不管编写管编写HTML还是还是CSS代码，所显示的网页效果都要代码，所显示的网页效果都要在在IE和火狐中调试，制作出来的网页至少应兼容这和火狐中调试，制作出来的网页至少应兼容这两家浏览器。两家浏览器。所有新的浏览器都支持所有新的浏览器都支持 XHTML。第十四页，讲稿共十五页哦XHTML相比于相比于HTMLXHTML相比于相比于HTML：所有标签的元素和属性的名字都必须使用小写所有标签的元素和属性的名字都必须使用小写所有的所有的XMLXML标记都必须合理嵌套标记都必须合理嵌套XHTML XHTML 元素必须被关闭。元素必须被关闭。所有的属性必须用引号所有的属性必须用引号括起来括起来把所有把所有 和和&特殊符号用编码表示特殊符号用编码表示给所有属性赋一个值给所有属性赋一个值图片必须有说明文字图片必须有说明文字第十五页，讲稿共十五页哦
