首页学院源码字体下载软件电脑书| 素材图片模版壁纸酷站图标笔刷纹理|小游戏博客QQ表情投票计数器JoyRssMail
动态网站制作指南
首页|网络编程|站长之家|网页制作|图形图象|操作系统|冲浪宝典|软件教学|网络办公|手机学院|邮件系统|网络安全|认证考试
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver教程

Dreamweaver CS3中Spry详细区域功能


发表日期:2008-4-16 |


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

关注此文的读者还看过:
·在状态栏中实现活动文字效果
·DW-MX制作ASP.NET-修改
·DreamweaverMX Ultradev探索(4-1)
·Dreamweaver:从网页模版切图到网页生成全攻略
·在Dreamweaver中编写CSS需要掌握的技巧
·下拉菜单全攻略之Dreamweaver篇
·Dreamweaver MX 打造我们的留言本(一)
·Ultradev实例教程:1.1 什么是Ultradev
·技巧:用Dreamweaver进行网页优化
·轻松打造弹出窗口

浏览全部Dreamweaver CS3的内容 PS笔刷下载 39种不同语言在线翻译
文章搜索服务





邮件订阅服务
输入你的邮件地址,你将不会错过任何关于<Dreamweaver教程>的内容
Powered by JoyRssMail

网页制作文章分类

本月文章推荐
. 关于Dreamweaver乱码问题的解决方案.
. 使网页随浏览器伸展.
. 利用Dreamweaver8掌握网页代码基本.
. Dreamweaver 4 简明教程(八、为网页.
. 用Dreamweaver制作网页时关于文字自.
. Dreamweaver 4 简明教程(三、制作前.
. Dreamweaver3 图层应用技巧(五).
. Dreamweaver如何制作浮动广告.
. 玩转Dreamweaver 8.0:属性检查器和.
. 用Dreamweaver MX创造网页鼠标样式.
. 一种细腻的导航效果的制作方法.
. Dreamweaver查找替换的技巧.
. Dreamweaver8制作网页常用的过度效.
. Dreamweaver行为全接触(4).
. Ultradev实例教程:5 做一个相对简单.
. 玩转Dreamweaver 8:了解CSS层叠样.
. Ultradev实例教程:3.7 创建一个简单.
. Dreamweaver CS4新特性之JavaScript.
. 利用Dreamweaver插件改变IE浏览器滚.
. Dreamweaver网页制作技巧:使用模板.
. Dreamweaver构建Blog全程实录(6)-用.
. Dreamweaver的操作诀窍点滴.
. 用Dreamweaver MX制作导航下拉菜单.
. DW-MX制作ASP.NET-链接与补充.
. dreamweaver 3 表格经验谈.
. Dreamweaver 4.0 新增功能全接触.
. DreamWeaver高级应用—模板与库.
. Dreamweaver制作网页小技巧汇集.
. DreamweaverMX Ultradev探索(3-1).
. 轻松打造弹出窗口.
  最新网站源码 最新软件下载
2009-7-4 84网址站 v4.10
2009-7-4 仿webmasterhome 网站收录查询 v
2009-7-4 NOCC v1.8
2009-7-4 易和阳光购物商城 v1.4 Access F
2009-7-4 OK伯乐招聘求职系统
2009-7-3 MyBB v1.4.8
2009-7-3 miniBB v2.3
2009-7-3 Modoer多功能点评系统 v1.1.0 Bu
2009-7-3 Modoer多功能点评系统 v1.1.0 Bu
2009-4-4 SharePoint Designer 2007
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
2009-3-20 Internet Explorer 8 简体中文正
  发表评论
姓 名: 验证码: [ 查看评论 ]
内 容:
 
站长工具:Google PR查询|网站速度测试|CSS在线编辑器|OPEN参数生成器|弹出式窗口代码产生器|密码登录生成器|在线按钮生成器|Meta标签生成器|邮箱图标在线生成|多色彩特效字代码生成器|网页代码调试器|在线FTP登陆|Flash取色器|配色代码对照表|配色辞典|CSS生成器|CSS在线压缩|广告代码|框架网页代码生成器|js/vbs加密|md5加密|进制转换|UTF-8 转换工具|在线调色板|Html转换js|Html转换asp|Html转换php|Html转换perl
实用工具:汉字翻译拼音|拼音字典|在线翻译|天气预报|火星文|在线网速测试|符号对照表|个税计算|公积金贷款计算|购房银行按揭利率计算|实时汇率查询换算|经典小工具|汉字简繁转换|普通单位换算|公制单位换算|生辰老黄历|国内电话区号|国家代码与域名缩写|文字加密解密|元素周期表|健康查询|世界时间|全国各地车牌查询|全国车辆交通违章查询|万年历|二十四节气|汉字横竖排版|手机号码查询|计算器|ip搜索
广告刊登 | 版权声明 | 联系我们 | 加入收藏 | RSS订阅
Copyright © 2000-2009 www.knowsky.com All rights reserved | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵
SEO対策 コーチ ホームページ作成
過払い請求 現金化 債務整理 現金化