詳細的細節區域與新聞系統中的新聞頁面和主要細節頁面的功能相似,其實就好像是一個頁面只顯示標題,對標題感興趣的打開頁面就可以看到內容,下文是錯新技術頻道小編為大家搜集到的關于詳細解說Dreamweaver中Spry區域功能的介紹,希望對你了解這方面內容有所幫助!
很顯然,這個主詳細頁最起碼得是兩頁。而我們使用的Spry詳細區域可以在一張網頁上顯示,并且是無刷新的。
一,新建網頁,綁定Spry XML 數據集
在網頁中打開【插入】面板,單擊【Spry】標簽下的【Spry XML 數據集】
二,選擇XML數據源
彈出【Spry XML 數據集】對話框,【XML源】可以是本地目錄下的XML數據,也可以是跨域的遠程XML數據。
單擊【獲取架構】按鈕在【行元素】列表框中選擇XML數據中有價值的重復元素,這里就是選擇的“item” 元素(標志右上角有+號表示循環的多個)。
P.S 如果制作純粹的XML數據聚合的頁面,還可以選擇【禁用XML數據緩存】,并選擇自動刷新數據的時間以自動獲得遠程數據同步。
三,插入Spry表,顯示Spry XML數據在頁面
單擊【插入】面板【Spry】標簽下的【Spry 表】按鈕,彈出的對話框中將不需要顯示的【列】進行刪除。
很重要的一個操作就是一定要選擇 單擊行時將使用“更新”詳細區域。
【確定】插入Spry表,提示需要插入Spry區域。因為所有的Spry XML 數據必須在 Spry區域中才能顯示。
四,插入Spry詳細區域
首先,鼠標光標停留在已經插入在頁面中的“Spry表”之后,繼續單擊【插入】面板【Spry】標簽下的【Spry 區域】按鈕。
彈出的對話框中【類型】一定要選擇為“詳細區域”才表示當前是Spry詳細區域。
五,將“詳細內容”插入Spry詳細區域
鼠標光標停留在Spry詳細區域內,打開【綁定】面板,選擇“description”元素【插入】到 Spry詳細區域中。
保存網頁會提示我們保存Spry效果文件,記得上傳的時候要連同這些文件一起上傳。
六,預覽效果
跨域顯示遠程XML數據,同時單擊每行標題都能在當前頁無刷新打開內容查看,甚好。
以上就是詳細解說Dreamweaver中Spry區域功能的全部內容,大家都了解了嗎?更多的網頁設計的內容盡在錯新技術頻道!
新聞熱點
疑難解答