商务表达层与静态网页设计方案技术.ppt

《商务表达层与静态网页设计方案技术.ppt》由会员分享，可在线阅读，更多相关《商务表达层与静态网页设计方案技术.ppt（63页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第第第22章章章章商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.1商务表达层的功能实现商务表达层的功能实现n n商务表达层商务表达层n n客户端：表现数据客户端：表现数据客户端：表现数据客户端：表现数据n n特点：界面友好，具有通用性、易用性、灵活性特点：界面友好，具有通用性、易用性、灵活性特点：界面友好，具有通用性、易用性、灵活性特点：界面友好，具有通用性、易用性、灵活性n nWebWeb服务器：发布信息，与客户端和应用服务端进行交互服务

2、器：发布信息，与客户端和应用服务端进行交互服务器：发布信息，与客户端和应用服务端进行交互服务器：发布信息，与客户端和应用服务端进行交互n n商务表达层的实现方式商务表达层的实现方式计算机、便携设备 无线移动设备、信息家电HTML/XML/DHTML WML/XML应用服务器应用服务器表达层工具支持平台表达层工具22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.1商务表达层的功能实现商务表达层的功能实现n n客户端的实现客户端的实现n n硬件设备硬件设备硬件设备硬件设备n n瘦客户端、胖客户端瘦客户端、胖客户端瘦客户端、胖客户端瘦客户端、胖客户端n n胖客户

3、端：基于传统的客户端应用程序；胖客户端：基于传统的客户端应用程序；胖客户端：基于传统的客户端应用程序；胖客户端：基于传统的客户端应用程序；n n瘦客户端：基于浏览器。瘦客户端：基于浏览器。瘦客户端：基于浏览器。瘦客户端：基于浏览器。n n静态内容和动态内容静态内容和动态内容静态内容和动态内容静态内容和动态内容n n静态内容：客户端上显示的内容，预先放置在静态内容：客户端上显示的内容，预先放置在静态内容：客户端上显示的内容，预先放置在静态内容：客户端上显示的内容，预先放置在WebWeb服务器上；服务器上；服务器上；服务器上；n n动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发动态

4、内容：客户端上显示的内容，预先服务器上没有，是在客户请求发动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件（通常为动态脚本）动态产生的。（通常为动态脚本）动态产生的。（通常为动态脚本）动态产生的。（通常为动态脚本）动态产生的。22商务表达层与静态网页商务表达层与静态网页商务表达层与静

5、态网页商务表达层与静态网页2.2Web系统与HTTP协议n n2.2.1Web2.2.1Web系统系统n n原理：商业数据被组织到一个超文本文件中，借助原理：商业数据被组织到一个超文本文件中，借助HttpHttp协议，通过协议，通过网络来传送网络来传送Web浏览器Web浏览器Web浏览器TCP/IPHTTPWeb服务器CGI、Script程序数据库22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.2Web系统与HTTP协议n n2.2.12.2.1WebWeb系统系统n nWebWeb五大要素五大要素五大要素五大要素n nURLURLn n几种形式几种形式

6、几种形式几种形式n n域名域名域名域名+目录名目录名目录名目录名+文件名文件名文件名文件名n n域名域名域名域名+目录名目录名目录名目录名n n域名域名域名域名n n含有程序的网址含有程序的网址含有程序的网址含有程序的网址n n超文本置标语言（超文本置标语言（超文本置标语言（超文本置标语言（HTMLHTML）n nWebWeb服务器服务器服务器服务器n nWebWeb浏览器浏览器浏览器浏览器n n超文本传输协议（超文本传输协议（超文本传输协议（超文本传输协议（HTTPHTTP）22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.2Web系统与HTTP协议n

7、n2.2.22.2.2HTTPHTTP协议协议n n一个实例：测试一个实例：测试一个实例：测试一个实例：测试HTTPHTTP协议协议协议协议22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.2Web系统与HTTP协议n n2.2.22.2.2HTTPHTTP协议协议n n一个实例：测试一个实例：测试一个实例：测试一个实例：测试HTTPHTTP协议（程序代码）协议（程序代码）协议（程序代码）协议（程序代码）Dim str1 As StringPrivate Sub Close_Click()Winsock1.CloseEnd SubPrivate Sub c

8、onnect_Click()Winsock1.RemoteHost=“ Winsock1.RemotePort=80 Winsock1.Protocol=sckTCPProtocol Winsock1.connectEnd Sub22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页Private Sub get_Click()If Winsock1.State 7 Then State=0表示winsock处于Close状态 State=1表示winsock处于Open状态 State=2表示winsock处于Listening状态 State=7表示winso

9、ck处于Connected状态 State=9表示winsock处于Error状态 MsgBox 还未与Web Server连接号，请等待或重新连接.Exit Sub Else Winsock1.SendData GET/index.html HTTP/1.1+Chr(13)+Chr(10)+Host:+vbCrLf+vbCrLf 发送HTTP的GET命令 End IfEnd Sub22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页Private Sub head_Click()Winsock1.SendData HEAD/index.html HTTP/1.

10、1+vbCrLf+Host: +vbCrLf+vbCrLfEnd SubPrivate Sub post_Click()Winsock1.SendData POST/index.html HTTP/1.1+vbCrLf+Host: +vbCrLf+Content-Type:text/plain+vbCrLf+Content-Length:7+vbCrLf+vbCrLf+brand=A+vbCrLf+vbCrLfEnd SubPrivate Sub Winsock1_DataArrival(ByVal bytesTotal As Long)Winsock1.GetData str1 Text1.

11、Text=str1End SubPrivate Sub Winsock1_Error(ByVal Number As Integer,Description As String,ByVal Scode As Long,ByVal Source As String,ByVal HelpFile As String,ByVal HelpContext As Long,CancelDisplay As Boolean)MsgBox Winsock出错!End Sub 22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n n2.2.22.2.2HTTPHTTP协议协议

12、n n象象DCOMDCOM和和IIOPIIOP一样，一样，HTTPHTTP层通过层通过TCP/IPTCP/IP进行请求进行请求/响应通信。一个响应通信。一个HTTPHTTP的的客户端用客户端用TCPTCP连接到连接到WebWeb服务器。在服务器。在HTTPHTTP中使用的标准端口号是中使用的标准端口号是8080，但任何，但任何其它端口也能被使用。在建立其它端口也能被使用。在建立TCPTCP连接后，客户端可以发送一个请求消息到连接后，客户端可以发送一个请求消息到服务器端。服务器在处理请求后发回一个服务器端。服务器在处理请求后发回一个HTTPHTTP响应消息到客户端。请求和响响应消息到客户端。请求

13、和响应消息都可以包含任意的传输体的信息，通常用应消息都可以包含任意的传输体的信息，通常用Content-LengthContent-Length和和Content-Content-TypeType的的 HTTPHTTP头来标记头来标记(详细见详细见RFC1616)RFC1616)。n n一个合法的一个合法的HTTPPOSTHTTPPOST请求消息示例：请求消息示例：n nPOST/index.html HTTP/1.1POST/index.html HTTP/1.1n nContent-Type:text/plainContent-Type:text/plainn nContent-Lengt

14、h:7Content-Length:7n nbrand=Abrand=An n n n一个合法的一个合法的HTTPGETHTTPGET请求消息示例：请求消息示例：n nGET/index.html HTTP/1.1GET/index.html HTTP/1.1n n 2.2.22WebWeb系统与系统与HTTPHTTP协议协议22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n n2.2.22.2.2HTTPHTTP协议协议n nHTTPHTTP响应响应n n在处理了请求之后，在处理了请求之后，在处理了请求之后，在处理了请求之后，WebWeb服务器将发回一个服

15、务器将发回一个服务器将发回一个服务器将发回一个HTTPHTTP响应到客户端。响应中包括一个状态代码，表示请求响应到客户端。响应中包括一个状态代码，表示请求响应到客户端。响应中包括一个状态代码，表示请求响应到客户端。响应中包括一个状态代码，表示请求的结果。的结果。的结果。的结果。n n返回状态代码返回状态代码200200，表示，表示HTTPHTTP命令已被命令已被WebWeb服务器成功解析；服务器成功解析；n n返回状态代码返回状态代码400400，表示，表示WebWeb服务器解析服务器解析HTTPHTTP命令失败；命令失败；n n返回状态代码返回状态代码3030X X，表示表示WebWeb服务

16、器已将服务器已将HTTPHTTP请求转向到另一请求转向到另一WebWeb服务器；服务器；n n返回状态代码返回状态代码5050X X，表示表示WebWeb服务器不支持此服务器不支持此HTTPHTTP请求命令；请求命令；n n状态代码状态代码1 1XXXX，为为WebWeb服务器保留码服务器保留码n n示例：示例：2.2.22WebWeb系统与系统与HTTPHTTP协议协议400 Bad RequestContent-Length:0200OKContent-Type:text/plainContent-Length:12dlroW,olleH307 Temporarily MovedLocat

17、ion:foobarContent-Length:022商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n n练习：练习：练习：练习：n n请将测试请将测试HTTPHTTP命令的命令的VBVB程序改写成程序改写成javajava程序。程序。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.12.3.1静态页面的体系结构静态页面的体系结构静态页面的体系结构静态页面的体系结构 n n静态网页的特征静态网页的特征 n n静态网页的内容固定不变静态网页的内容固定不变;n n静态网页的制作比较方便；静态

18、网页的制作比较方便；n n静态网页的体系结构静态网页的体系结构 Client(浏览器)WebServer硬盘HTML页面从硬盘获取文件文件返回页面请求22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言n n标准通用置标语言标准通用置标语言SGMLSGML(StandardGeneralizedMarkupStandardGeneralizedMarkupLanguage)Language)n n置标置标n n标志语言标志语言 n nSGMLSGMLSGML(StandardGene

19、ralizedMarkupLanguage)是最早的标记语言，而且是一种丰富的元语言，几乎可以用来定义无数种标记语言，HTML和XML都是在此基础上派生出来的。SGML是ISO组织在1986年推出的一个用来创建标记语言的元语言标准，它源自IBM在1969年开发的GML。正如其名所言，SGML是一种用标记描述文档资料的通用语言，包含了一系列的文档类型定义（DTD,Document TypeDefinition），DTD中定义了标记的含义，因而SGML是可以扩充的。SGML为出版业提供了一种将数据内容与显示分离开来的数据表示方法，使得数据独立于机器平台和处理程序，在许多大型出版系统中发挥了重要作用

20、22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n超文本置标语言超文本置标语言HTMLHTMLn n特点特点n n平台兼容平台兼容 n n文本文件文本文件n n超链接超链接 n nWebWeb服务器不处理标记，由客户端浏览器解释服务器不处理标记，由客户端浏览器解释 n n丰富的多媒体显示、各种布局处理丰富的多媒体显示、各种布局处理n n缺点缺点n nHTMLHTML更多的关注更多的关注WebWeb浏览器如何在页面上安排文本、图象和按扭浏览器如何在页面上安排文本、图象和按扭等

21、，过多的考虑外观使，缺乏对结构化数据的表示能力；等，过多的考虑外观使，缺乏对结构化数据的表示能力；n nHTMLHTML还有一些诸如链路丢失后不能自动纠正、下载的内容还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点；太多、搜索不方便、时间长等缺点；n nHTMLHTML中有限的标记不能满足众多中有限的标记不能满足众多WebWeb应用的需要应用的需要 ，缺乏可，缺乏可扩展性扩展性22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n超文本标记语言超文本

22、标记语言HTMLHTML实例实例（略）（略）n n样式样式n n样式种类：样式种类：HTMLHTML样式、内嵌的样式、内嵌的CSSCSS样式、外接的样式、外接的CSSCSS样式样式 n n实例实例22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页无标题文档浮雕彩色文字浮雕彩色文字浮雕彩色文字22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn n前言前言 XML在SGML的基础上，去除SGML中过于复杂

23、的东西（缺点），保留一些作为元标记语言的东西（优点），用户可以自己定义标记，自己定义的标记可以在DTD或Scheme（模式）中加以描述，并且，与SGML一定需要DTD不同，在XML中DTD可有可无，它的使用完全视使用者需要而定。用户甚至可以通过XML制定自己的标记语言，而不必得到W3C、Microsoft、Netscape的同意，因此XML的应用潜力是很明显的。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页GML(1969)SGML(1985)XML(1998)XHTMLMathMLWMLSVGcXML(1969)ebXML(1969)HTML(1993)

24、2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 XMLXML家族家族22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n nXMLXML声明声明

25、n n元素与属性元素与属性n n注释注释n n处处理指令理指令 n nCDATACDATA区区 网页设计王大名590电子商务技术基础李立洪12022商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n nXMLXML声明声明n n元素与属性元素与属性n n注释注释n n处处理指令理指令 n nCDATACDATA区区 n n说明：说明：n nCDATACDATA区以区以“!CDATACDATA”为为起始，起始，“”

26、为终为终了。区了。区块块内容中唯一不能包含的正是内容中唯一不能包含的正是“”“”这这个个终终止符号。止符号。其他内容，只要是合格其他内容，只要是合格UnicodeUnicode字，都可以自由放置其中字，都可以自由放置其中；n nXMLXML中要中要区分大小写区分大小写，因此，因此“!CDATA”CDATA”不可写成不可写成“!cdata”cdata”或或“!Cdata”Cdata”；n n出出现现在在CDATACDATA区中的内容，解析器在解析区中的内容，解析器在解析时时原封不原封不动动、一五一十地交、一五一十地交给给下游的程序下游的程序；比较：；比较：22商务表达层与静态网页商务表达层与静态

27、网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n n编编写写XMLXML的几个原的几个原则则 n n所有的元素都要所有的元素都要配对配对n n标记标记之之间间不得交叉不得交叉 n n所有属性所有属性值值都得含有引号都得含有引号 n n大小写有区大小写有区别别 n n一空二空一空二空有区别有区别 在 HTML里，存 在 这类自成一个单元的标记，这 在 XML中 称 为 空 元 素（empty element),因为这样的元素不含任何文字内容，只有

28、属性。XML为空元素特别发明了一种新的表示法，如下：若带有属性的话，则写成：若：电子商务技术基础无名氏这就犯了”标记之间不得相交“的大忌，会被删除掉。XML中规定，所有的元素排列必须是严谨的树状结构。在使用DOM、XSLT和XPointer来分别控制、转换、连接XML文件时，都需要随时对文件的内部结构了若指掌。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n n名称空名称空间间（namespacename

29、space）n n名称空间的规定，并没有收录在名称空间的规定，并没有收录在XML1.0XML1.0的标准中，而是透过后来一份的标准中，而是透过后来一份单独的标准来增补，这份标准的全名为单独的标准来增补，这份标准的全名为“NamespacesinXML”NamespacesinXML”；n n xml1.0 xml1.0的标准：的标准：tr/rec-xmltr/rec-xml;NamespacesinXML:;NamespacesinXML:tr/rec-xml-namestr/rec-xml-names)22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3

30、静态页面的表达及其技术n n为为为为什么需要名称空什么需要名称空什么需要名称空什么需要名称空间间间间？n n区分各个标记，避免与其它标记混淆区分各个标记，避免与其它标记混淆张3无法区别这两个不同的标记22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n n为为为为什么需要名称空什么需要名称空什么需要名称空什么需要名称空间间间间？n n名称空名称空名称空名称空间标记间标记间标记间标记的的的的选选选选用用用用 新祥发新祥发 .同仁堂同仁堂 .22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页

31、面的表达及其技术n n为为为为什么需要名称空什么需要名称空什么需要名称空什么需要名称空间间间间？n n名称空名称空名称空名称空间标记间标记间标记间标记的的的的选选选选用用用用n nURLURLURLURL、URNURNURNURN、URIURIURIURI的区的区的区的区别别别别 平时所说的网址，就是URL。其实名称空间中的标记规定的是使用URI，URI全名为Uniform Resource Identifier(统一资源标记码)，这是一个Internet 标准，记载于RFC2396;它与URL有何不同呢？基本上，URI比较广义，泛指所有以字符串标示的网络资源，范围涵盖了URL和URN。URL

32、指的是标有通信协定（如HTTP、FTP、GOPHER）的字符串。URN(Uniform Resource Name)则是用来标示持久、而且有专门机构负责的资源，譬如图书馆的图书总目。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n n为为为为什么需要名称空什么需要名称空什么需要名称空什么需要名称空间间间间？n n名称空名称空名称空名称空间标记间标记间标记间标记的的的的选选选选用用用用n nURLURLURLURL、URNURNURNURN、URIURIURIURI的区的区的区的区别别别别 n n名称空名称空名称空名称空间间间间的

33、范的范的范的范围围围围 ：只作用于自己所在的目只作用于自己所在的目只作用于自己所在的目只作用于自己所在的目录树录树录树录树 新祥发新祥发 .22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n n为为为为什么需要名称空什么需要名称空什么需要名称空什么需要名称空间间间间？n n名称空名称空名称空名称空间标记间标记间标记间标记的的的的选选选选用用用用n nURLURLURLURL、URNURNURNURN、URIURIURIURI的区的区的区的区别别别别 n n名称空名称空名称空名称空间间间间的范的范的范的范围围围围 ：只作用于自己所在

34、的目只作用于自己所在的目只作用于自己所在的目只作用于自己所在的目录树录树录树录树 n n默默默默认认认认的名称空的名称空的名称空的名称空间间间间 n n一个实例：含有一个实例：含有一个实例：含有一个实例：含有HTMLHTMLHTMLHTML表单功能的表单功能的表单功能的表单功能的XMLXMLXMLXML文档文档文档文档连到两只老虎 这样也可以连到 2T22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n nX

35、MLXML数据数据类类型定型定义义 n n问题的提出问题的提出22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术电子商务技术基础李立洪，李卫12090电子商务技术基础李立洪李卫12090 这里究竟如何表示数据？需要定义一套法则来规范它。这套法则叫DTD（Document Type Definition)，也就是对XML文件在格式上进行限定。用DTD可以清楚的定义和规范：”作者“这个元素到底是可以出现多次，还是在任何一个”书籍“.中只能出现一次？一个元素能包含哪些属性？父子元素相互依存的关系？各个元素出现的顺序？22商务表达层与静态网

36、页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n n问题的提出问题的提出问题的提出问题的提出n nDTDDTDDTDDTD定义定义定义定义网页设计张凡590电子商务技术基础李立洪120Book.dtd文件的内容如下：22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n nXMLXML数据数据类类型定型定义义n nXMLXML数据的表数据的表现现与与样样式式链链接接n

37、 n 利用利用XMLXML语言和语言和DTDDTD文档，可以将数据、文件资料准确完文档，可以将数据、文件资料准确完整的整的表示表示表示表示出来，但缺少显示格式信息（内容与显示分离），出来，但缺少显示格式信息（内容与显示分离），XMLXML文档还不能像用户所希望的那样在文档还不能像用户所希望的那样在IEIE中中表现表现表现表现出来。出来。因此因此除了除了XMLXML文档之外，还需要有相关的文件提供有关显示和处文档之外，还需要有相关的文件提供有关显示和处理理XMLXML文档的信息，这种文件就是样式文件文档的信息，这种文件就是样式文件(.(.css,.XSL)css,.XSL)或:?xml-styl

38、esheet href=style.xsl type=text/xsl?22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXMLXML语法语法 n nXMLXML数据数据类类型定型定义义n nXMLXML数据的表数据的表现现与与样样式式链链接接n nXSLXSL样式文件样式文件XSL是一种用来转换XML文档结构的语言，XSL文档中定义了与XML文档中各个逻辑成分相匹配的模板及匹配转化方式，解析器裾此可将XML源文件转换为带样式信息

39、的可浏览文档，如HTML格式、FO格式、或者其它面向显示方式的XML文档，限于目前浏览器的支持能力，大多数的情况下转化为一个HTML文件进行显示。至于具体的转换过程，可以在服务器端进行，也可以在客户端进行，分别对应着不同的转换模式。在IE5.5中内嵌了一个MSXML3解析器，由它生成的带格式的中间文件会显示在浏览器中。张三 男 20 李四 女 27 个人档案 姓名 性别 年龄 22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术2.3.22.3.2置置置置标语言标语言标语言标语言 n n 扩展标记语言扩展标记语言XMLXMLn nXM

40、LXML语法语法 n nXMLXML数据数据类类型定型定义义n nXMLXML数据的表数据的表现现与与样样式式链链接接 n nXMLXML应应用开用开发发 n n构造构造XMLXML标记语标记语言言 n n生成生成XMLXML文档文档n n显显示示XMLXML文档文档 n n操纵操纵XMLXML文档文档 操纵XML文档可以通过使用DOM或SAX(Simple API for XML)应用编程接口来实现。DOM是W3C为XML文档和HTML文档定制的一个独立于平台和语言的编程接口标准，使得程序和脚本都能以标准的方式存取与更新文档的内容、结构和式样。要查找完整的XML文档对象模型，请访问微软网站。

41、同时，如何你想了解XML DOM以及XSL和ASP的高级用法的例子，请访问onlinedemos.asp；而SAX是XML_Dev邮件列表组推出的一个XML的java应用编程接口标准，Java应用程序可以使用支持SAX的XML解析器来接收解析事件。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术置标语言的特征与演变置标语言的特征与演变置标语言的特征与演变置标语言的特征与演变 n n 置标语言置标语言XMLXML n n XHTML XHTML n nHTML4.0HTML4.0之后为之后为XHTMLXHTML；n n 什么是什么是

42、XHTMLXHTMLn nXHTMLXHTML最早叫最早叫“HTML in XML“HTML in XML“。简单简单的的讲讲，就是把，就是把过过去去以以SGMLSGML定定义义的的HTMLHTML，改用改用XMLXML来重新定来重新定义义，所有，所有XHTMLXHTML的的标标记记都以既有的都以既有的HTML4.0HTML4.0标记标记来定来定义义，各元素和属性的名称，各元素和属性的名称和用法几乎完全不和用法几乎完全不变变。不。不过过因因为变为变成了成了XML,XML,有些地方必有些地方必须须遵照遵照XHTMLXHTML的的规规矩，矩，严严格格执执行，不能再象以前那行，不能再象以前那样样随便

43、。随便。XHTML1.0XHTML1.0这这套套标标准，准，19981998年年8 8月月2424日升格日升格为为建建议标议标准准（proposed recommendationproposed recommendation）22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页dtd 几只老虎才够看？!CDATA function countTigers(n)if(n 一个非常短的段落。22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n n2.3.32.3.3网网网网页页页页的制作与的制作与的制作与

44、的制作与发发发发布布布布 n nWebWeb服务器的安装与设置服务器的安装与设置 n n网页制作与实例网页制作与实例 n n将网页发布到服务器将网页发布到服务器 22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.3静态页面的表达及其技术n nApacheApacheApacheApache服务器的安装与设置：服务器的安装与设置：服务器的安装与设置：服务器的安装与设置：n n1 1 1 1）ApacheApacheApacheApache服务器简介服务器简介服务器简介服务器简介n nApacheApache是开放源代码的是开放源代码的WebWeb服务器软件，

45、是最常用的服务器软件，是最常用的WebWeb服务器。服务器。ApacheApache常常用在用在UnixUnix和和LinuxLinux系统下，也有用于系统下，也有用于WindowsWindows平台下的版本平台下的版本n n2 2 2 2）ApacheApacheApacheApache服务器的安装服务器的安装服务器的安装服务器的安装n n下载下载ApacheApache：，版本：版本：1.3.1.3.x x和和2.0.2.0.x x ，扩展名：扩展名：exeexe或或msimsi n n安装安装ApacheApache：在在“Network Domain”Network Domain”里里

46、输输入域入域,若服若服务务器的域名器的域名为为“”，则则在在这这里里输输入入“”；在在“Server Name”Server Name”里里输输入服入服务务器名，即完整的服器名，即完整的服务务器域名，器域名，这这里里为为“”；在在“Administrators Administrators Email Address”Email Address”里里输输入网站管理入网站管理员员的的EmailEmail地址地址 n n3 3 3 3）运行）运行）运行）运行Apache Apache Apache Apache 22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2

47、2商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n n4 4 4 4）配置）配置）配置）配置ApacheApacheApacheApache 表2-10Apache的配置文件httpd.conf中的主要选项选项选项说明说明Port80Apache的端口，默认值是的端口，默认值是80。ServerNWeb服服务务器器的的名名字字,安安装装时时输输入入的的“ServerName”就是保存在这里。就是保存在这里。DocumentRootC:/ProgramFiles/ApacheGroup/Apache/htdocs网网 站站 的的 根根 目目 录录。如如 果果 想

48、想 把把 网网 站站 文文 件件 存存 放放 在在“D:myweb”目目录录下下，可可以以把把DocumentRoot后后面面的目录修改为的目录修改为“D:/myweb”。OptionsIndexesFollowSymLinksMultiViews为为了了安安全全，有有时时需需要要删删除除Indexes属属性性，否否则则别别人人可以浏览到网站里的所有文件。可以浏览到网站里的所有文件。DirectoryIndexindex.html默默认认首首页页文文件件名名。当当在在浏浏览览器器里里输输入入一一个个地地址址（例例如如http:/ Files/ApacheGroup/Apache/cgi-bin

49、/CGI文件存放路径。文件存放路径。2.32.3静态页面的表达及其技术静态页面的表达及其技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n n设置虚拟目录：设置虚拟目录：在主配置文件中找到行：在主配置文件中找到行：IfModulemod_alias.c，在这行的下面添加如下内容：在这行的下面添加如下内容：Alias/vdir/c:/comexe/Alias/vdir/c:/comexe/OptionsMultiViewsOptionsMultiViewsAllowOverrideNoneAllowOverrideNoneOrderallow,denyOrderallow,denyAllowfromallAllowfromall这样，通过访问这样，通过访问 http:/ n网页制作与发布网页制作与发布网页制作与发布网页制作与发布n n网页设计环境网页设计环境n n在进行网页制作之前在进行网页制作之前,需要了解相关的技术和外在的条件需要了解相关的技术和外在的条件,估计网页文件估计网页文件的大小、复杂程度、下载时间和访问者的感受，同时也需要设计很好的的大小、复杂程度、下载时间和访问者的感受，同时也需要设计很好的导航结构，这样才能让人不导航结构，这样才能让人不“迷路迷路”。n n网网页设计应页设计应尽可能从用尽可能从用户户出出发发，根据不同的，根据