DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> DW8建立XSLT頁將XML操作可視化三
DW8建立XSLT頁將XML操作可視化三
編輯:Dreamweaver相關     

下面,打開DW8(如何您還沒有DW8,那麼請到這裡下載:)

1,以卻才的 mysite.xml 所在文件夾建立好DW站點(這是基礎了,不會建立DW站點的朋友在論壇開新帖咨詢)

2,打開“文件”菜單選擇“新建”(或者直接Ctrl+N),打開“新建文檔”對話框,選擇“常規”類別的“XSLT(整頁)”為基本頁

 

3,因為XSLT頁面是為實現篩選XML數據功能而存在的,所以,必須要為XSLT頁面“定位XML源”。選擇“附加到我的計算機或局域網上的本地文件”,單擊“浏覽”按鈕選擇已經保存在本機的“mysite.xml”文檔,“確定”完成定位操作/

 

4,Ctrl+S將新建立的XSLT文件保存到當前DW站點內,文件名為 “mysite.xsl”。如圖,在“應用程序”面板的“綁定”標簽內,即可看到已經定位連接的XML數據源的主要標簽。

 

5,其實現在就可以通過“綁定”標簽內已有的XML標簽進行XML數據的可視化操作了。具體,將XSL頁就當作普通HTML頁,在其中插入一行兩列的表格。

 

6,將XML標簽“站點地址”和“建立時間”分別拖入兩個單元格

 

切換至“代碼”視圖,你可以觀察到剛拖入到頁面的兩個標簽分別由代碼

<xsl:value-of select="我的站點/站點信息/站點地址"/>

<xsl:value-of select="我的站點/站點信息/建立時間"/>

來表示,其實其中的<xsl:value-of>即為XSL模式語言中的選擇模式,我們通過DW8不費吹灰之力完成了。

7,接著為頁面中的“站點地址”制作超級鏈接,該鏈接地址即為其本身的值。選擇單元格子中的“站點地址”系列文本,從屬性面板中單擊黃色“浏覽文件”文件夾按鈕

 

8,在彈出的“選擇文件”對話框中,選擇文件名自選擇為“數據源”,同時從“選擇要顯示的節點”中選擇“站點地址”,“確定”完成鏈接的添加。

 

9,在XSLT頁建立CSS樣式表,並建立對各HTML標簽的樣式修飾的定義

 

至此,一個XSLT頁頁算是建立完成,其主要的操作是:只提取了“站點地址”和“建立時間”兩個XML數據源,並對他們進行了簡單的排版布局。

接著,就是讓XML文件附加應用該XSLT文件。

(注意:我們最終要的是對XML文件中的數據信息進行的篩選,所以最終查看的是XML文件的效果,建立的XSLT文件只是可視化了最終的效果,而非查看該XSLT文件)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved