極速下載站 —— 提供優(yōu)質(zhì)軟件下載服務,感受全新的極速下載體驗!

最近更新 | 軟件專題 | 軟件分類 | 軟件排行

您的位置:極速下載站資訊首頁軟件教程電腦軟件教程 → Dreamweaver CS3中Spry功能詳解

Dreamweaver CS3中Spry功能詳解

時間:2012-01-10 13:34:01  作者:不思議游戲  瀏覽量:99

Dreamweaver CS3中集成了Spry功能我們都知道,Spry具有對XML數(shù)據(jù)處理的功能我們也見識過,不過對于Spry的詳細區(qū)域功能似乎很少見。

進入下載
Adobe Dreamweaver CS4
Adobe Dreamweaver CS4 10.0 免激活免序列...
大。62.19 MB
日期:2021/8/29 16:05:41
環(huán)境:WinXP,Win7

Spry詳細區(qū)域有點類似于新聞系統(tǒng)中的新聞列表頁和主詳細頁的功能。比如我們看新聞時,其中有一個頁面只會顯示所有新聞的標題,當對該標題感興趣時可以單擊該標題打開一個新的網(wǎng)頁,就可以查看到該新聞的全部內(nèi)容了。那么顯示所有標題列表的頁面我們稱為“主頁”,而顯示具體新聞內(nèi)容的頁面稱為“詳細頁”。

很顯然,這個主詳細頁最起碼得是兩頁。而我們使用的Spry詳細區(qū)域可以在一張網(wǎng)頁上顯示,并且是無刷新的。

一,新建網(wǎng)頁,綁定Spry XML 數(shù)據(jù)集

圖1:Dreamweaver CS3中Spry功能詳解

在網(wǎng)頁中打開【插入】面板,單擊【Spry】標簽下的【Spry XML 數(shù)據(jù)集】

二,選擇XML數(shù)據(jù)源

圖2:Dreamweaver CS3中Spry功能詳解

彈出【Spry XML 數(shù)據(jù)集】對話框,【XML源】可以是本地目錄下的XML數(shù)據(jù),也可以是跨域的遠程XML數(shù)據(jù)。

單擊【獲取架構(gòu)】按鈕在【行元素】列表框中選擇XML數(shù)據(jù)中有價值的重復元素,這里就是選擇的“item”元素(<>標志右上角有+號表示循環(huán)的多個)。

P.S 如果制作純粹的XML數(shù)據(jù)聚合的頁面,還可以選擇【禁用XML數(shù)據(jù)緩存】,并選擇自動刷新數(shù)據(jù)的時間以自動獲得遠程數(shù)據(jù)同步。

三,插入Spry表,顯示Spry XML數(shù)據(jù)在頁面

圖3:Dreamweaver CS3中Spry功能詳解

單擊【插入】面板【Spry】標簽下的【Spry 表】按鈕,彈出的對話框中將不需要顯示的【列】進行刪除。

很重要的一個操作就是一定要選擇 單擊行時將使用“更新”詳細區(qū)域。

【確定】插入Spry表,提示需要插入Spry區(qū)域。因為所有的Spry XML 數(shù)據(jù)必須在 Spry區(qū)域中才能顯示。

四,插入Spry詳細區(qū)域

圖4:Dreamweaver CS3中Spry功能詳解

首先,鼠標光標停留在已經(jīng)插入在頁面中的“Spry表”之后,繼續(xù)單擊【插入】面板【Spry】標簽下的【Spry 區(qū)域】按鈕。

彈出的對話框中【類型】一定要選擇為“詳細區(qū)域”才表示當前是Spry詳細區(qū)域。

五,將“詳細內(nèi)容”插入Spry詳細區(qū)域

圖5:Dreamweaver CS3中Spry功能詳解

鼠標光標停留在Spry詳細區(qū)域內(nèi),打開【綁定】面板,選擇“description”元素【插入】到Spry詳細區(qū)域中。

圖6:Dreamweaver CS3中Spry功能詳解

保存網(wǎng)頁會提示我們保存Spry效果文件,記得上傳的時候要連同這些文件一起上傳。

六,預覽效果

圖7:Dreamweaver CS3中Spry功能詳解

跨域顯示遠程XML數(shù)據(jù),同時單擊每行標題都能在當前頁無刷新打開內(nèi)容查看,甚好。

Adobe Dreamweaver CS4 10.0 免激活免序列號精簡版

Adobe Dreamweaver CS4圖片
  • 軟件性質(zhì):國外軟件
  • 授權(quán)方式:免費版
  • 軟件語言:簡體中文
  • 軟件大。63687 KB
  • 下載次數(shù):2446 次
  • 更新時間:2022/3/13 3:06:19
  • 運行平臺:WinXP,Win7...
  • 軟件描述:Dreamweaver CS4即為Dreamweaver的CS4版本,Dream... [立即下載]

相關資訊

相關軟件