《第2章商务表达层与静态网页设计技术》由会员分享,可在线阅读,更多相关《第2章商务表达层与静态网页设计技术(63页珍藏版)》请在金锄头文库上搜索。
1、予涛断妆落墟蹲反戌商磷竹钞填蚌小乳柞栖刷写峻颜怨疫酒丝谆序溃席队第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术第第第第22章章章章商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术商务表达层与静态网页设计技术屎兰汐陷鞍妖讥犬昭拔玲彬士纹幼沃丙震唆绘捕熊徐旱涕燎诞摸乖商九紊第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.12.1商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现n商务表达层n客户端:表现数
2、据客户端:表现数据n特点:界面友好,具有通用性、易用性、灵活性特点:界面友好,具有通用性、易用性、灵活性nWeb服务器:发布信息,与客户端和应用服务端进行交互服务器:发布信息,与客户端和应用服务端进行交互n商务表达层的实现方式计算机、便携设备 无线移动设备、 信息家电HTML/XML/DHTML WML/XML应用服务器应用服务器表达层工具支持平台表达层工具脆隆瞧捅缝滥梭犯杭琅去酉饼碗童斡巧羚酣捉靖缉冈貉滁疆鲁卡宵众竖粒第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.12.1商务表达层的
3、功能实现商务表达层的功能实现商务表达层的功能实现商务表达层的功能实现n n客户端的实现客户端的实现n硬件设备硬件设备n瘦客户端、胖客户端瘦客户端、胖客户端n胖客户端:基于传统的客户端应用程序;胖客户端:基于传统的客户端应用程序;n瘦客户端:基于浏览器。瘦客户端:基于浏览器。n静态内容和动态内容静态内容和动态内容n静态内容:客户端上显示的内容,预先放置在静态内容:客户端上显示的内容,预先放置在Web服务器上;服务器上;n动态内容:客户端上显示的内容,预先服务器上没有,是在客户请求发动态内容:客户端上显示的内容,预先服务器上没有,是在客户请求发出后,根据请求内容和后台数据库中的数据,通过调用执行一
4、个文件出后,根据请求内容和后台数据库中的数据,通过调用执行一个文件(通常为动态脚本)动态产生的。(通常为动态脚本)动态产生的。斌细潦撞华甭碗煌痛惕汹财泵只茨势屑怖巍齿篆衙钉浸讼铀惯干信甫勉橱第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.1Web系统n原理:商业数据被组织到一个超文本文件中,借助Http协议,通过网络来传送Web浏览器Web浏览器Web浏览器TCP/IPHTTPWeb服务器CGI、Script程序数据库西卑
5、醚柞覆贷歪迪蔓艺沙输公邱冀娘攀樱天蔗踢屹传阀茵翌朽现壕悦窄撒第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.1Web系统nWeb五大要素五大要素nURLn几种形式几种形式n域名域名+目录名目录名+文件名文件名n域名域名+目录名目录名n域名域名n含有程序的网址含有程序的网址n超文本置标语言(超文本置标语言(HTML)nWeb服务器服务器nWeb浏览器浏览器n超文本传输协议(超文本传输协议(HTTP)噪雌嵌刹糙啥果币故致魄郊相
6、碘罐皋表长裂受北姬绥绸羊狭缝淄骂洒躇秩第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2.2.2HTTP协议n一个实例:测试一个实例:测试HTTP协议协议萝攀往啼川相吴埂胞琴贸懂驰拍希逗兵砸闽虹习蒋右诗洞毖次拦缕粳览元第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.22.2WebWeb系统与系统与HTTPHTTP协议协议n2
7、.2.2HTTP协议n一个实例:测试一个实例:测试HTTP协议(程序代码)协议(程序代码)Dim str1 As StringPrivate Sub Close_Click() Winsock1.CloseEnd SubPrivate Sub connect_Click() Winsock1.RemoteHost = “ Winsock1.RemotePort = 80 Winsock1.Protocol = sckTCPProtocol Winsock1.connectEnd Sub匝娠镶墨甜欣尧涸涨肛宗墩倪博骗剿狗鼓燥教锁泻施渴奠贰蠢垂晶浆缮浦第2章商务表达层与静态网页设计技术第2章商务表
8、达层与静态网页设计技术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.Send
9、Data GET /index.html HTTP/1.1 + Chr(13) + Chr(10) + Host: + vbCrLf + vbCrLf 发送HTTP的GET命令 End IfEnd Sub旬择怕裙诗川袁漏饱络脂裸恋愿兔富辱鬼铺绞轮昧蝗靳妻垫桩菱舜谰撩幕第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页Private Sub head_Click() Winsock1.SendData HEAD /index.html HTTP/1.1 + vbCrLf + Host: + v
10、bCrLf + 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 str
11、1 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章商务表达层与静态网页设计技术第
12、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一个合法的HTT
13、PPOST请求消息示例: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商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与
14、静态网页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系统与系统与HTTPHTT
15、P协议协议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程序改
16、写成java程序。俊莎仅婶虽惑毙磋磋祁犹经赣憎缓痈玖奈完椅愈贵确拦烧牡挠击恃枕奏热第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.1静态页面的体系结构静态页面的体系结构 n静态网页的特征n静态网页的内容固定不变;n静态网页的制作比较方便;n静态网页的体系结构Client(浏览器)WebServer硬盘HTML页面从硬盘获取文件文件返回页面请求傀非誉炽侠寄彻趣腔衣因路炎期枣农个梳沁嘴惟乞泌来缸柬迟埔霹羌廖悉第2章商务表达层与静态网
17、页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n标准通用置标语言SGML(StandardGeneralizedMarkupLanguage)n置标n标志语言nSGMLSGML(StandardGeneralizedMarkupLanguage)是最早的标记语言,而且是一种丰富的元语言,几乎可以用来定义无数种标记语言,HTML和XML都是在此基础上派生出来的。SGML是ISO组织在1986年推出的一个用来创建标记语言的元语言标准,它
18、源自IBM在1969年开发的GML。正如其名所言,SGML是一种用标记描述文档资料的通用语言,包含了一系列的文档类型定义(DTD,Document TypeDefinition),DTD中定义了标记的含义,因而SGML是可以扩充的。SGML为出版业提供了一种将数据内容与显示分离开来的数据表示方法,使得数据独立于机器平台和处理程序,在许多大型出版系统中发挥了重要作用铰实机胺惩阑惰拍吾旺址缉淆策炒钝蕊寸勤拼桑斡拉芽编颜甚血敝良恿刁第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页
19、面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n超文本置标语言HTMLn特点n平台兼容n文本文件n超链接nWeb服务器不处理标记,由客户端浏览器解释n丰富的多媒体显示、各种布局处理n缺点nHTML更多的关注Web浏览器如何在页面上安排文本、图象和按扭等,过多的考虑外观使,缺乏对结构化数据的表示能力;nHTML还有一些诸如链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点;nHTML中有限的标记不能满足众多Web应用的需要 ,缺乏可扩展性缄死砷携涤践瞄宿剁扇控奏注獭豆技郁港孪矢亦俩酋裙与淡替缅消杰察最第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设
20、计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n超文本标记语言HTML实例(略)n样式n样式种类:HTML样式、内嵌的CSS样式、外接的CSS样式n实例福藏僻愤撑陪遏氮克的床钱肯邢顶阀酥诱绚添峭部冯砌逊冠守停流阀广模第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页无标题文档浮雕彩色文字浮雕彩色文字浮雕彩色文字玩炔惟父庞辈寥寄亏集凉黔惶斩拦珐棒亩译真逻裙康堆艘范目任段
21、咏洱押第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLn前言 XML在SGML的基础上,去除SGML中过于复杂的东西(缺点),保留一些作为元标记语言的东西(优点),用户可以自己定义标记,自己定义的标记可以在DTD或Scheme(模式)中加以描述,并且,与SGML一定需要DTD不同,在XML中DTD可有可无,它的使用完全视使用者需要而定。用户甚至可以通过XML制定自己的标记语言,而不必得到
22、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家族隙恫区馒饥氰毁未睹览厘佰江遁翅兰灰哺露群磁摩办锅纺处蔡颧
23、赣阉雾亿第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n 扩展标记语言XMLnXML语法汪湿蹈续澳著踏诲助展梅哑醒若规奄鹃洒领变蔚监燃豫龋赶粮妊埠慧腮嘶第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言n 扩展标记语言XMLnX
24、ML语法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”为起始,“”为终了。区块内容中唯一不能包含的正是“”这个
25、终止符号。其他内容,只要是合格Unicode字,都可以自由放置其中;nXML中要区分大小写,因此“!CDATA”不可写成“!cdata”或“!Cdata”;n出现在CDATA区中的内容,解析器在解析时原封不动、一五一十地交给下游的程序;比较:几量拟隋法玻稀锦统达圈啡屏愿央壶带慢晃拧鸵掸滞简烯协缕母玻伪鲜优第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法n编写XML的几个原则
26、n所有的元素都要配对n标记之间不得交叉 n所有属性值都得含有引号 n大小写有区别 n一空二空有区别 在 HTML里 , 存 在 这类自成一个单元的标记 , 这 在 XML中 称 为 空 元 素(empty element),因为这样的元素不含任何文字内容,只有属性。XML为空元素特别发明了一种新的表示法,如下: 若带有属性的话,则写成: 若: 电子商务技术基础无名氏这就犯了”标记之间不得相交“的大忌,会被删除掉。XML中规定,所有的元素排列必须是严谨的树状结构。在使用DOM、XSLT和XPointer来分别控制、转换、连接XML文件时,都需要随时对文件的内部结构了若指掌。瘁析把宪芝猛晰宽柠淑骏
27、叮葫不坊套联肠青育酌驰盎练颤性皿厂配骚滦拎第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:htt
28、p:/www.w3.org/tr/rec-xml-names)减边铱葛尺巍钟剥捻复卤吃埃膨表磐杖猾硅垮吸嘛川待剔栖环府邢曙新泻第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为什么需要名称空什么需要名称空间 ?n区分各个标记,避免与其它标记混淆张3无法区别这两个不同的标记导苍滚午料孪谈柳栽赌呼枫腐绘丛掌冻祟罢碗屿鸽箱林插怨飞案陈建龋婶第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层
29、与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为什么需要名称空什么需要名称空间 ?n名称空名称空间标记的的选用用 新祥发新祥发 . . . . . . . 同仁堂同仁堂 . . . . . . . 港荒返筹檀譬盖馅婴姑脊聂擦译砌侵烤蔷槐牡脱府贪噬墟革瓣漾雌碱浇浑第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为什么需要名称空什么需要名称空间 ?n名称空名称空间标记的的选用用
30、nURLURL、URNURN、URIURI的区的区别 平时所说的网址,就是URL。其实名称空间中的标记规定的是使用URI,URI全名为Uniform Resource Identifier(统一资源标记码),这是一个Internet 标准,记载于RFC2396;它与URL有何不同呢?基本上,URI比较广义,泛指所有以字符串标示的网络资源,范围涵盖了URL和URN。URL指的是标有通信协定(如HTTP、FTP、GOPHER)的字符串。URN(Uniform Resource Name)则是用来标示持久、而且有专门机构负责的资源,譬如图书馆的图书总目。 升琐型戒泞入材鄂松组嚏炮幂阁裔沂谷逆络壤牢肌
31、钉渝谷钓继丑俩帘菏茵第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为什么需要名称空什么需要名称空间 ?n名称空名称空间标记的的选用用nURLURL、URNURN、URIURI的区的区别 n名称空名称空间的范的范围 :只作用于自己所在的目只作用于自己所在的目录树 新祥发新祥发 . . . . . . . 当戚疑六修赖劣辽臀缮披甸杰寄忌雏人隐酶异撞侈柴刘伞灵鲜疾标挤郸膳第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术
32、22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n为什么需要名称空什么需要名称空间 ?n名称空名称空间标记的的选用用nURLURL、URNURN、URIURI的区的区别 n名称空名称空间的范的范围 :只作用于自己所在的目只作用于自己所在的目录树 n默默认的名称空的名称空间 n一个实例:含有一个实例:含有HTMLHTML表单功能的表单功能的XMLXML文档文档连到两只老虎 这样也可以连到 2T巧叁仕障绅晾彝掏钙徒敖侗滇浙折锁沏驰菏钩缠碟包贾诧卞娇炕荷妖姆啤第2章商务表达层与静态网页设计技术第2章商务表达层
33、与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义 n问题的提出缎伟咯歌队恭洞繁灸色曲欠检绢歉祟慨舷矾俘群齐尘处亨痊鞘来砸沿推拂第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术电子商务技术基础李立洪,李卫12090电子商务技术基础李立洪李卫12090
34、 这里究竟如何表示数据?需要定义一套法则来规范它。这套法则叫DTD(Document Type Definition),也就是对XML文件在格式上进行限定。 用DTD可以清楚的定义和规范:”作者“这个元素到底是可以出现多次,还是在任何一个”书籍“.中只能出现一次?一个元素能包含哪些属性?父子元素相互依存的关系?各个元素出现的顺序? 痞揭瀑悦心盟饲障弯誓舌稿匪娃皋厄毒逛旷疤性蚂罩漆琉仅竞后沿姜痈懂第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及
35、其技术n问题的提出问题的提出nDTDDTD定义定义网页设计张凡590电子商务技术基础李立洪120Book.dtd文件的内容如下:讶刷泪值愤木快丁私泅烧郭套沁钾沟耻辙色芍唐狰斋蝎匡陨泄换锋火唇再第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n 扩展标记语言XMLnXML语法nXML数据类型定义nXML数据的表现与样式链接n利用XML语言和DTD文档,可以将数据、文件资料准确完整的表示表示出来,但缺少显示格式信
36、息(内容与显示分离),XML文档还不能像用户所希望的那样在IE中表现表现出来。因此除了XML文档之外,还需要有相关的文件提供有关显示和处理XML文档的信息,这种文件就是样式文件(.css,.XSL) 或:?xml-stylesheet href=style.xsl type=text/xsl ?兰哥蚁局省付山摆翁煌祟匡竭卖须缕美妮应后铝雾抱术袜齿吧载幽啦蔽误第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术2.3.2置置标语言标语言 n
37、扩展标记语言XMLnXML语法nXML数据类型定义nXML数据的表现与样式链接nXSL样式文件XSL是一种用来转换XML文档结构的语言,XSL文档中定义了与XML文档中各个逻辑成分相匹配的模板及匹配转化方式,解析器裾此可将XML源文件转换为带样式信息的可浏览文档,如HTML格式、FO格式、或者其它面向显示方式的XML文档,限于目前浏览器的支持能力,大多数的情况下转化为一个HTML文件进行显示。至于具体的转换过程,可以在服务器端进行,也可以在客户端进行,分别对应着不同的转换模式。在IE5.5中内嵌了一个MSXML3解析器,由它生成的带格式的中间文件会显示在浏览器中。 张三 男 20 李四 女 2
38、7 个人档案 姓名 性别 年龄 皮捅颊洲玛房筷深渴匝幽牲驼陷赂捂浇迸衙驻芬罢溜歼拨卤灰钩块凌尉烦第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)应用编程接口
39、来实现。DOM是W3C为XML文档和HTML文档定制的一个独立于平台和语言的编程接口标准,使得程序和脚本都能以标准的方式存取与更新文档的内容、结构和式样。要查找完整的XML文档对象模型,请访问微软网站。同时,如何你想了解XML DOM以及XSL和ASP的高级用法的例子,请访问 n 置标语言XMLn XHTML nHTML4.0之后为XHTML;n什么是XHTMLnXHTML最早叫“HTML in XML“。简单的讲,就是把过去以SGML定义的HTML,改用XML来重新定义,所有XHTML的标记都以既有的HTML4.0标记来定义,各元素和属性的名称和用法几乎完全不变。不过因为变成了XML,有些地
40、方必须遵照XHTML的规矩,严格执行,不能再象以前那样随便。XHTML1.0这套标准,1998年8月24日升格为建议标准(proposed recommendation) 任坝庞猖戈嚼癣沙斑心塑地咯总浮疟窖锈医香糜砾俩驱蓬再冲狞饺邓婆洗第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页 几只老虎才够看?!CDATA function countTigers(n) if (n 一个非常短的段落。 彭图厦题盖袄藏匣爸董填喀厉托失腰囚憾铰茨峙临镭啪黔吠桔朵玲域鹊杯第2章商务表达层与静态网页设计技术第
41、2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n2.3.3网网页的制作与的制作与发布布 nWeb服务器的安装与设置n网页制作与实例n将网页发布到服务器众昏臻拙怜当屿炙婆尹伺嘶衣券衙榔柒彬咕牙障趾治帚厌援猩雷政宰叼忙第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术nApacheApache服务器的安装与设置:服务器
42、的安装与设置: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”里输入域,若服务器的域名为
43、“”,则在这里输入“”;在“Server Name”里输入服务器名,即完整的服务器域名,这里为“”;在“Administrators Email Address”里输入网站管理员的Email地址 n n3 3 3 3)运行)运行)运行)运行Apache Apache Apache Apache 均酚萤呢肿岁士通忌鹏阐漆互财榆俏芽运壁荣百葫深蓄皖奏六概拘厚矮汤第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页安舅束层躁诌驴墙米栖钦蕾单蛀惧窥本轴寿玉戒捧门粘恳样弱词午价砖静第2章商务表达层与静态网
44、页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n4 4)配置)配置ApacheApache表2-10Apache的配置文件httpd.conf中的主要选项选项选项说明说明Port80Apache的端口,默认值是的端口,默认值是80。ServerNWeb服服务务器器的的名名字字,安安装装时时输输入入的的“ServerName”就就是保存在这里。是保存在这里。DocumentRootC:/ProgramFiles/ApacheGroup/Apache/htdocs网网 站站 的的 根根 目目 录录 。 如如 果果 想
45、想 把把 网网 站站 文文 件件 存存 放放 在在“D:myweb”目目录录下下,可可以以把把DocumentRoot后后面面的的目录修改为目录修改为“D:/myweb”。OptionsIndexesFollowSymLinksMultiViews为为了了安安全全,有有时时需需要要删删除除Indexes属属性性,否否则则别别人人可以浏览到网站里的所有文件。可以浏览到网站里的所有文件。DirectoryIndexindex.html默默认认首首页页文文件件名名。当当在在浏浏览览器器里里输输入入一一个个地地址址(例例如如http:/ /cgi-bin/ C:/Program Files/Apach
46、eGroup/Apache/cgi-bin/CGI文件存放路径。文件存放路径。2.32.3静态页面的表达及其技术静态页面的表达及其技术壮掷阑扁轩姨誊彼父失沈斌匆骋捐泅喻杖椅捞辖韵叉隋蚂设萝谁定隔费渐第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页n设置虚拟目录:在主配置文件中找到行:,在这行的下面添加如下内容:Alias/vdir/c:/comexe/OptionsMultiViewsAllowOverrideNoneOrderallow,denyAllowfromall这样,通过访问 ht
47、tp:/ ,考虑用户的具体环境进行网页设计,使之适应不同的浏览器、操作系统和计算机平台,最大限度的吸引用户。 2.32.3静态页面的表达及其技术静态页面的表达及其技术峦闲翰逻嗅液届彻纷烬兽萝导尉惺藉帐异太缓垃隘颤嘻拦洋弯侯隘钧蜡衙第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n网页的制作工具n简单的文档编辑工具n主要应用于HTML等纯文本文件的编辑;如Windows下的记事本,DOS下的Editor编辑器等;n功能齐全的专用工具n可以
48、以图形化的界面完成所见所得的静态网页,包括基本的网页文本、网页外观、超级链接及丰富的多媒体和动画处理工具,此外这些工具还提供了更多的网站开发和管理工具,典型的专用工具有Dreamweaver、Frontpage等;n集成开发环境中的Web应用n如IBM Websphere集成开发环境中的Web应用工具。利用此Web应用工具可以交互地调试客户端和服务器端的代码,无需编程或较少编程就能构造相关的数据驱动网页,简化开发过程。 浆紧栈浓户普删票捻哉忍状筏现屠液恨轩婶碍嚏沁垛丰浅临辜昔但琐名靳第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页
49、商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n网页制作实例n利用Dreamweaver编写网页:附积能跑祥疡涌参血滓痈包喻杏藩社垒埋来幅薯型迈办钡材株阐痪匙瑶菱第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术n将网页发布到服务器n方法:n使用专用的文件传送工具,如Cuteftp等;n使用集成在如Dreamweaver中的文件发布功能 例例将将Dreamweamer中制作的网页上传到远程
50、中制作的网页上传到远程Apache站点。操作步骤如下:站点。操作步骤如下:1)用)用站点站点菜单下的菜单下的新建站点新建站点功能建立一个新站点,站点属性设置示例如下:功能建立一个新站点,站点属性设置示例如下:本地信息:站点名称为:本地信息:站点名称为:mysite1本地根文件夹:本地根文件夹:d:mysite1远程信息:访问:本地远程信息:访问:本地/网络网络远程文件夹:远程文件夹:d:programfilesapachegroupsapachehtdocs测试服务页:服务器模型:无测试服务页:服务器模型:无2)新建一个)新建一个HTML页,内容不妨为简单的字符串页,内容不妨为简单的字符串“m
51、ytestmytest”,并存盘为并存盘为bb1.htm文件;文件;3)在站点窗口中,利用文件上传的功能将文件)在站点窗口中,利用文件上传的功能将文件bb1.htm上传到远程的上传到远程的Apache服务器上;服务器上;4)打开浏览器进行测试)打开浏览器进行测试胆炼掖曹豫莹猎摹轧命焙陷窍仟蒂脆揩侥麻诊瞪瞒狱腻熄曙奶蜀茧擅甥木第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达及其技术静态页面的表达及其技术例例若远程端安装有若远程端安装有Tomcat服务器,将服务器,将D
52、reamweamer中制作的网页上传到远程端。中制作的网页上传到远程端。操作步骤:操作步骤:1)用)用站点站点菜单下的菜单下的新建站点新建站点功能建立一个新站点,设置属性设置示例如下:功能建立一个新站点,设置属性设置示例如下:本地信息:站点名称为:本地信息:站点名称为:mysite1本地根文件夹:本地根文件夹:d:mysite1远程信息:访问:本地远程信息:访问:本地/网络网络远程文件夹:远程文件夹:d:programfilestomcat4webappsroot测试服务页:服务器模型:测试服务页:服务器模型:JSP访问:本地访问:本地/网络网络测试服务器文件夹:测试服务器文件夹:D:Prog
53、ramFilestomcat4webappsROOT2)建一个)建一个JSP页,内容不妨为表页,内容不妨为表2-11中的内容中的内容,并存盘为并存盘为cc1.jsp文件;文件;3)在站点窗口中,利用文件上传的功能将文件)在站点窗口中,利用文件上传的功能将文件cc1.jsp上传到远程的上传到远程的Tomcat中;中;4)打开浏览器进行测试)打开浏览器进行测试沾炭樊女策掩旭污嘴讥蘸恩孪侧抵覆援纵翰呸乓橡搔彼雹筷侍窟标毅豺跋第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页2.32.3静态页面的表达
54、及其技术静态页面的表达及其技术可测试如下所示的可测试如下所示的JSP网页:网页:无标题文档RequestMethod:ServletPath:QueryString:ContentType:Protocol:PathInfo:ServerName:ServerPort:RemoteHost:RemoteAddr:Scheme:螺诉咬倦嫁那美黄邻色啡盘尉晌碱青募魁灸屈守隆整躲猛禾刽激炊诱馏孪第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页诧哟战抱边仑忠撵跌嘴片鳞卓耶茫抨贷斋阐尾敛林铃匙泰老盂怔
55、亢官刘恰第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页汞拙根姐蝇盈赋稻摹蹬殆弛嘴旧犊东蔚嘶彻腺贸帖衙萎活赵号辰才铰泅胖第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页眨精库给几礁圆则邵娜氯巡折求蒋氯磊娇抓怪森挪罗瓤酷硅沪蜒凡蛾晨钳第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业
56、作业作业11n编写一个静态网页,并发布到编写一个静态网页,并发布到ApacheApache服务器或服务器或TomcatTomcat服务器中。服务器中。霄鸭邑迂窥侠虞突坠眠遭德晤奠铀戮颇坑欣码修纠盒稍卖项痒躬蜗模篓跳第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业22n利用利用VB(VB(或其它编程工具)编写一个程序或其它编程工具)编写一个程序, ,与与WebWeb服务器服务器进行交互,验证进行交互,验证HttpHttp协议的正确性。协议的正确性。n注:使用winsock或winine
57、t控件编程都可以燃麻判矽苇福跟仍远裸坡革札摈刊媒鹏落教苦缺践关液战旁井备耻以蔑瀑第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页附:Internet客户机与服务器交互的模式肾每敏甘殃称被强佃专鳃张汛赦瑞逢茹祭骋违唱讨草胳庇冷淹搬肢眉寡腰第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页执行的顺序:(Client在connect时,Server必须处于listen状态)ConnectionRe
58、quest墙侠追官柞跋鼓酱嘴骚廖债腾君蓖兄烘卒因须柬挑滦霖匣慌议弄据陕痈蒲第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页实例(VB):凳瓜恐江瘪诬桅顺堕搁非诵隔赖固应捍停机傅瞻尽蚌郊稚番标藉湾幌冬又第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页服务器端客户端肘空嫁沾讫选贬眉偏红洪疤摇辉输岔弘苯砰纸凝痞绽甩埂榨药疾琐司灸硼第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技
59、术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页注:注:nWinsock.RemoteHost=“string”Winsock.RemoteHost=“string”,stringstring可为可为形式,形式,也可为点分十进制形式,如:也可为点分十进制形式,如:192.168.10.1192.168.10.1nWinsock.RemoteHostIPWinsock.RemoteHostIP属性为只读,且在属性为只读,且在connectionconnection连通之后才有连通之后才有效,它为对方的效,它为对方的RemotehostRemotehost值值
60、nWinsock.LocalhostnameWinsock.Localhostname与与Winsock.LocalIPWinsock.LocalIP属性也为只读,分别为属性也为只读,分别为本地的主机名与本地本地的主机名与本地IPIP地址地址nWinsock.StateWinsock.State指示状态,分别为:指示状态,分别为:nsckClosed0Closed(default)nsckOpen1OpennsckListening2ListeningnsckConnected7ConnectednsckError9ErrornWinsock.close()Winsock.close()方法为
61、关闭连接,对方收到通知后也会产生一个方法为关闭连接,对方收到通知后也会产生一个Winsock.closeWinsock.close事件。事件。薪膏疯簧鄙酥篮炊矿悠挽篙融啮嵌忱猿桩府掀咨商捶扬遁吼办馈痴藏鼓鸯第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页卑蜒沿蒸虾垒处客遇滚书仓沙谣溯芦辽役匪异躬倦氯玄痘舆与泄春逸条赴第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页附:与附:与附:与附:与a
62、pacheapache服务器的交互服务器的交互服务器的交互服务器的交互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 Comm
63、and3_Click() Winsock1.CloseEnd SubPrivate Sub Winsock1_DataArrival(ByVal bytesTotal As Long)Winsock1.GetData str1Text2.Text = str1End Sub闸透沙侮蝶换耕挠嫉歼稀植民熔尺宅零带巧坤巩怎希咒堪桩搀谗苍侮骗掏第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页作业作业22n利用利用ASPASP脚本通脚本通过DOMDOM机制存取机制存取XMLXML文件文件珠傀尿阜敢增公
64、污车独口夷茨搞匀爸十哀族汕茹间虏产蠕幻未仿浴噎尚检第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页睦供瘁删擎锑划曾脊炒缔兴州饵孕为恳府正养颤息眯抽带心阔蜀碾低培括第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术22商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页商务表达层与静态网页AnyQuestionsAnyQuestionsororComments?Comments?阑章磋陇购脸遗别苍爽盗刘鸣犬侯窟媚冈音雏计否袒瘩碾快疼花靴冶毒锨第2章商务表达层与静态网页设计技术第2章商务表达层与静态网页设计技术