Dreamweaver CS3中的Spry详细区域功能介绍

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

  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数据,同时单击每行标题都能在当前页无刷新打开内容查看,甚好。

时间: 2024-12-02 04:30:13

Dreamweaver CS3中的Spry详细区域功能介绍的相关文章

DreamWeaver CS3中的SPRY的自定义验证

近两日,用了DreamWeaver CS3中的SPRY组件.发现,它能自动的对一些输入进行前台认证.还算比较方便,它内置了一些验证的内容,例如:数字验证.字符串验证.邮政编码验证.日期验证等等.   不过,美中不足的是,它内置的一些验证,在中国的实际应用中并不是很大,因为它提供的一些验证都是以美国的标准来的,和中国的标准还有些差距.   这时,唯一想到就是扩展它的验证.修改它的代码就不想了,自己水平不够.看看有没有其他的方法.在网络上找了一些资料后,经过自己的实践,终于成功了.现将代码赋予其后.

Dreamweaver CS3中Spry详细区域功能

Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见. Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能.比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了.那么显示所有标题列表的页面我们称为"主页",而显示具体新闻内容的页面称为"详细页". 很显然,这个主详细页最起码

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

做网站,麻烦在更新,特别是大规模更新,工作量非常大.真不知那些创意不断而又勤奋的"站长",隔三岔五将网站来个"大换血",是怎么忙过来的. 告诉你这个秘密吧,他们很多是在"批发"网页,并且你的机器中也有这样的"批发站"呢!这个好东东就是--模板.常见的网页制作工具:FrontPage.DreamWeaver中都有这项功能.如用DreamWeaver 3.0 制作网站时,使用模板就能减少大量的重复劳动. 一.建立模板 1.创建模板

Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法

使用 Dreamweaver 这样的可视化的 IDE 工具进行编程的最大的一个好处是它的代码提示功能,只要输入几个字符,IDE 工具就会智能的给出一系列可选的函数或者变量让你输入. 代码提示功能的好处是非常明显的,比如你对某个函数记不清楚,就可以通过代码提示功能快速输入,而不用去搜索和查资料,即使非常清楚,也可以通过代码提示功能快速输入而无需输入每个字符,这样的对编程效率提高是非常明显的. Dreamweaver CS5 支持 WordPress 代码提示 我们知道 Dreamweaver 代码

Dreamweaver CS3中的CSS布局规则

标签应用一般对于"body"标签一次性使用,对于诸如"li"."td"等在页面中重复性比较大的标签不推荐定义. 建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".&quo

Dreamweaver CS3中Head元素详解及使用

HEAD元素中包含了许多重要的信息,例如文档类型.语言编码.JavaScript和VBscript的函数和变量.搜索引擎的要害字和内容提示等.您可以使用VIEW-HEAD CONTENT或HTML检查器(F10)查看其内容. 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD,下面介绍一下HEAD元素的部分属性: Meta:它可以记录当前页面的信息,例如字符编码.作者.版权和要害字等.还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等. Attribute:指定META标签是否包

Windows Vista系统中的日志查看器功能介绍

当我们的Windows 系统出现问题时,要分析与定位故障,最简单的办法莫过于使用事件查看器,如Windows XP中的事件查看器可以让我们分析系统日志.应用程序日志与安全性日志,以从中找出可能存在问题的线索.不过,客观地说来,之前Windows版本包括Windows XP中的事件查看器在使用中存在很多不足,很多时候所给出的信息呆板.含糊,不足以让我们准确地定位可能发生的故障,而当待找的信息淹没在大量的事件之中时,简陋的事件过滤与查询机制往往让我们很难快速找到与定位. 在Windows Vista

HTML5中的drag拖拽功能介绍

拖放(Drag 和 drop)是 HTML5 标准的组成部分,本文主要介绍与拖拽操作相关的对象及事件信息. 要接受元素的放下,目标元素必须监听至少3个事件: 首先是dragenter事件,用来决定是否接受"拖动的元素"被放下,如果接受放下,那么该事件就被取消,进入下一个事件 然后开始dragover事件,用来确定给用户什么样的反馈,即位于该元素之上时呈现什么样的效果,如果该事件被取消,反馈一般是一个鼠标指针, 也可以使用dropEffect属性定义,如果事件没有被取消,那么就是默认的行

Smarty中的注释和截断功能介绍_php模板

注释 复制代码 代码如下: {* 这是一个单行Smarty注释 来自于jb51.net,网页源代码里看不见*} {* 这是一个多行    Smarty注释    并不发送到浏览器 *} 模板注释由星号包围,继而由分隔符包围,型如:{* 这是一个注释 *}.Smarty注释不会在最终模板的输出中显示,这点和不同.前者对于在模板中插入内部注释有用,因为没有人能看到.;-) http://www.itlearner.com/code/smarty_cn/language.basic.syntax.ht