Tutorials > Adobe Dreamweaver > Tutorial #179
Displaying RSS News Feeds With Dreamweaver 8
Level: Beginner
Requirements: Dreamweaver 8
Language: ASP, VBScript
Introduction
Follow this tutorial and you'll learn how to implement RSS news feeds on your website in five easy steps using only Dreamweaver 8. Using the same technique I've implemented Australian iTunes Today's Top 5 Songs RSS feed. Before I start just a small note on the requirements for this tutorial. You need to have Dreamweaver 8 installed and some basic knowledge working with server technology such as PHP,ASP,Cold Fusion etc...
Before we start please create the new dynamic site in Dreamweaver. For this tutorial I've used ASP VBScript but you can use anything else. The process is the same.You only need to create two pages. The display page 'news.asp' and the XSLT fragment page 'news.xsl'. You can see working example here.
Step 1
Go to File-New-Dynamic Page and choose ASP VBScript and click Create. Save this page as 'news.asp'.
Step 2
Again go to File-New-Basic Page and choose XSLT (Fragment) and click Create. In the new pop-up window 'Locate XML Source' select 'Attach a remote file on the Internet' and type http://www.webbrush73.com/rss/rssnews.xml and click OK. Save this page as 'news.xsl'.
Step 3
We're still on the news.xsl page. Look under Application / Bindings (if you cannot see this press CTRL+F10) and you'll see XSLT fragment scheme for rssnews.xml. Look under item and click and drag the title,link,description, and pubDate on the page (one below each other). Save this page.
To create the link to full article you would need to bind a 'link' item with the URL path. Select link, or optionally you can type some text that you would like to link e.g. Read more and then bind that with URL. Select the text and from the properties toolbar select link from 'Data sources'
Step 4
Still on the 'news.xsl' page. Hold Shift key and select title,link,description, and pubDate on the page and go under Insert-XSLT Objects and select Repeat Region. In the new window XPath Expression Builder select 'item' (your expression should read 'rss/channel/item') and click OK. Save and close this page.
Step 5
Open 'news.asp' page and click anywhere on the page where you would like to RSS feed to be displayed. Then goto Application / Server Behaviors click on the plus sign and from the menu choose XSL Transformation.
In the new pop-up window click Browse next to XSLT file and select 'news.xsl' (the file that we created in the step 1). Click OK.
Upload to the server all the files: news.asp, news.xsl and 'includes folder' created by Dreamweaver.
Type the address www.yourwebsitename.com/news.asp and you should see Webbrush73 RSS Feed. You can see working example here. Enjoy.
| Tutorial By | Submitted On | Views | Rating |
|---|---|---|---|
| Igor Kasalovic | 24/03/2008 | 5652 | Not Yet Rated Rate Tutorial |
