Dreamweaver CS3中Spry详细区域功能

jakey_caox

jakey_caox

2016-02-19 20:51

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Dreamweaver CS3中Spry详细区域功能,希望大家看完后能赶快学习起来。

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  在网页中打开面板,单击标签下的

  二,选择XML数据源

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  弹出对话框,可以是本地目录下的XML数据,也可以是跨域的远程XML数据。

  单击按钮在列表框中选择XML数据中有价值的重复元素,这里就是选择的“item”元素(标志右上角有+号表示循环的多个)。

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

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

  单击面板标签下的按钮,弹出的对话框中将不需要显示的进行删除。

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

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

  四,插入Spry详细区域

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

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

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

  鼠标光标停留在Spry详细区域内,打开面板,选择“description”元素到Spry详细区域中。

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

展开更多 50%)
分享

猜你喜欢

Dreamweaver CS3中Spry详细区域功能

Web开发
Dreamweaver CS3中Spry详细区域功能

Dreamweaver CS3集成Spry效果试用

Web开发
Dreamweaver CS3集成Spry效果试用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver CS3 Beta界面功能大曝光

Web开发
Dreamweaver CS3 Beta界面功能大曝光

在Dreamweaver CS3中用Spry将XML数据显示到HTML页

Web开发
在Dreamweaver CS3中用Spry将XML数据显示到HTML页

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver CS3集成Spry之表单检测试用

Web开发
Dreamweaver CS3集成Spry之表单检测试用

Dreamweaver CS3中的CSS布局规则

Web开发
Dreamweaver CS3中的CSS布局规则

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

网页制作入门教程:关于css样式表

网页制作入门教程:关于css样式表

Active Directory域服务当前不可用的处理办法

Active Directory域服务当前不可用的处理办法
下拉加载更多内容 ↓