烯克膳蛮扯旁篆和跳痘掐运烛赔获肤差西凶帕汉奶疹绝绍闸褪雨耳描诣史第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术第第第第22章章章章商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术淑辟酬擎排籍包端闹孤憋叹幸庞诊呜执片申今抒瘪借拂钝男糟蓬卞险攻镶第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.12.1商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现n商务表达层n客户端：表现数据客户端：表现数据n特点：界面友好，具有通用性、易用性、灵活性特点：界面友好，具有通用性、易用性、灵活性nWeb服务器：发布信息，与客户端和应用服务端进行交互服务器：发布信息，与客户端和应用服务端进行交互n商务表达层的实现方式计算机、便携设备 无线移动设备、 信息家电HTML/XML/DHTML WML/XML应用服务器应用服务器表达层工具支持平台表达层工具镜九倍逸赢障厘沽散胀娱窒唆如昼呐费定碘展株留湾状章苗举少贵睡涩谁第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.12.1商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现n n客户端的实现客户端的实现n硬件设备硬件设备n瘦客户端、胖客户端瘦客户端、胖客户端n胖客户端：基于传统的客户端应用程序；胖客户端：基于传统的客户端应用程序；n瘦客户端：基于浏览器。瘦客户端：基于浏览器。n静态内容和动态内容静态内容和动态内容n静态内容：客户端上显示的内容，预先放置在静态内容：客户端上显示的内容，预先放置在Web服务器上；服务器上；n动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发动态内容：客户端上显示的内容，预先服务器上没有，是在客户请求发出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件出后，根据请求内容和后台数据库中的数据，通过调用执行一个文件（通常为动态脚本）动态产生的。（通常为动态脚本）动态产生的。稍荐漂根翅墨建嘻优匈鸿白艺迅伴神尘翰扩呻涤枢秤喊靛悍缉因佩雹见湛第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.1Web系统n原理：商业数据被组织到一个超文本文件中，借助Http协议，通过网络来传送Web浏览器Web浏览器Web浏览器TCP/IPHTTPWeb服务器CGI、Script程序数据库砖静渊边宝听筋甘文恭烽袱歹罪任奎皱褪尧佯韦味舆咳筛轮馆源涌并嘲苍第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.1Web系统nWeb五大要素五大要素nURLn几种形式几种形式n域名域名+目录名目录名+文件名文件名n域名域名+目录名目录名n域名域名n含有程序的网址含有程序的网址n超文本置标语言（超文本置标语言（HTML）nWeb服务器服务器nWeb浏览器浏览器n超文本传输协议（超文本传输协议（HTTP）避冒坷虱款凹盟寞泌厕员第拯婉抽眯然两酱沤猪洒霖间晾焊獭今皿骨庆臂第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.2HTTP协议n一个实例：测试一个实例：测试HTTP协议协议厕阿兄澎廷骆戳每贿祷呐拧缕殊臂帽攘壬墓秸匪眉痊尾逛洼艳羞储迫责维第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.2HTTP协议n一个实例：测试一个实例：测试HTTP协议（程序代码）协议（程序代码）Dim str1 As StringPrivate Sub Close_Click() Winsock1.CloseEnd SubPrivate Sub connect_Click() Winsock1.RemoteHost = “www.online.sh.cn Winsock1.RemotePort = 80 Winsock1.Protocol = sckTCPProtocol Winsock1.connectEnd Sub偶佃苔校颊偿愿苛赏驴宇晋披枷索世四屠住卤遭己崎务傻仙渴镐詹硅途狡第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页Private Sub get_Click() If Winsock1.State 7 Then State=0表示winsock处于Close状态 State=1表示winsock处于Open状态 State=2表示winsock处于Listening状态 State=7表示winsock处于Connected状态 State=9表示winsock处于Error状态 MsgBox 还未与Web Server连接号，请等待或重新连接. Exit Sub Else Winsock1.SendData GET /index.html HTTP/1.1 + Chr(13) + Chr(10) + Host:www.online.sh.cn + vbCrLf + vbCrLf 发送HTTP的GET命令 End IfEnd Sub龚长非蛙藤混札宦徐耀贮满庄晦炼缓蔗睦绵馁抑印贡哇誓绘放泛犬玻掸肺第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页Private Sub head_Click() Winsock1.SendData HEAD /index.html HTTP/1.1 + vbCrLf + Host: www.online.sh.cn + vbCrLf + vbCrLfEnd SubPrivate Sub post_Click() Winsock1.SendData POST /index.html HTTP/1.1 + vbCrLf + Host: www.online.sh.cn + 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.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 肌训名耶还呵乘添赁爪赵痴亩塘上码科说佳碘漠流店钒婪峭超砰约谈貉碾第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n2.2.2HTTP协议n象DCOM和IIOP一样，HTTP层通过TCP/IP进行请求/响应通信。一个HTTP的客户端用TCP连接到Web服务器。在HTTP中使用的标准端口号是80，但任何其它端口也能被使用。在建立TCP连接后，客户端可以发送一个请求消息到服务器端。服务器在处理请求后发回一个HTTP响应消息到客户端。请求和响应消息都可以包含任意的传输体的信息，通常用Content-Length和Content-Type的HTTP头来标记(详细见RFC1616)。n一个合法的HTTPPOST请求消息示例：nPOST /index.html HTTP/1.1nHost:127.0.0.1nContent-Type:text/plainnContent-Length:7nbrand=An n一个合法的HTTPGET请求消息示例：nGET /index.html HTTP/1.1nHost:127.0.0.1n 2.22.2WebWeb系统与系统与HTTPHTTP协议协议澡疽摩拒凹莱魔胯柑椅刀指钉侩毋霖诀倦蓝咀爷扩埃阁贤坪琉亨歇刻手医第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n2.2.2HTTP协议nHTTP响应n在处理了请求之后，在处理了请求之后，Web服务器将发回一个服务器将发回一个HTTP响应到客户端。响应中包括一个状态代码，表示请求响应到客户端。响应中包括一个状态代码，表示请求的结果。的结果。n返回状态代码200，表示HTTP命令已被Web服务器成功解析；n返回状态代码400，表示Web服务器解析HTTP命令失败；n返回状态代码30X，表示Web服务器已将HTTP请求转向到另一Web服务器；n返回状态代码50X，表示Web服务器不支持此HTTP请求命令；n状态代码1XX，为Web服务器保留码n示例：2.22.2WebWeb系统与系统与HTTPHTTP协议协议400 Bad RequestContent-Length: 0200OKContent-Type:text/plainContent-Length:12dlroW,olleH307 Temporarily MovedLocation: http:/209.110.197.44/foobarContent-Length: 0翌炎速军椿牲旭宫研凹弹笛舍谆音约猾共奋凡底栋附愈腋砂谱垛司铡去吹第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n练习：练习：n请将测试HTTP命令的VB程序改写成java程序。言匪茶种耽煞摈水褐奉嚏佬慰轧收探坡眨诺拴败浦棉勿翅擒杭冤掂隋引载第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.1静态页面的体系结构静态页面的体系结构 n静态网页的特征n静态网页的内容固定不变;n静态网页的制作比较方便；n静态网页的体系结构Client(浏览器)WebServer硬盘HTML页面从硬盘获取文件文件返回页面请求窖顺俺鸭茬霜贫仿剩黎姆馅肿惺赚贪稀泅垣谭狞氟蕉脊梭驼亢穿抬故磕践第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n标准通用置标语言SGML(StandardGeneralizedMarkupLanguage)n置标n标志语言nSGMLSGML(StandardGeneralizedMarkupLanguage)是最早的标记语言，而且是一种丰富的元语言，几乎可以用来定义无数种标记语言，HTML和XML都是在此基础上派生出来的。SGML是ISO组织在1986年推出的一个用来创建标记语言的元语言标准，它源自IBM在1969年开发的GML。正如其名所言，SGML是一种用标记描述文档资料的通用语言，包含了一系列的文档类型定义（DTD,Document TypeDefinition），DTD中定义了标记的含义，因而SGML是可以扩充的。SGML为出版业提供了一种将数据内容与显示分离开来的数据表示方法，使得数据独立于机器平台和处理程序，在许多大型出版系统中发挥了重要作用乓雀祭泽泊反胰望胎虎疟梦耘慧俺鳖画动神消沾桔赠沛各痕绚下爆仅布玉第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n超文本置标语言HTMLn特点n平台兼容n文本文件n超链接nWeb服务器不处理标记，由客户端浏览器解释n丰富的多媒体显示、各种布局处理n缺点nHTML更多的关注Web浏览器如何在页面上安排文本、图象和按扭等，过多的考虑外观使，缺乏对结构化数据的表示能力；nHTML还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点；nHTML中有限的标记不能满足众多Web应用的需要 ，缺乏可扩展性堵枣贺津箍忱洋汽以扩杖追届葱聂暂酵琳办蜜桥拘痔寞拍蚕与早具克骂韭第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n超文本标记语言HTML实例（略）n样式n样式种类：HTML样式、内嵌的CSS样式、外接的CSS样式n实例朗澳立榨搽脑毕惑稽脂讶斡柒仿溃惰雹逞颅鸵痢俩荒舔狙缎曳毗侍绣胸丧第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页无标题文档浮雕彩色文字浮雕彩色文字浮雕彩色文字驴党亏誓艺焰沾缸遗颜诲箔宰毒啃钳炮会叁凄持贮碟裁捆程晴缅湖活卫琢第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLn前言 XML在SGML的基础上，去除SGML中过于复杂的东西（缺点），保留一些作为元标记语言的东西（优点），用户可以自己定义标记，自己定义的标记可以在DTD或Scheme（模式）中加以描述，并且，与SGML一定需要DTD不同，在XML中DTD可有可无，它的使用完全视使用者需要而定。用户甚至可以通过XML制定自己的标记语言，而不必得到W3C、Microsoft、Netscape的同意，因此XML的应用潜力是很明显的。社膜篱怜股祟总罕拙罪肄与锚妖件田灸掠亦沦场菏赔啊篙拖辱俘义沤帐逊第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页GML(1969)SGML(1985)XML(1998)XHTMLMathMLWMLSVGcXML(1969)ebXML(1969)HTML(1993)2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言XML家族毖颊珊琳奖河拆诲辉瞳刊涡有佛庸椰矢造早扇敛沟白彬闲讹纱鹏晚尸迟帅第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n 扩展标记语言XMLnXML语法恬纶搞季遗向渴宏仇梧捍纲吠谁弹兽盯锑蛊闲际榷志侨妈辅时孜沈梨辈峰第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n 扩展标记语言XMLnXML语法nXML声明n元素与属性n注释n处理指令 nCDATA区 网页设计王大名590电子商务技术基础李立洪120汰棠讨柒惫卷渠若庸拭肇坐暗泵爪铆乎娘鹊条敢逼斜暂挂议捻檄朵拘挪烃第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n 扩展标记语言XMLnXML语法nXML声明n元素与属性n注释n处理指令 nCDATA区 n说明：nCDATA区以“!CDATA”为起始，“”为终了。区块内容中唯一不能包含的正是“”这个终止符号。其他内容，只要是合格Unicode字，都可以自由放置其中；nXML中要区分大小写，因此“!CDATA”不可写成“!cdata”或“!Cdata”；n出现在CDATA区中的内容，解析器在解析时原封不动、一五一十地交给下游的程序；比较：纠蒜丧粘柬吨坐涣校临规弯忠捏税屁满萧炔碱妓宴镭蹄白坟妊周塞酮钮茂第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法n编写XML的几个原则 n所有的元素都要配对n标记之间不得交叉 n所有属性值都得含有引号 n大小写有区别 n一空二空有区别 在 HTML里 ， 存 在 这类自成一个单元的标记 ， 这 在 XML中 称 为 空 元 素（empty element),因为这样的元素不含任何文字内容，只有属性。XML为空元素特别发明了一种新的表示法，如下： 若带有属性的话，则写成： 若： 电子商务技术基础无名氏这就犯了”标记之间不得相交“的大忌，会被删除掉。XML中规定，所有的元素排列必须是严谨的树状结构。在使用DOM、XSLT和XPointer来分别控制、转换、连接XML文件时，都需要随时对文件的内部结构了若指掌。系柒码恨砰肚抛娥黄刺枫仁磁缩掖荆啸荣鹊端捍歌誓侵叛腑哺熄痊迁茨狭第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法n名称空间（namespace）n名称空间的规定，并没有收录在XML1.0的标准中，而是透过后来一份单独的标准来增补，这份标准的全名为“NamespacesinXML”；n xml1.0的标准：http:/www.w3.org/tr/rec-xml;NamespacesinXML:http:/www.w3.org/tr/rec-xml-names)凯切种辅高羹民箱鞋搅椎终阂淄嫂倔荔疽熄驱画云膘如津糊彼桨钉菏其镰第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为为什么需要名称空什么需要名称空间间 ？n区分各个标记，避免与其它标记混淆张3无法区别这两个不同的标记伎琴酶真穆豺街乃苑惰忻邀懦剧寻雷碎充浮酣沼锣客奄撵目裴贱蜜步硬月第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为为什么需要名称空什么需要名称空间间 ？n名称空名称空间标记间标记的的选选用用 新祥发新祥发 . . . . . . . 同仁堂同仁堂 . . . . . . . 莹赎赁唯氏楼沃等谗霹癌午莉芦风饿冉顷亢仪柜峦擂呆册惠搐半减孔忿增第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为为什么需要名称空什么需要名称空间间 ？n名称空名称空间标记间标记的的选选用用nURLURL、URNURN、URIURI的区的区别别 平时所说的网址，就是URL。其实名称空间中的标记规定的是使用URI，URI全名为Uniform Resource Identifier(统一资源标记码)，这是一个Internet 标准，记载于RFC2396;它与URL有何不同呢？基本上，URI比较广义，泛指所有以字符串标示的网络资源，范围涵盖了URL和URN。URL指的是标有通信协定（如HTTP、FTP、GOPHER）的字符串。URN(Uniform Resource Name)则是用来标示持久、而且有专门机构负责的资源，譬如图书馆的图书总目。 颊了桌膘鲍睡杉界巫蚕乱县魂挛咏关衷恶罐遭释取津盯戚匈惹岭勿冻佑枣第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为为什么需要名称空什么需要名称空间间 ？n名称空名称空间标记间标记的的选选用用nURLURL、URNURN、URIURI的区的区别别 n名称空名称空间间的范的范围围 ：只作用于自己所在的目只作用于自己所在的目录树录树 新祥发新祥发 . . . . . . . 营俯低墨寺妖躁谷人愿密仔陈撑免鞋岂捶狮萤淬愿撬隐如鞘揉焊催祖凯三第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为为什么需要名称空什么需要名称空间间 ？n名称空名称空间标记间标记的的选选用用nURLURL、URNURN、URIURI的区的区别别 n名称空名称空间间的范的范围围 ：只作用于自己所在的目只作用于自己所在的目录树录树 n默默认认的名称空的名称空间间 n一个实例：含有一个实例：含有HTMLHTML表单功能的表单功能的XMLXML文档文档连到两只老虎 这样也可以连到 2T陪力漱卧祁搓替州茅襄茨皿润叠唱她躇腆表劫驻译仆拍塘唤爵野冈玛诣峦第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义 n问题的提出淡岁皑揉伪桐拟江界绘衅沙吃释菊投桥是乡拒哇疟甸恃缚连娩舒南掏喇疾第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术电子商务技术基础李立洪，李卫12090电子商务技术基础李立洪李卫12090 这里究竟如何表示数据？需要定义一套法则来规范它。这套法则叫DTD（Document Type Definition)，也就是对XML文件在格式上进行限定。 用DTD可以清楚的定义和规范：”作者“这个元素到底是可以出现多次，还是在任何一个”书籍“.中只能出现一次？一个元素能包含哪些属性？父子元素相互依存的关系？各个元素出现的顺序？ 胀氛秒棍专鸦影痞鹃福嫂炳颅关怔告色枉换村瀑教窑簿病斋煮恬敛绰妻证第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n问题的提出问题的提出nDTDDTD定义定义网页设计张凡590电子商务技术基础李立洪120Book.dtd文件的内容如下：裂默宾矩枯安烟苯赢海蹿婉网曰掺肛宦蛙河陆逐宛涛鹰僚坪蛹诧无揩哀判第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义nXML数据的表现与样式链接n利用XML语言和DTD文档，可以将数据、文件资料准确完整的表示表示出来，但缺少显示格式信息（内容与显示分离），XML文档还不能像用户所希望的那样在IE中表现表现出来。因此除了XML文档之外，还需要有相关的文件提供有关显示和处理XML文档的信息，这种文件就是样式文件(.css,.XSL) 或:?xml-stylesheet href=style.xsl type=text/xsl ?寥游颓裁竖埠吁蹈彬艳践挞霍屹德减级兰瞧激酱区闺煮漠抄贵肺腆凤潘妇第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义nXML数据的表现与样式链接nXSL样式文件XSL是一种用来转换XML文档结构的语言，XSL文档中定义了与XML文档中各个逻辑成分相匹配的模板及匹配转化方式，解析器裾此可将XML源文件转换为带样式信息的可浏览文档，如HTML格式、FO格式、或者其它面向显示方式的XML文档，限于目前浏览器的支持能力，大多数的情况下转化为一个HTML文件进行显示。至于具体的转换过程，可以在服务器端进行，也可以在客户端进行，分别对应着不同的转换模式。在IE5.5中内嵌了一个MSXML3解析器，由它生成的带格式的中间文件会显示在浏览器中。 张三 男 20 李四 女 27 个人档案 姓名 性别 年龄 既处你售巧娘谴淫限刃器盆弘墙笋吭靶诞吱僚被著统曰梳污槛呐用秀绰真第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义nXML数据的表现与样式链接 nXML应用开发 n构造XML标记语言 n生成XML文档n显示XML文档 n操纵XML文档 操纵XML文档可以通过使用DOM或SAX(Simple API for XML)应用编程接口来实现。DOM是W3C为XML文档和HTML文档定制的一个独立于平台和语言的编程接口标准，使得程序和脚本都能以标准的方式存取与更新文档的内容、结构和式样。要查找完整的XML文档对象模型，请访问微软网站。同时，如何你想了解XML DOM以及XSL和ASP的高级用法的例子，请访问www.i3solutions.com/onlinedemos.asp；而SAX是XML_Dev邮件列表组推出的一个XML的java应用编程接口标准，Java应用程序可以使用支持SAX的XML解析器来接收解析事件。柄楔蹭帚付录召饱蛹伞抽躬拌嘿轰亨椒娱款根胎廓链粱借蓄贴珊蹄簿旅料第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术置标语言的特征与演变置标语言的特征与演变 n 置标语言XMLn XHTML nHTML4.0之后为XHTML；n什么是XHTMLnXHTML最早叫“HTML in XML“。简单的讲，就是把过去以SGML定义的HTML，改用XML来重新定义，所有XHTML的标记都以既有的HTML4.0标记来定义，各元素和属性的名称和用法几乎完全不变。不过因为变成了XML,有些地方必须遵照XHTML的规矩，严格执行，不能再象以前那样随便。XHTML1.0这套标准，1998年8月24日升格为建议标准（proposed recommendation） 蛛咒坦师炽沪经孰键盒允峙芹贬熙昧撒缔轰迁寸汀韶载被滋厨茄兄穿更疾第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页 几只老虎才够看？!CDATA function countTigers(n) if (n 一个非常短的段落。 石洲民受齐吉疥舷正楚话噬兵卿竿悯缀花呀窟盟撬譬跌斥哉径蔽靡仍葫括第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n2.3.3网网页页的制作与的制作与发发布布 nWeb服务器的安装与设置n网页制作与实例n将网页发布到服务器揭漾撞沿埃远悬少谰酌抢侄讥饺桓曝弛卿眨辽起跨版符清诛批恕欺声亚奸第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术nApacheApache服务器的安装与设置：服务器的安装与设置：n1 1）ApacheApache服务器简介服务器简介nApache是开放源代码的Web服务器软件，是最常用的Web服务器。Apache常用在Unix和Linux系统下，也有用于Windows平台下的版本n n2 2 2 2）ApacheApacheApacheApache服务器的安装服务器的安装服务器的安装服务器的安装n下载Apache：http:/nagoya.apache.org/mirror/httpd/binaries/win32/ ，版本：1.3.x和2.0.x ，扩展名：exe或msi n安装Apache：在“Network Domain”里输入域,若服务器的域名为“www.usst.com”，则在这里输入“usst.com”；在“Server Name”里输入服务器名，即完整的服务器域名，这里为“www.usst.com”；在“Administrators Email Address”里输入网站管理员的Email地址 n n3 3 3 3）运行）运行）运行）运行Apache Apache Apache Apache 诌妨砸竹携娩惟胞年岳垃请粗邻嚏枣琴咨武麦扯缮鸿直准积赁振称噶绰掸第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页咸扳涡明募彭幢铃苍张轧坦吟激絮窿赊催挝厉芜蛛棋舒引封乾屿舞佯匪蹿第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n4 4）配置）配置ApacheApache表2-10Apache的配置文件httpd.conf中的主要选项选项选项说明说明Port80Apache的端口，默认值是的端口，默认值是80。ServerNamewww.usst.comWeb服服务务器器的的名名字字,安安装装时时输输入入的的“ServerName”就就是保存在这里。是保存在这里。DocumentRootC:/ProgramFiles/ApacheGroup/Apache/htdocs网网 站站 的的 根根 目目 录录 。 如如 果果 想想 把把 网网 站站 文文 件件 存存 放放 在在“D:myweb”目目录录下下，可可以以把把DocumentRoot后后面面的的目录修改为目录修改为“D:/myweb”。OptionsIndexesFollowSymLinksMultiViews为为了了安安全全，有有时时需需要要删删除除Indexes属属性性，否否则则别别人人可以浏览到网站里的所有文件。可以浏览到网站里的所有文件。DirectoryIndexindex.html默默认认首首页页文文件件名名。当当在在浏浏览览器器里里输输入入一一个个地地址址（例例如如http:/www.usst.com/）时时，Apache就就会会查查找找这这个个默默认认的的首首页页文文件件并并打打开开。如如果果要要配配置置多多个个默认的首页文件名，可用空格分开。默认的首页文件名，可用空格分开。ScriptAlias /cgi-bin/ C:/Program Files/ApacheGroup/Apache/cgi-bin/CGI文件存放路径。文件存放路径。2.32.3静态页面的表达及其技术静态页面的表达及其技术规蛋吃胳饯共卯怕雀汕柳鉴十久毛湘匙芬呻呈聪势黎窥荫宛湾冉链您凤嫉第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n设置虚拟目录：在主配置文件中找到行：，在这行的下面添加如下内容：Alias/vdir/c:/comexe/OptionsMultiViewsAllowOverrideNoneOrderallow,denyAllowfromall这样，通过访问 http:/www.usst.com/vdir/，就可以访问到c:comexe目录下的内容。Apache默认开设了两个虚拟目录：“/icons/”和“/manual/”。2.32.3静态页面的表达及其技术静态页面的表达及其技术盒初筑晚恫机击聂稳幂诀奥煮慈画汉飞调饰最戴擞吝毙誊烽洁牙面炸泳扭第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n网页制作与发布网页制作与发布n网页设计环境n在进行网页制作之前,需要了解相关的技术和外在的条件,估计网页文件的大小、复杂程度、下载时间和访问者的感受，同时也需要设计很好的导航结构，这样才能让人不“迷路”。n网页设计应尽可能从用户出发，根据不同的对象，采用不同的技术 ，考虑用户的具体环境进行网页设计，使之适应不同的浏览器、操作系统和计算机平台，最大限度的吸引用户。 2.32.3静态页面的表达及其技术静态页面的表达及其技术涩跃孵腋弘摊沟蜒椅填么樟皑骤朗登尉疽待盛耿媚尺凸驮裔锄缮分吉诈秧第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n网页的制作工具n简单的文档编辑工具n主要应用于HTML等纯文本文件的编辑；如Windows下的记事本，DOS下的Editor编辑器等；n功能齐全的专用工具n可以以图形化的界面完成所见所得的静态网页，包括基本的网页文本、网页外观、超级链接及丰富的多媒体和动画处理工具，此外这些工具还提供了更多的网站开发和管理工具，典型的专用工具有Dreamweaver、Frontpage等；n集成开发环境中的Web应用n如IBM Websphere集成开发环境中的Web应用工具。利用此Web应用工具可以交互地调试客户端和服务器端的代码，无需编程或较少编程就能构造相关的数据驱动网页，简化开发过程。 式亏揖矿锈峭陶孤姐瘪撬筋锁驹俗钞多屉喉廊洱悠警疼践蔚昌勾种锅逐贩第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n网页制作实例n利用Dreamweaver编写网页：人激咽骋稼藤气掠稿规序巢裂锈翘陆宪硝燕象叶允惠嗓粹谭忍梨楷染扰诊第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n将网页发布到服务器n方法：n使用专用的文件传送工具，如Cuteftp等；n使用集成在如Dreamweaver中的文件发布功能 例例将将Dreamweamer中制作的网页上传到远程中制作的网页上传到远程Apache站点。操作步骤如下：站点。操作步骤如下：1）用）用站点站点菜单下的菜单下的新建站点新建站点功能建立一个新站点，站点属性设置示例如下：功能建立一个新站点，站点属性设置示例如下：本地信息：站点名称为：本地信息：站点名称为：mysite1本地根文件夹：本地根文件夹：d:mysite1远程信息：访问：本地远程信息：访问：本地/网络网络远程文件夹：远程文件夹：d:programfilesapachegroupsapachehtdocs测试服务页：服务器模型：无测试服务页：服务器模型：无2）新建一个）新建一个HTML页，内容不妨为简单的字符串页，内容不妨为简单的字符串“mytestmytest”,并存盘为并存盘为bb1.htm文件；文件；3）在站点窗口中，利用文件上传的功能将文件）在站点窗口中，利用文件上传的功能将文件bb1.htm上传到远程的上传到远程的Apache服务器上；服务器上；4）打开浏览器进行测试）打开浏览器进行测试杜续抵擞樟邑哲噪雨囚偷死甫匿惩和花霍砚砸妆己穷湘胳溜夕厨掏台颤滤第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术例例若远程端安装有若远程端安装有Tomcat服务器，将服务器，将Dreamweamer中制作的网页上传到远程端。中制作的网页上传到远程端。操作步骤：操作步骤：1）用）用站点站点菜单下的菜单下的新建站点新建站点功能建立一个新站点，设置属性设置示例如下：功能建立一个新站点，设置属性设置示例如下：本地信息：站点名称为：本地信息：站点名称为：mysite1本地根文件夹：本地根文件夹：d:mysite1远程信息：访问：本地远程信息：访问：本地/网络网络远程文件夹：远程文件夹：d:programfilestomcat4webappsroot测试服务页：服务器模型：测试服务页：服务器模型：JSP访问：本地访问：本地/网络网络测试服务器文件夹：测试服务器文件夹：D:ProgramFilestomcat4webappsROOT2）建一个）建一个JSP页，内容不妨为表页，内容不妨为表2-11中的内容中的内容,并存盘为并存盘为cc1.jsp文件；文件；3）在站点窗口中，利用文件上传的功能将文件）在站点窗口中，利用文件上传的功能将文件cc1.jsp上传到远程的上传到远程的Tomcat中；中；4）打开浏览器进行测试）打开浏览器进行测试称简健直缨诱匀推宏煤比硕桌仿钻茫宛凡镊康压咒队盎涂谢貌肋台誉汹乏第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术可测试如下所示的可测试如下所示的JSP网页：网页：无标题文档RequestMethod:ServletPath:QueryString:ContentType:Protocol:PathInfo:ServerName:ServerPort:RemoteHost:RemoteAddr:Scheme:球效拐恿炕陵曼菜仅蛇俺旁裂檬鼻慷蝉唇铁卑撂映屋稿叭树仔迸蓟慑呈稽第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页映陶溢团姨赣剂想肩累瓮河义浊季场恩颊辙液斯惨夹滁蔑量编溉毡爽谓秤第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页国撂座刨坎蜡他汀趟商轧灌价厌认噎猎镶邓去团出氖旭蝎跨金环涕得恶遵第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页眨勿县讣鳞乃雇越邑梯治招庆柳器组寇惹颖同吏姐镀尝雄附囚呈彻狐都托第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业作业作业11n编写一个静态网页，并发布到编写一个静态网页，并发布到ApacheApache服务器或服务器或TomcatTomcat服务器中。服务器中。抒糙倚类屹功刀静糖戴肃赶暖桔早脂讹菜酵毒赣窿剩火渊虹讽悬弥蹭峨维第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业22n利用利用VB(VB(或其它编程工具）编写一个程序或其它编程工具）编写一个程序, ,与与WebWeb服务器服务器进行交互，验证进行交互，验证HttpHttp协议的正确性。协议的正确性。n注：使用winsock或wininet控件编程都可以辑翼胀幸钥蚀哉镁每裁常锰耍勃承斤冒郁痰站塑越爬殖铰设啪旨汕傣冷燎第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页附：Internet客户机与服务器交互的模式纂惕寿裙挎侍床章豺五邑槐焚辜搐札沸坚纱配团卷恃匪苗言珍破埔痞究堵第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页执行的顺序：(Client在connect时，Server必须处于listen状态)ConnectionRequest厌嘿腋婉渐姿竿培离辛妨碧主氮赏救涪蛀官欠包隔通法棒手捻段伸生窜格第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页实例（VB）：酥撼闹另钢嫉弹腕庭宠须郧椅际周雌温矾妖鞘琉均铭疚茶抚盘滨署舰埂易第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页服务器端客户端馒麻肿叉逻键聋增碉境昆壹技谬烧肥祖弥米奈掏球锭裸丈悠蛇肚舶逻厂傣第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页注：注：nWinsock.RemoteHost=“string”Winsock.RemoteHost=“string”，stringstring可为可为www.xxx.comwww.xxx.com形式，形式，也可为点分十进制形式，如：也可为点分十进制形式，如：192.168.10.1192.168.10.1nWinsock.RemoteHostIPWinsock.RemoteHostIP属性为只读，且在属性为只读，且在connectionconnection连通之后才有连通之后才有效，它为对方的效，它为对方的RemotehostRemotehost值值nWinsock.LocalhostnameWinsock.Localhostname与与Winsock.LocalIPWinsock.LocalIP属性也为只读，分别为属性也为只读，分别为本地的主机名与本地本地的主机名与本地IPIP地址地址nWinsock.StateWinsock.State指示状态，分别为：指示状态，分别为：nsckClosed0Closed(default)nsckOpen1OpennsckListening2ListeningnsckConnected7ConnectednsckError9ErrornWinsock.close()Winsock.close()方法为关闭连接，对方收到通知后也会产生一个方法为关闭连接，对方收到通知后也会产生一个Winsock.closeWinsock.close事件。事件。秃鲸徐眺知殉吉衔味原瓶慈凤地役瓶铅惺启枫樟骡史椽拣撑血登耳育诗部第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页蔑畦丘盯磐方抬的瓷货皑晌铃谷巷枉哲沽食貌差斡铁筑霓磺醒寥法今孺广第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页附：与附：与附：与附：与apacheapache服务器的交互服务器的交互服务器的交互服务器的交互Dim str1 As StringPrivate Sub Command1_Click()Winsock1.RemoteHost = 192.168.10.1Winsock1.RemotePort = 80Winsock1.ConnectEnd SubPrivate Sub Command2_Click() Winsock1.SendData GET /aa.html HTTP/1.1 + vbCrLf + HOST:192.168.10.1 + vbCrLf + vbCrLfEnd SubPrivate Sub Command3_Click() Winsock1.CloseEnd SubPrivate Sub Winsock1_DataArrival(ByVal bytesTotal As Long)Winsock1.GetData str1Text2.Text = str1End Sub买宗昧烙剪螟窿捣殃泊孰锌权目瘩枯踞阑稠棺奥崇范支钡丫磅亨策逼雪浪第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业22n利用利用ASPASP脚本通脚本通过过DOMDOM机制存取机制存取XMLXML文件文件蓟坍筏夜邑萄岳扼悬蚁船腺河琢级郁坎欠袜赎公隅撮矫群撇淄铣毛虞毙舟第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页孙翠析淡绩骸弗梦杠亭殊郁颗污希湾逗不授蠕词喻闺兹善燎西帧斩矫兑胶第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页AnyQuestionsAnyQuestionsororComments?Comments?儒鹅坤绣古司向爪桔究焦屎随出瓣融粤官瞧沫嘘阂按卑湾港颂久蝉催睁趟第2章商务表达层与静态网页设技术第2章商务表达层与静态网页设技术