当前位置: 主页 > 平面设计 > Adobe Dreamweaver CS3玩转远程读取RSS之“为所欲为”

Adobe Dreamweaver CS3玩转远程读取RSS之“为所欲为”

  • 2022-02-03
  • 来源/作者: adobe-dreamweaver.cn    / adobe-dr…    
  • 13 次浏览

如何在Adobe Dreamweaver CS3中玩转和调用远程RSS文件为自己所用。

许多站长们由于各种原因不能经常更新自己的网站,这就会导致用户没有新资料可看而流失。这应该是许多站长较为苦恼的问题。其实在如今RSS资料如此丰富的互联网上。站长们完全可以利用开发的RSS资源来丰富自己站点的资料,可以让你的站点看起来每天都有新资料,从而吸引更多的浏览群。

今天我就教大家一个简单易学的方法让大家可以学会在Adobe Dreamweaver CS3利用XSL转换功能来玩转远程RSS。

首先要使用XSL转换功能你必须在Adobe Dreamweaver CS3建立一个ASP站点。至于如何建立ASP站点,你可以参照本站教程“Dreamweaver CS3 For ASP开发起步-建立ASP开发环境”来学习如何在Adobe Dreamweaver CS3中建立站点。

站点建立好后,你可以在Adobe Dreamweaver CS3中新建一个XSL文件。如下图:

新建XSLT(整页)文件后会弹出XML数据源对话框。如下图:

你定位XML源的设置面板中选择附加互联网上的远端文件。这里你就可以复制你所喜欢的RSS资源地址在此。这里我们以本站的RSS资源为例。

http://www.adobe-dreamweaver.cn/rss.asp

 

设置完成后单击确认按钮。你将会在应用程序绑定面板上看见你输入的RSS数据源的数据结构。如下图:

保存该XSL文件。如下图:

保存后你查看XSL文件的源文件,会看到如下代码:

将Adobe Dreamweaver CS3切换到设计状态下。选中应用程序绑定面板中的数据字段“tltle”拖放到页面中。如下图:

 

选中“title”字段,再选择XSLT重复区域图标,对该字段进行重复设置。如下图:

进行到这一步也就等于调用成功了RSS的标题。接下来你需要给这个标题做上链接,让其连接到各自的文章内容。选中 “title”再选中链接设置。如下图:

选中数据源链接。如下图:

选中“link”。点击确定完成。再设置链接以新窗口形式打开。如下图:

设置完成后保存该文件按键盘“F12”键预览该文件的数据。如下图:

从图上你可以看出数据已经调用成功,但是数据都拥挤到了一起,那么我们需要切换到代码状态下给重复的地方加上一个换行“BR”标签。如下图:

加上“BR”标签后你再保存预览就能看到下图的样式。

从图上可以看出你完成了RSS的远程调用。并且成功的使得数据看起来很清晰。

在我们要将此文件正式作为纯数据文件来使用前,我么还需要切换到XSL文件的源代码状态,将XSL文件中HTML主体标签去除。

那么我们接下来就需要创建一个ASP文件来调用该XSL文件。从来而是远程调用并且可阅读的目的。

首先我们新建一个ASP文件“dw.asp”。如图:

建立完成打开该页面,选择右边的服务器行为-XSL转换功能。如下图:

弹出如下XSL设置面板。

你选择好刚才建立好的XSL文件后点击确定完成。并且保存。下过如下图:

保存该文件并按“F12”预览该文件,你会发现你已经成功在即自己的页面上调用了一个远程的RSS文件。并且看起来非常直观清洁。

你查看“dw.asp”的源文件可以看到如下代码:

至此本教程就算完成了。你可以举一反三的根据该方法来自用在你需要的页面中调用任何的RSS新闻列表文件来为我所有。

最后你可以下载该教程的源代码包进行研究。

下载本教程源代码

 原创文章,如果有需要转载请联系本站取得转载许可。