第二章商務(wù)表達(dá)層與靜態(tài)網(wǎng)頁

第2章商務(wù)表達(dá)層與靜態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)§2.1商務(wù)表達(dá)層的功能實(shí)現(xiàn)商務(wù)表達(dá)層客戶端：表現(xiàn)數(shù)據(jù)特點(diǎn)：界面友好，具有通用性、易用性、靈活性Web服務(wù)器：發(fā)布信息，與客戶端和應(yīng)用服務(wù)端進(jìn)行交互商務(wù)表達(dá)層的實(shí)現(xiàn)方式計(jì)算機(jī)、便攜設(shè)備無線移動(dòng)設(shè)備、信息家電HTML/XML/DHTMLWML/XMLWeb服務(wù)器Web服務(wù)器應(yīng)用服務(wù)器Web服務(wù)器表達(dá)層工具支持平臺表達(dá)層工具§2.1商務(wù)表達(dá)層的功能實(shí)現(xiàn)客戶端的實(shí)現(xiàn)硬件設(shè)備瘦客戶端、胖客戶端胖客戶端：基于傳統(tǒng)的客戶端應(yīng)用程序；瘦客戶端：基于瀏覽器。靜態(tài)內(nèi)容和動(dòng)態(tài)內(nèi)容靜態(tài)內(nèi)容：客戶端上顯示的內(nèi)容，預(yù)先放置在Web服務(wù)器上；動(dòng)態(tài)內(nèi)容：客戶端上顯示的內(nèi)容，預(yù)先服務(wù)器上沒有，是在客戶請求發(fā)出后，根據(jù)請求內(nèi)容和后臺數(shù)據(jù)庫中的數(shù)據(jù)，通過調(diào)用執(zhí)行一個(gè)文件（通常為動(dòng)態(tài)腳本）動(dòng)態(tài)產(chǎn)生的?！?.2

Web系統(tǒng)與HTTP協(xié)議2.2.1Web系統(tǒng)原理：商業(yè)數(shù)據(jù)被組織到一個(gè)超文本文件中，借助Http協(xié)議，通過網(wǎng)絡(luò)來傳送Web瀏覽器Web瀏覽器Web瀏覽器TCP/IPHTTPWeb服務(wù)器CGI、Script程序數(shù)據(jù)庫§2.2

Web系統(tǒng)與HTTP協(xié)議2.2.1Web系統(tǒng)Web五大要素URL幾種形式域名+目錄名+文件名域名+目錄名域名含有程序的網(wǎng)址超文本置標(biāo)語言（HTML）Web服務(wù)器Web瀏覽器超文本傳輸協(xié)議（HTTP）§2.2

Web系統(tǒng)與HTTP協(xié)議2.2.2HTTP協(xié)議一個(gè)實(shí)例：測試HTTP協(xié)議§2.2

Web系統(tǒng)與HTTP協(xié)議2.2.2HTTP協(xié)議一個(gè)實(shí)例：測試HTTP協(xié)議（程序代碼）Dimstr1AsStringPrivateSubClose_Click()Winsock1.CloseEndSub

PrivateSubconnect_Click()Winsock1.RemoteHost=“"Winsock1.RemotePort=80Winsock1.Protocol=sckTCPProtocolWinsock1.connectEndSubPrivateSubget_Click()IfWinsock1.State<>7Then'State=0表示winsock處于Close狀態(tài)'State=1表示winsock處于Open狀態(tài)'State=2表示winsock處于Listening狀態(tài)'State=7表示winsock處于Connected狀態(tài)'State=9表示winsock處于Error狀態(tài)

MsgBox"還未與WebServer連接號，請等待或重新連接..."

ExitSubElseWinsock1.SendData"GET/index.htmlHTTP/1.1"+Chr(13)+Chr(10)+"Host:"+vbCrLf+vbCrLf'發(fā)送HTTP的GET命令

EndIfEndSub

PrivateSubhead_Click()Winsock1.SendData"HEAD/index.htmlHTTP/1.1"+vbCrLf+"Host:"+vbCrLf+vbCrLfEndSub

PrivateSubpost_Click()Winsock1.SendData"POST/index.htmlHTTP/1.1"+vbCrLf+"Host:"+vbCrLf+"Content-Type:text/plain"+vbCrLf+"Content-Length:7"+vbCrLf+vbCrLf+"brand=A"+vbCrLf+vbCrLfEndSub

PrivateSubWinsock1_DataArrival(ByValbytesTotalAsLong)Winsock1.GetDatastr1Text1.Text=str1EndSub

PrivateSubWinsock1_Error(ByValNumberAsInteger,DescriptionAsString,ByValScodeAsLong,ByValSourceAsString,ByValHelpFileAsString,ByValHelpContextAsLong,CancelDisplayAsBoolean)MsgBox"Winsock出錯(cuò)!"EndSub

2.2.2HTTP協(xié)議象DCOM和IIOP一樣，HTTP層通過TCP/IP進(jìn)行請求/響應(yīng)通信。一個(gè)HTTP的客戶端用TCP連接到Web服務(wù)器。在HTTP中使用的標(biāo)準(zhǔn)端口號是80，但任何其它端口也能被使用。在建立TCP連接后，客戶端可以發(fā)送一個(gè)請求消息到服務(wù)器端。服務(wù)器在處理請求后發(fā)回一個(gè)HTTP響應(yīng)消息到客戶端。請求和響應(yīng)消息都可以包含任意的傳輸體的信息，通常用Content-Length和Content-Type的

HTTP頭來標(biāo)記(詳細(xì)見RFC1616)?！?.2

Web系統(tǒng)與HTTP協(xié)議一個(gè)合法的HTTPPOST請求消息示例：POST/index.htmlHTTP/1.1Host:Content-Type:text/plainContent-Length:7brand=A一個(gè)合法的HTTPGET請求消息示例：GET/index.htmlHTTP/1.1Host:

§2.2

Web系統(tǒng)與HTTP協(xié)議2.2.2HTTP協(xié)議HTTP響應(yīng)在處理了請求之后，Web服務(wù)器將發(fā)回一個(gè)HTTP響應(yīng)到客戶端。響應(yīng)中包括一個(gè)狀態(tài)代碼，表示請求的結(jié)果。返回狀態(tài)代碼200，表示HTTP命令已被Web服務(wù)器成功解析；返回狀態(tài)代碼400，表示W(wǎng)eb服務(wù)器解析HTTP命令失??；返回狀態(tài)代碼30X，表示W(wǎng)eb服務(wù)器已將HTTP請求轉(zhuǎn)向到另一Web服務(wù)器；返回狀態(tài)代碼50X，表示W(wǎng)eb服務(wù)器不支持此HTTP請求命令；狀態(tài)代碼1XX，為Web服務(wù)器保留碼§2.2

Web系統(tǒng)與HTTP協(xié)議示例：§2.2

Web系統(tǒng)與HTTP協(xié)議400BadRequestContent-Length:0200OKContent-Type:text/plainContent-Length:12dlroW,olleH

307TemporarilyMovedLocation:4/foobarContent-Length:0練習(xí)：請將測試HTTP命令的VB程序改寫成java程序。2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.1靜態(tài)頁面的體系結(jié)構(gòu)

靜態(tài)網(wǎng)頁的特征靜態(tài)網(wǎng)頁的內(nèi)容固定不變;靜態(tài)網(wǎng)頁的制作比較方便；靜態(tài)網(wǎng)頁的體系結(jié)構(gòu)Client(瀏覽器)WebServer硬盤HTML頁面從硬盤獲取文件文件返回頁面請求2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言標(biāo)準(zhǔn)通用置標(biāo)語言SGML(StandardGeneralizedMarkupLanguage)置標(biāo)標(biāo)志語言

SGMLSGML(StandardGeneralizedMarkupLanguage)是最早的標(biāo)記語言，而且是一種豐富的元語言，幾乎可以用來定義無數(shù)種標(biāo)記語言，HTML和XML都是在此基礎(chǔ)上派生出來的。SGML是ISO組織在1986年推出的一個(gè)用來創(chuàng)建標(biāo)記語言的元語言標(biāo)準(zhǔn)，它源自IBM在1969年開發(fā)的GML。正如其名所言，SGML是一種用標(biāo)記描述文檔資料的通用語言，包含了一系列的文檔類型定義（DTD,DocumentTypeDefinition），DTD中定義了標(biāo)記的含義，因而SGML是可以擴(kuò)充的。SGML為出版業(yè)提供了一種將數(shù)據(jù)內(nèi)容與顯示分離開來的數(shù)據(jù)表示方法，使得數(shù)據(jù)獨(dú)立于機(jī)器平臺和處理程序，在許多大型出版系統(tǒng)中發(fā)揮了重要作用2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

超文本置標(biāo)語言HTML特點(diǎn)平臺兼容

文本文件超鏈接

Web服務(wù)器不處理標(biāo)記，由客戶端瀏覽器解釋

豐富的多媒體顯示、各種布局處理缺點(diǎn)HTML更多的關(guān)注Web瀏覽器如何在頁面上安排文本、圖象和按扭等，過多的考慮外觀使，缺乏對結(jié)構(gòu)化數(shù)據(jù)的表示能力；HTML還有一些諸如鏈路丟失后不能自動(dòng)糾正、下載的內(nèi)容太多、搜索不方便、時(shí)間長等缺點(diǎn)；HTML中有限的標(biāo)記不能滿足眾多Web應(yīng)用的需要，缺乏可擴(kuò)展性2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

超文本標(biāo)記語言HTML實(shí)例（略）樣式樣式種類：HTML樣式、內(nèi)嵌的CSS樣式、外接的CSS樣式實(shí)例<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>無標(biāo)題文檔</title><linkhref="file:///D|/mysite/ax.css"rel="stylesheet"type="text/css"><styletype="text/css"><!--DIV{POSITION:absolute}.light3{LEFT:2px;COLOR:white;TOP:3px}.shade3{LEFT:2px;COLOR:lightblue;TOP:2px}.fill3{LEFT:0px;COLOR:blue;TOP:0px}--></style></head><body><divclass=light3><fontsize="7">浮雕彩色文字</font></div><divclass=shade3><fontsize="7">浮雕彩色文字</font></div><divclass=fill3><fontsize="7">浮雕彩色文字</font></div></body></html>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XML前言XML在SGML的基礎(chǔ)上，去除SGML中過于復(fù)雜的東西（缺點(diǎn)），保留一些作為元標(biāo)記語言的東西（優(yōu)點(diǎn)），用戶可以自己定義標(biāo)記，自己定義的標(biāo)記可以在DTD或Scheme（模式）中加以描述，并且，與SGML一定需要DTD不同，在XML中DTD可有可無，它的使用完全視使用者需要而定。用戶甚至可以通過XML制定自己的標(biāo)記語言，而不必得到W3C、Microsoft、Netscape的同意，因此XML的應(yīng)用潛力是很明顯的。GML(1969)SGML(1985)XML(1998)XHTMLMathMLWMLSVGcXML(1969)ebXML(1969)HTML(1993)2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言XML家族2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言擴(kuò)展標(biāo)記語言XMLXML語法

2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言擴(kuò)展標(biāo)記語言XMLXML語法

XML聲明元素與屬性注釋處理指令

CDATA區(qū)

<?xmlversion=”1.0”encoding="GB2312"?><?xml-stylesheethref="style.css"type="text/css"?><![CDATA[C語言程序代碼（略）]]>

<推薦叢書><書籍><!--推薦叢書--><名稱>網(wǎng)頁設(shè)計(jì)</名稱><作者>王大名</作者><售價(jià)貨幣單位="人民幣">590</售價(jià)></書籍><書籍><名稱>電子商務(wù)技術(shù)基礎(chǔ)</名稱><作者>李立洪</作者><售價(jià)貨幣單位="人民幣">120</售價(jià)></書籍></推薦叢書>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言說明：CDATA區(qū)以“〈![CDATA[”為起始，“]]>”為終了。區(qū)塊內(nèi)容中唯一不能包含的正是“]]>”這個(gè)終止符號。其他內(nèi)容，只要是合格Unicode字，都可以自由放置其中；XML中要區(qū)分大小寫，因此“〈![CDATA[”不可寫成“〈![cdata[”或“〈![Cdata[”；出現(xiàn)在CDATA區(qū)中的內(nèi)容，解析器在解析時(shí)原封不動(dòng)、一五一十地交給下游的程序；比較：<![CDATA[我是區(qū)塊中的第一行我是第二行]]><![CDATA[我現(xiàn)在被擠到區(qū)塊中的第二行了我是第三行]]>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

編寫XML的幾個(gè)原則

所有的元素都要配對標(biāo)記之間不得交叉

所有屬性值都得含有引號

大小寫有區(qū)別

一空二空有區(qū)別在HTML里，存在<br><imgsrc="foo">這類自成一個(gè)單元的標(biāo)記，這在XML中稱為空元素（emptyelement),因?yàn)檫@樣的元素不含任何文字內(nèi)容，只有屬性。XML為空元素特別發(fā)明了一種新的表示法，如下：<元素/>若帶有屬性的話，則寫成：<元素屬性甲="foo"屬性乙="bar"/>若：<書籍><名稱>電子商務(wù)技術(shù)基礎(chǔ)<作者></名稱>無名氏</作者>這就犯了”標(biāo)記之間不得相交“的大忌，會被刪除掉。XML中規(guī)定，所有的元素排列必須是嚴(yán)謹(jǐn)?shù)臉錉罱Y(jié)構(gòu)。在使用DOM、XSLT和XPointer來分別控制、轉(zhuǎn)換、連接XML文件時(shí)，都需要隨時(shí)對文件的內(nèi)部結(jié)構(gòu)了若指掌。

2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

名稱空間（namespace）名稱空間的規(guī)定，并沒有收錄在XML1.0的標(biāo)準(zhǔn)中，而是透過后來一份單獨(dú)的標(biāo)準(zhǔn)來增補(bǔ)，這份標(biāo)準(zhǔn)的全名為“NamespacesinXML”；

xml1.0的標(biāo)準(zhǔn)：/tr/rec-xml;NamespacesinXML:/tr/rec-xml-names)2.3靜態(tài)頁面的表達(dá)及其技術(shù)為什么需要名稱空間？區(qū)分各個(gè)標(biāo)記，避免與其它標(biāo)記混淆<客戶名單><客戶><!--客戶甲--><名稱>張3</名稱><地址>…</地址>

<電話>…

</電話><fax>…</fax><聯(lián)系人><姓名>…</姓名>

<電話><固機(jī)>…</固機(jī)><手機(jī)>…</手機(jī)>

</電話></聯(lián)系人></客戶><客戶><!--客戶乙-->

…

…</客戶名單>無法區(qū)別這兩個(gè)不同的標(biāo)記2.3靜態(tài)頁面的表達(dá)及其技術(shù)為什么需要名稱空間？名稱空間標(biāo)記的選用

<?xmlversion="1.0"encoding="GB2312"?><k:客戶名單xmlns:k="/xml/customer.dtd"xmlns:職工="/xml/employee.dtd"><k:客戶><!--

客戶甲

--><k:名稱>新祥發(fā)</k:名稱>

<k:地址>...</k:地址>

<k:電話>...</k:電話>

<fax>...</fax><k:連系人>

<職工:姓名>...</職工:姓名><職工:電話>

<職工:分機(jī)>...</職工:分機(jī)>

<職工:手機(jī)>...</職工:收機(jī)>

</職工:電話>

<職工:email>...</職工:email></k:連系人></k:客戶><!--

客戶乙

--><客戶xmlns="/xml/customer.dtd">

<名稱>同仁堂</名稱>

<地址>...</地址>

<電話>...</電話>

<fax>...</fax><連系人>

<職工:姓名>...</職工:姓名><電話

xmlns="/xml/employee.dtd">

<分機(jī)>...</分機(jī)>

<手機(jī)>...</手機(jī)></電話>

<職工:email>...</職工:email></連系人></客戶></k:客戶名單>2.3靜態(tài)頁面的表達(dá)及其技術(shù)為什么需要名稱空間？名稱空間標(biāo)記的選用URL、URN、URI的區(qū)別

平時(shí)所說的網(wǎng)址，就是URL。其實(shí)名稱空間中的標(biāo)記規(guī)定的是使用URI，URI全名為UniformResourceIdentifier(統(tǒng)一資源標(biāo)記碼)，這是一個(gè)Internet標(biāo)準(zhǔn)，記載于RFC2396;它與URL有何不同呢？基本上，URI比較廣義，泛指所有以字符串標(biāo)示的網(wǎng)絡(luò)資源，范圍涵蓋了URL和URN。URL指的是標(biāo)有通信協(xié)定（如HTTP、FTP、GOPHER）的字符串。URN(UniformResourceName)則是用來標(biāo)示持久、而且有專門機(jī)構(gòu)負(fù)責(zé)的資源，譬如圖書館的圖書總目。

2.3靜態(tài)頁面的表達(dá)及其技術(shù)為什么需要名稱空間？名稱空間標(biāo)記的選用URL、URN、URI的區(qū)別

名稱空間的范圍：只作用于自己所在的目錄樹

<?xmlversion="1.0"encoding="GB2312"?><客戶名單><客戶><名稱>新祥發(fā)</名稱>

<地址>...</地址>

<電話>...</電話>

<fax>...</fax><k:聯(lián)系人

xmlns:k="/xml/customer.dtd"xmlns:職工="/xml/employee.dtd">>

<職工:姓名>...</職工:姓名><職工:電話>

<職工:分機(jī)>...</職工:分機(jī)>

<職工:手機(jī)>...</職工:手機(jī)>

</職工:電話>

<職工:email>...</職工:email></k:連系人></客戶></客戶名單>2.3靜態(tài)頁面的表達(dá)及其技術(shù)為什么需要名稱空間？名稱空間標(biāo)記的選用URL、URN、URI的區(qū)別

名稱空間的范圍：只作用于自己所在的目錄樹

默認(rèn)的名稱空間

一個(gè)實(shí)例：含有HTML表單功能的XML文檔<?xmlversion="1.0"encoding="GB2312"?><!--IE5必須配合外部CSS--><?xml-stylesheethref="ie5_needs.css"type="text/css"?><測試xmlns="http://put-your-URL-here" xmlns:html="/TR/REC-html40">

<!--借用HTML標(biāo)記來鏈結(jié)--><html:ahref="http://2">連到兩只老虎</html:a>

<!--借用HTML表單來做按鈕--><html:formmethod="post"action="put-your-action-here"><html:inputtype="submit"value="按我"name="clickme"/></html:form>

<!--Mozilla也支援XLink舊標(biāo)準(zhǔn)中的simplelink機(jī)制（已過時(shí)）--><鏈結(jié)xml:link="simple"href="http://2T">這樣也可以連到2T</鏈結(jié)></測試>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

XML數(shù)據(jù)類型定義

問題的提出2.3靜態(tài)頁面的表達(dá)及其技術(shù)<書籍><名稱>電子商務(wù)技術(shù)基礎(chǔ)</名稱><作者>李立洪，李衛(wèi)</作者><售價(jià)貨幣單位="人民幣">120</售價(jià)><售價(jià)貨幣單位="人民幣">90</售價(jià)></書籍>

<書籍><名稱>電子商務(wù)技術(shù)基礎(chǔ)</名稱><作者>李立洪</作者><作者>李衛(wèi)</作者><售價(jià)貨幣單位="新幣">120</售價(jià)><售價(jià)貨幣單位="新幣">90</售價(jià)></書籍>

這里究竟如何表示數(shù)據(jù)？需要定義一套法則來規(guī)范它。這套法則叫DTD（DocumentTypeDefinition)，也就是對XML文件在格式上進(jìn)行限定。用DTD可以清楚的定義和規(guī)范：”作者“這個(gè)元素到底是可以出現(xiàn)多次，還是在任何一個(gè)”書籍“...</書籍>中只能出現(xiàn)一次？一個(gè)元素能包含哪些屬性？父子元素相互依存的關(guān)系？各個(gè)元素出現(xiàn)的順序？

2.3靜態(tài)頁面的表達(dá)及其技術(shù)問題的提出DTD定義<?xmlversion="1.0"encoding="GB2312"?><?xml-stylesheethref="style.css"type="text/css"?><!DOCTYPE推薦叢書SYSTEM"book.dtd"><推薦叢書><書籍><!--推薦叢書--><名稱>網(wǎng)頁設(shè)計(jì)</名稱><作者>張凡</作者><售價(jià)貨幣單位="人民幣">590</售價(jià)></書籍><書籍><名稱>電子商務(wù)技術(shù)基礎(chǔ)</名稱><作者>李立洪</作者><售價(jià)貨幣單位="人民幣">120</售價(jià)></書籍></推薦叢書>Book.dtd文件的內(nèi)容如下：<?xmlversion=”1.0”encoding=”GB2312”?><!ELEMENT推薦叢書(書籍*)><!ELEMENT書籍(名稱,作者+,售價(jià)+)><!ELEMENT名稱(#PCDATA)><!ELEMENT作者(#PCDATA)><!ELEMENT售價(jià)(#PCDATA)><!ATTLIST售價(jià)貨幣單位(人民幣,新幣,港幣,美元)人民幣>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

XML數(shù)據(jù)類型定義XML數(shù)據(jù)的表現(xiàn)與樣式鏈接利用XML語言和DTD文檔，可以將數(shù)據(jù)、文件資料準(zhǔn)確完整的表示出來，但缺少顯示格式信息（內(nèi)容與顯示分離），XML文檔還不能像用戶所希望的那樣在IE中表現(xiàn)出來。因此除了XML文檔之外，還需要有相關(guān)的文件提供有關(guān)顯示和處理XML文檔的信息，這種文件就是樣式文件(.css,.XSL)

<?xmlversion="1.0"?><?xml-stylesheethref="style.css"type="text/css"?>或:〈?xml-stylesheethref="style.xsl"type="text/xsl"?>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

XML數(shù)據(jù)類型定義XML數(shù)據(jù)的表現(xiàn)與樣式鏈接XSL樣式文件XSL是一種用來轉(zhuǎn)換XML文檔結(jié)構(gòu)的語言，XSL文檔中定義了與XML文檔中各個(gè)邏輯成分相匹配的模板及匹配轉(zhuǎn)化方式，解析器裾此可將XML源文件轉(zhuǎn)換為帶樣式信息的可瀏覽文檔，如HTML格式、FO格式、或者其它面向顯示方式的XML文檔，限于目前瀏覽器的支持能力，大多數(shù)的情況下轉(zhuǎn)化為一個(gè)HTML文件進(jìn)行顯示。至于具體的轉(zhuǎn)換過程，可以在服務(wù)器端進(jìn)行，也可以在客戶端進(jìn)行，分別對應(yīng)著不同的轉(zhuǎn)換模式。在IE5.5中內(nèi)嵌了一個(gè)MSXML3解析器，由它生成的帶格式的中間文件會顯示在瀏覽器中。

<?xmlversion="1.0"encoding="GB2312"?><?xml-stylesheettype="text/xsl"href="name.xsl"?><all><information><name>張三</name><sex>男</sex><age>20</age></information><information><name>李四</name><sex>女</sex><age>27</age></information></all><?xmlversion="1.0"encoding="GB2312?><xsl:stylesheetxmlns:=/TR/WD-xsl><xsl:template><xsl:apply-templates/><html><head></head><body><xsl:for-eachselect="all/information"><p/><tableborder="1"cellspacing="0"><captionstyle="font-size:150%;font-weight:bold">

個(gè)人檔案</caption><tr><th>姓名</th><xsl:value-ofselect="name"/></td><th>性別</th><xsl:value-ofselect="sex"/></td><th>年齡</th><xsl:value-ofselect="age"/></td></tr></table></xsl:for-each></body></html></xsl:template></xsl:stylesheet>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.2置標(biāo)語言

擴(kuò)展標(biāo)記語言XMLXML語法

XML數(shù)據(jù)類型定義XML數(shù)據(jù)的表現(xiàn)與樣式鏈接

XML應(yīng)用開發(fā)

構(gòu)造XML標(biāo)記語言

生成XML文檔顯示XML文檔

操縱XML文檔

操縱XML文檔可以通過使用DOM或SAX(SimpleAPIforXML)應(yīng)用編程接口來實(shí)現(xiàn)。DOM是W3C為XML文檔和HTML文檔定制的一個(gè)獨(dú)立于平臺和語言的編程接口標(biāo)準(zhǔn)，使得程序和腳本都能以標(biāo)準(zhǔn)的方式存取與更新文檔的內(nèi)容、結(jié)構(gòu)和式樣。要查找完整的XML文檔對象模型，請?jiān)L問微軟網(wǎng)站。同時(shí)，如果你想了解XMLDOM以及XSL和ASP的高級用法的例子，請?jiān)L問/onlinedemos.asp；而SAX是XML_Dev郵件列表組推出的一個(gè)XML的java應(yīng)用編程接口標(biāo)準(zhǔn)，Java應(yīng)用程序可以使用支持SAX的XML解析器來接收解析事件。2.3靜態(tài)頁面的表達(dá)及其技術(shù)置標(biāo)語言的特征與演變

置標(biāo)語言XML

XHTML

HTML4.0之后為XHTML；

什么是XHTMLXHTML最早叫“HTMLinXML“。簡單的講，就是把過去以SGML定義的HTML，改用XML來重新定義，所有XHTML的標(biāo)記都以既有的HTML4.0標(biāo)記來定義，各元素和屬性的名稱和用法幾乎完全不變。不過因?yàn)樽兂闪薠ML,有些地方必須遵照XHTML的規(guī)矩，嚴(yán)格執(zhí)行，不能再象以前那樣隨便。XHTML1.0這套標(biāo)準(zhǔn)，1998年8月24日升格為建議標(biāo)準(zhǔn)（proposedrecommendation）

<?xmlversion="1.0"encoding="GB2312"?><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""/TR/xhtml1/DTD/strict.dtd"><htmlxmlns="/TR/html1"><head><title>幾只老虎才夠看？</title><metahttp-equiv="Content-Type"content='text/html;charset="GB2312"'/><scripttype="text/javascript"><![CDATA[functioncountTigers(n){if(n<2)return"Notenoughtigers.";return"Enoughtigers.";}]]></script></head><bodybackground="#FFFFFF"><p>一個(gè)非常短的段落。</p><hr/><formaction="mailto:xml@2T"method="post"><inputtype="checkbox"name="box"checked="checked"></form></body></html>2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3.3網(wǎng)頁的制作與發(fā)布

Web服務(wù)器的安裝與設(shè)置

網(wǎng)頁制作與實(shí)例

將網(wǎng)頁發(fā)布到服務(wù)器

2.3靜態(tài)頁面的表達(dá)及其技術(shù)Apache服務(wù)器的安裝與設(shè)置：1）Apache服務(wù)器簡介

Apache是開放源代碼的Web服務(wù)器軟件，是最常用的Web服務(wù)器。Apache常用在Unix和Linux系統(tǒng)下，也有用于Windows平臺下的版本2）Apache服務(wù)器的安裝下載Apache：/mirror/httpd/binaries/win32/，版本：1.3.x和2.0.x，擴(kuò)展名：exe或msi

安裝Apache：在“NetworkDomain”里輸入域,若服務(wù)器的域名為“”，則在這里輸入“”；在“ServerName”里輸入服務(wù)器名，即完整的服務(wù)器域名，這里為“4/foobar”；在“Administrator‘sEmailAddress”里輸入網(wǎng)站管理員的Email地址

3）運(yùn)行Apache4）配置Apache

表2-10Apache的配置文件httpd.conf中的主要選項(xiàng)選項(xiàng)說明Port80Apache的端口，默認(rèn)值是80。ServerNameWeb服務(wù)器的名字,安裝時(shí)輸入的“ServerName”就是保存在這里。DocumentRoot"C:/ProgramFiles/ApacheGroup/Apache/htdocs"網(wǎng)站的根目錄。如果想把網(wǎng)站文件存放在“D:\myweb”目錄下，可以把DocumentRoot后面的目錄修改為“D:/myweb”。OptionsIndexesFollowSymLinksMultiViews為了安全，有時(shí)需要?jiǎng)h除Indexes屬性，否則別人可以瀏覽到網(wǎng)站里的所有文件。DirectoryIndexindex.html默認(rèn)首頁文件名。當(dāng)在瀏覽器里輸入一個(gè)地址（例如/）時(shí)，Apache就會查找這個(gè)默認(rèn)的首頁文件并打開。如果要配置多個(gè)默認(rèn)的首頁文件名，可用空格分開。ScriptAlias/cgi-bin/"C:/ProgramFiles/ApacheGroup/Apache/cgi-bin/"CGI文件存放路徑。2.3靜態(tài)頁面的表達(dá)及其技術(shù)設(shè)置虛擬目錄：在主配置文件中找到行：<IfModulemod_alias.c>，在這行的下面添加如下內(nèi)容：

Alias/vdir/"c:/comexe/"<Directory"c:/comexe/">OptionsMultiViewsAllowOverrideNoneOrderallow,denyAllowfromall</Directory>

這樣，通過訪問/vdir/，就可以訪問到c:\comexe\目錄下的內(nèi)容。Apache默認(rèn)開設(shè)了兩個(gè)虛擬目錄：“/icons/”和“/manual/”。

2.3靜態(tài)頁面的表達(dá)及其技術(shù)網(wǎng)頁制作與發(fā)布網(wǎng)頁設(shè)計(jì)環(huán)境在進(jìn)行網(wǎng)頁制作之前,需要了解相關(guān)的技術(shù)和外在的條件,估計(jì)網(wǎng)頁文件的大小、復(fù)雜程度、下載時(shí)間和訪問者的感受，同時(shí)也需要設(shè)計(jì)很好的導(dǎo)航結(jié)構(gòu)，這樣才能讓人不“迷路”。網(wǎng)頁設(shè)計(jì)應(yīng)盡可能從用戶出發(fā)，根據(jù)不同的對象，采用不同的技術(shù)，考慮用戶的具體環(huán)境進(jìn)行網(wǎng)頁設(shè)計(jì)，使之適應(yīng)不同的瀏覽器、操作系統(tǒng)和計(jì)算機(jī)平臺，最大限度的吸引用戶。

2.3靜態(tài)頁面的表達(dá)及其技術(shù)2.3靜態(tài)頁面的表達(dá)及其技術(shù)網(wǎng)頁的制作工具簡單的文檔編輯工具主要應(yīng)用于HTML等純文本文件的編輯；如Windows下的記事本，DOS下的Editor編輯器等；功能齊全的專用工具可以以圖形化的界面完成所見所得的靜態(tài)網(wǎng)頁，包括基本的網(wǎng)頁文本、網(wǎng)頁外觀、超級鏈接及豐富的多媒體和動(dòng)畫處理工具，此外這些工具還提供了更多的網(wǎng)站開發(fā)和管理工具，典型的專用工具有Dreamweaver、Frontpage等；集成開發(fā)環(huán)境中的Web應(yīng)用如IBMWebsphere集成開發(fā)環(huán)境中的Web應(yīng)用工具。利用此Web應(yīng)用工具可以交互地調(diào)試客戶端和服務(wù)器端的代碼，無需編程或較少編程就能構(gòu)造相關(guān)的數(shù)據(jù)驅(qū)動(dòng)網(wǎng)頁，簡化開發(fā)過程。

2.3靜態(tài)頁面的表達(dá)及其技術(shù)網(wǎng)頁制作實(shí)例利用Dreamweaver編寫網(wǎng)頁：

2.3靜態(tài)頁面的表達(dá)及其技術(shù)將網(wǎng)頁發(fā)布到服務(wù)器方法：使用專用的文件傳送工具，如Cuteftp等；使用集成在如Dreamweaver中的文件發(fā)布功能

例將Dreamweamer中制作的網(wǎng)頁上傳到遠(yuǎn)程Apache站點(diǎn)。操作步驟如下：1）用[站點(diǎn)]菜單下的[新建站點(diǎn)]功能建立一個(gè)新站點(diǎn)，站點(diǎn)屬性設(shè)置示例如下：本地信息：站點(diǎn)名稱為：mysite1本地根文件夾：d:\mysite1遠(yuǎn)程信息：訪問：本地/網(wǎng)絡(luò)遠(yuǎn)程文件夾：d:\programfiles\apachegroups\apache\htdocs測試服務(wù)頁：服務(wù)器模型：無2）新建一個(gè)HTML頁，內(nèi)容不妨為簡單的字符串“mytestmytest”,并存盤為bb1.htm文件；3）在站點(diǎn)窗口中，利用文件上傳的功能將文件bb1.htm上傳到遠(yuǎn)程的Apache服務(wù)器上；4）打開瀏覽器進(jìn)行測試2.3靜態(tài)頁面的表達(dá)及其技術(shù)例若遠(yuǎn)程端安裝有Tomcat服務(wù)器，將Dreamweamer中制作的網(wǎng)頁上傳到遠(yuǎn)程端。操作步驟：1）用[站點(diǎn)]菜單下的[新建站點(diǎn)]功能建立一個(gè)新站點(diǎn)，設(shè)置屬性設(shè)置示例如下：本地信息：站點(diǎn)名稱為：mysite1本地根文件夾：d:\mysite1遠(yuǎn)程信息：訪問：本地/網(wǎng)絡(luò)遠(yuǎn)程文件夾：d:\programfiles\tomcat4\webapps\root測試服務(wù)頁：服務(wù)器模型：JSP

訪問：本地/網(wǎng)絡(luò)測試服務(wù)器文件夾：D:\ProgramFiles\tomcat4\webapps\ROOT\2）建一個(gè)JSP頁，內(nèi)容不妨為表2-11中的內(nèi)容,并存盤為cc1.jsp文件；3）在站點(diǎn)窗口中，利用文件上傳的功能將文件cc1.jsp上傳到遠(yuǎn)程的Tomcat中；4）打開瀏覽器進(jìn)行測試2.3靜態(tài)頁面的表達(dá)及其技術(shù)可測試如下所示的JS