【文章內(nèi)容簡介】 ASECOLOR:6600FF。backgroundattachment:fixed。backgroundimage:url(pic/)。}A:link {color: 6666CC}A:visited {color: 6600FF}A:active {color: 3366FF}A{textdecoration: none}②在整個首頁插入了背景圖片，并且通過對邊界樣式的類型、寬度和顏色的設(shè)計來美化整個網(wǎng)站首頁。③對于文本也添加了修飾，網(wǎng)站首頁中用了視覺濾鏡的中的Glow濾鏡，它是在Web內(nèi)容的外圍添加發(fā)光效果。這種濾鏡使用“color”和“strength”參數(shù)來控制發(fā)光效果的顏色和強(qiáng)度。網(wǎng)站首頁通過以下的編碼實現(xiàn)Glow濾鏡：td style=textindent:30px。filter:Glow(color=39。FF000039。,strength=1)。color:003366。fontsize:15pt/td㈡語言概述語言概述頁中XML源文檔和XSL樣式頁與網(wǎng)站首頁的設(shè)計大體相同，利用XSL把XML文件中的數(shù)據(jù)提取顯示在頁面上，并通過CSS定義Web的顯示。（見圖2）圖2 語言概述㈢基礎(chǔ)教程基礎(chǔ)教程部分通過XML源文檔與HTML整合等方法表現(xiàn)源文檔，重點(diǎn)運(yùn)用的是數(shù)據(jù)島技術(shù)。之所以用數(shù)據(jù)島這項技術(shù)是因為XSL技術(shù)不是面向數(shù)據(jù)顯示的，它是一種格式轉(zhuǎn)換技術(shù)，在顯示手段和方式上都遠(yuǎn)不及HTML那樣豐富。但是要實現(xiàn)數(shù)據(jù)存儲和數(shù)據(jù)顯示相分離，HTML那種蘊(yùn)數(shù)據(jù)于顯示之中的方式顯然不合乎這種需求。一種較為理想的方案是把HTML和XML兩種技術(shù)相結(jié)合，使真正的原始數(shù)據(jù)在能夠保持本來意義和結(jié)構(gòu)的同時，還能充分利用HTML那千變?nèi)f化的顯示技巧。所以通過XML和HTML相結(jié)合的方法來實現(xiàn)，這樣XML嚴(yán)格的規(guī)則將被應(yīng)用于熟悉的HTML元素和屬性。這種新增加的結(jié)構(gòu)使得HTML在一致性和兼容性方面達(dá)到一個新的水平。XML數(shù)據(jù)島就是這種技術(shù)融合的產(chǎn)物，它使用“XML/XML”標(biāo)簽把XML數(shù)據(jù)直接嵌入到HTML頁面中，從而實現(xiàn)了二者的優(yōu)勢互補(bǔ)。數(shù)據(jù)島可以實現(xiàn)各個框架頁面之間的通信，因此可以利用這一特性，間接實現(xiàn)網(wǎng)頁訪問外部數(shù)據(jù)源。具體的做法是，將數(shù)據(jù)內(nèi)容存儲在另一網(wǎng)頁文件中，通過“script”標(biāo)簽引入腳本文件，將數(shù)據(jù)內(nèi)容存儲在腳本文件的變量中，然后載入到主頁面的內(nèi)聯(lián)框架中(通過“ iframe ”標(biāo)簽進(jìn)行創(chuàng)建)，加載成功后即可通過動態(tài)HTML讀取內(nèi)聯(lián)框架頁面中所包含的數(shù)據(jù)。網(wǎng)站的基礎(chǔ)教程設(shè)計中將各個被嵌入的章節(jié)內(nèi)容文檔創(chuàng)建為數(shù)據(jù)島（如圖3），采用內(nèi)嵌式的聲明方法。圖3 基礎(chǔ)教程⒈在創(chuàng)建中使用“XML/XML”標(biāo)記聲明并且裝載，具體實現(xiàn)方法如下面的代碼所示：XML ID=theXMLisland Chapterone![CDATA[第八章:枚舉,位運(yùn)算……]]/one/Chapter/XML⒉在JavaScript中運(yùn)行腳本訪問、操作及顯示該數(shù)據(jù)島中的內(nèi)容，通過“ script /script ” 中的代碼設(shè)計實現(xiàn)了根據(jù)不同的參數(shù)顯示不同頁面的功能。實現(xiàn)過程如下面代碼所示：script language=javascriptfunction display_page(address){var str=address。(display).src=address。}/script⒊設(shè)置“ID”對象，用添加事件處理程序onclick()，調(diào)用自定義函數(shù)。input name=one type=button id=one value=第 一 章style=width:140px。height:30px。fontsize:15px。border:thin inset FF0066。backgroundimage:url(pic\) onClick=display_page(39。jc/39。)。⒋在主頁面的內(nèi)聯(lián)框架中使用了“ iframe ”這個標(biāo)簽，iframe(嵌入式幀)與“frame”不同的是，iframe可以嵌在網(wǎng)頁中的任意部分，使用“ iframe ”這個標(biāo)簽可以在一個Web頁中顯示基礎(chǔ)教程中各個章節(jié)的內(nèi)容。（見圖3）iframe src=jc/ width=700 height=600 scrolling=auto frameborder=0 name=display align=middle/iframe㈣編程技巧編程技巧這部分XML源文檔的設(shè)計與前幾部分有所不同，XSL樣式頁的設(shè)計中引用了新的元素來對XML中的數(shù)據(jù)進(jìn)行提取。（見圖4）圖4 編程技巧編程技巧的XML源文檔設(shè)計與首頁的XML文檔不同之處在與它的各個子元素均具有屬性“address” 。代碼如下：?xml version= encoding=GB2312 standalone=no??xmlstylesheet type=text/xsl href=?jq編程風(fēng)格 address=style/C語言編程風(fēng)格/編程風(fēng)格編譯錯誤信息 address=style/Turbo C 編譯錯誤信息/編譯錯誤信息使用指南 address=style/Turbo C 使用指南/使用指南二分法 address=style/二分法查找算法演示/二分法冒泡法 address=style/冒泡法排序算法演示/冒泡法/jq在編程技巧中Turbo C “![CDATA[…]]”標(biāo)簽標(biāo)出將不被XML解析器處理的字符數(shù)據(jù)部分，CDATA節(jié)可以為任意長度，對于XML有特殊含義的項將被看成純文本。由于在XML文檔中包含“” 、“amp?！边@樣的字符，所以引用這個標(biāo)簽。XML文檔代碼設(shè)計如下：?xml version=39。39。 encoding=GB2312 standalone=39。no39。 ??xmlstylesheet type=39。text/xsl39。 href=39。39。 ?rootpartitemparagraph![CDATA[編譯錯誤信息]]……/item/part/root⒉ XSL樣式頁設(shè)計XSL大體上的設(shè)計思路和網(wǎng)站首頁的XSL大體相似。編程技巧這部分的XSL中使用了“xsl:attribute”和“xsl:element” 這兩個元素，“xsl:attribute”元素可以在標(biāo)記中附加一個屬性名稱，“xsl:element”元素可以用來新建一個標(biāo)記。XSL樣式表不但可以引用HTML標(biāo)記，而且也可以建立新的標(biāo)記和屬性，然后一起結(jié)合XML文件中的信息來顯示。編程技巧Web中利用 “xsl:attribute” 、“xsl:element” 和“xsl:valueof” 這三個元素提取XML源文檔中的部分?jǐn)?shù)據(jù)，其具體實現(xiàn)如下：xsl:element name=axsl:attribute name=hrefxsl:valueof select=jq/冒泡法/@address//xsl:attributexsl:valueof select=39。jq/冒泡法39。/在編程技巧中包含的算法演示采用的是FLASH演示方法。（見圖5）圖5 冒泡法演示因此在二分法和冒泡法的算法演示中同樣用到了“xsl:attribute” 、“xsl:element” 和“xsl:valueof”這三個元素在Web中嵌入FLASH，其中冒泡法算法演示的FLASH嵌入是通過下面的代碼實現(xiàn)的：xsl:element name=embedxsl:attribute name=srcxsl:valueof select=//flash/@address//xsl:attributexsl:attribute name=width600/xsl:attributexsl:attribute name=height400/xsl:attribute/xsl:element編程技巧這部分利用 “xsl:attribute”元素在標(biāo)記中新增一個屬性，如：href、embed，通過元素“xsl:element”新建一個標(biāo)記，如：a、src。屬性：“name”為新建的屬性指定屬性名。最后通過“xsl:valueof” 元素從XML源文檔提取屬性值。㈤經(jīng)典習(xí)題經(jīng)典習(xí)題這部分設(shè)計的重點(diǎn)在于使用DOM技術(shù)來訪問XML文檔內(nèi)容和結(jié)構(gòu)。（如圖6）圖6 經(jīng)典習(xí)題由于受到傳統(tǒng)的標(biāo)準(zhǔn)HTML語言限制，網(wǎng)頁本身并不具備與服務(wù)器交互的能力，但是DHTML(動態(tài)HTML)的出現(xiàn)使得網(wǎng)頁訪問外部數(shù)據(jù)源成為了可能。Document Object Model（文檔對象模型）簡稱為DOM，是對Web文檔進(jìn)行應(yīng)用開發(fā)、編程的應(yīng)用程序接口（API），是W3C公布的一種跨平臺的、與語言無關(guān)的接