DW CS3中Spry详细区域功能的解说

⊕ 网站首页 ⊕注册会员 ⊕ 本站免费电影 ⊕ 留言板 ⊕ 繁體中文

您现在的位置：陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文

专题栏目

最新热门

最新推荐

相关文章

Adobe Flash CS4 试用版
 Photoshop CS3新特性概览
 Adobe Illustrator CS3蓄
 闪客一族看过来 FlashCS
最大规模 Adobe CS4套装
 Adobe Photoshop CS4最新
 Adobe发布Acrobat 9、CS
Adobe CS4网页制作套装测
 Photoshop CS4支持GPU、
下载：Office 2008 for

DW CS3中Spry详细区域功能的解说

DW CS3中Spry详细区域功能的解说

作者：陈鹏文章来源：eNet 点击数：更新时间：2009-9-12 9:13:01

Dreamweaver CS3中集成了Spry功能我们都知道，Spry具有对XML数据处理的功能我们也见识过，不过对于Spry的详细区域功能似乎很少见。

　　Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时，其中有一个页面只会显示所有新闻的标题，当对该标题感兴趣时可以单击该标题打开一个新的网页，就可以查看到该新闻的全部内容了。那么显示所有标题列表的页面我们称为“主页”，而显示具体新闻内容的页面称为“详细页”。

　　很显然，这个主详细页最起码得是两页。而我们使用的Spry详细区域可以在一张网页上显示，并且是无刷新的。

　　一，新建网页，绑定Spry XML 数据集

　　

　　在网页中打开【插入】面板，单击【Spry】标签下的【Spry XML 数据集】

　　二，选择XML数据源

　　 Dreamweaver

　　弹出【Spry XML 数据集】对话框，【XML源】可以是本地目录下的XML数据，也可以是跨域的远程XML数据。

　　单击【获取架构】按钮在【行元素】列表框中选择XML数据中有价值的重复元素，这里就是选择的“item”元素（<>标志右上角有+号表示循环的多个）。

　　P.S 如果制作纯粹的XML数据聚合的页面，还可以选择【禁用XML数据缓存】，并选择自动刷新数据的时间以自动获得远程数据同步。

　　三，插入Spry表，显示Spry XML数据在页面

　　 Dreamweaver

　　单击【插入】面板【Spry】标签下的【Spry 表】按钮，弹出的对话框中将不需要显示的【列】进行删除。

　　很重要的一个操作就是一定要选择单击行时将使用“更新”详细区域。

　　【确定】插入Spry表，提示需要插入Spry区域。因为所有的Spry XML 数据必须在 Spry区域中才能显示。

　　四，插入Spry详细区域

　　 Dreamweaver

　　首先，鼠标光标停留在已经插入在页面中的“Spry表”之后，继续单击【插入】面板【Spry】标签下的【Spry 区域】按钮。

　　弹出的对话框中【类型】一定要选择为“详细区域”才表示当前是Spry详细区域。

　　五，将“详细内容”插入Spry详细区域

　　 Dreamweaver

　　鼠标光标停留在Spry详细区域内，打开【绑定】面板，选择“description”元素【插入】到Spry详细区域中。

　　 Dreamweaver

　　保存网页会提示我们保存Spry效果文件，记得上传的时候要连同这些文件一起上传。

　　六，预览效果

　　 Dreamweaver

　　跨域显示远程XML数据，同时单击每行标题都能在当前页无刷新打开内容查看，甚好。

【责任编辑王凡】

文章录入：陈鹏责任编辑：陈鹏

上一篇文章：技巧：论坛网站的推广方法和经验

下一篇文章： DW制作网页时使用CSS的注意事项

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】