小編給大家分享一下Dreamweaver CS3中Spry詳細(xì)區(qū)域功能怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站是一家網(wǎng)站設(shè)計(jì)公司,集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商,主營(yíng)產(chǎn)品:自適應(yīng)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、成都全網(wǎng)營(yíng)銷。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立,網(wǎng)絡(luò)互動(dòng)的體驗(yàn),以及在手機(jī)等移動(dòng)端的優(yōu)質(zhì)呈現(xiàn)。網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、移動(dòng)互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營(yíng)、VI設(shè)計(jì)、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案,我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈,認(rèn)真對(duì)待每位客戶,為客戶提供賞析悅目的作品,網(wǎng)站的價(jià)值服務(wù)。
Dreamweaver CS3中集成了Spry功能我們都知道,Spry具有對(duì)XML數(shù)據(jù)處理的功能我們也見識(shí)過(guò),不過(guò)對(duì)于Spry的詳細(xì)區(qū)域功能似乎很少見。
Spry詳細(xì)區(qū)域有點(diǎn)類似于新聞系統(tǒng)中的新聞列表頁(yè)和主詳細(xì)頁(yè)的功能。比如我們看新聞時(shí),其中有一個(gè)頁(yè)面只會(huì)顯示所有新聞的標(biāo)題,當(dāng)對(duì)該標(biāo)題感興趣時(shí)可以單擊該標(biāo)題打開一個(gè)新的網(wǎng)頁(yè),就可以查看到該新聞的全部?jī)?nèi)容了。那么顯示所有標(biāo)題列表的頁(yè)面我們稱為“主頁(yè)”,而顯示具體新聞內(nèi)容的頁(yè)面稱為“詳細(xì)頁(yè)”。
很顯然,這個(gè)主詳細(xì)頁(yè)最起碼得是兩頁(yè)。而我們使用的Spry詳細(xì)區(qū)域可以在一張網(wǎng)頁(yè)上顯示,并且是無(wú)刷新的。
一,新建網(wǎng)頁(yè),綁定Spry XML 數(shù)據(jù)集
在網(wǎng)頁(yè)中打開【插入】面板,單擊【Spry】標(biāo)簽下的【Spry XML 數(shù)據(jù)集】
二,選擇XML數(shù)據(jù)源
彈出【Spry XML 數(shù)據(jù)集】對(duì)話框,【XML源】可以是本地目錄下的XML數(shù)據(jù),也可以是跨域的遠(yuǎn)程XML數(shù)據(jù)。
單擊【獲取架構(gòu)】按鈕在【行元素】列表框中選擇XML數(shù)據(jù)中有價(jià)值的重復(fù)元素,這里就是選擇的“item”元素(<>標(biāo)志右上角有 號(hào)表示循環(huán)的多個(gè))。
P.S 如果制作純粹的XML數(shù)據(jù)聚合的頁(yè)面,還可以選擇【禁用XML數(shù)據(jù)緩存】,并選擇自動(dòng)刷新數(shù)據(jù)的時(shí)間以自動(dòng)獲得遠(yuǎn)程數(shù)據(jù)同步。
三,插入Spry表,顯示Spry XML數(shù)據(jù)在頁(yè)面
單擊【插入】面板【Spry】標(biāo)簽下的【Spry 表】按鈕,彈出的對(duì)話框中將不需要顯示的【列】進(jìn)行刪除。
很重要的一個(gè)操作就是一定要選擇 單擊行時(shí)將使用“更新”詳細(xì)區(qū)域。
【確定】插入Spry表,提示需要插入Spry區(qū)域。因?yàn)樗械腟pry XML 數(shù)據(jù)必須在 Spry區(qū)域中才能顯示。
四,插入Spry詳細(xì)區(qū)域
首先,鼠標(biāo)光標(biāo)停留在已經(jīng)插入在頁(yè)面中的“Spry表”之后,繼續(xù)單擊【插入】面板【Spry】標(biāo)簽下的【Spry 區(qū)域】按鈕。
彈出的對(duì)話框中【類型】一定要選擇為“詳細(xì)區(qū)域”才表示當(dāng)前是Spry詳細(xì)區(qū)域。
五,將“詳細(xì)內(nèi)容”插入Spry詳細(xì)區(qū)域
鼠標(biāo)光標(biāo)停留在Spry詳細(xì)區(qū)域內(nèi),打開【綁定】面板,選擇“description”元素【插入】到Spry詳細(xì)區(qū)域中。
保存網(wǎng)頁(yè)會(huì)提示我們保存Spry效果文件,記得上傳的時(shí)候要連同這些文件一起上傳。
六,預(yù)覽效果
跨域顯示遠(yuǎn)程XML數(shù)據(jù),同時(shí)單擊每行標(biāo)題都能在當(dāng)前頁(yè)無(wú)刷新打開內(nèi)容查看,甚好。
以上是“Dreamweaver CS3中Spry詳細(xì)區(qū)域功能怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站標(biāo)題:DreamweaverCS3中Spry詳細(xì)區(qū)域功能怎么用
標(biāo)題來(lái)源:http://www.rwnh.cn/article18/psjcdp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、小程序開發(fā)、網(wǎng)站內(nèi)鏈、標(biāo)簽優(yōu)化、定制網(wǎng)站、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)