HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Hier werben | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » RSS » Feeds verwenden

RSS: Feeds verwenden

von Jan Winkler

Nachdem der RSS-Feed erstellt ist, wird er ins Netz gestellt und kann abgerufen werden. Außerdem kann der RSS-Feed neben den "normalen" Newsreadern auch noch in die Homepage eingebunden werden.

Anzeige

Die Nachrichten abrufen  nach oben

Die Einzelheiten eines Newsfeeds wären damit klärt - wir brauchen die Datei nur noch zu speichern (am besten mit der Dateiendung .xml). Bleibt nur noch die Frage wie der Newsreader damit umgeht? Die meisten Reader handhaben es so, zuerst die gesamte Datei herunter zu laden und dann in ihre Einzelteile zu zerlegen. Existiert ein Kanal noch nicht, wird er meist automatisch angelegt und die entsprechenden News diesem Kanal zugeordnet. Beim nächsten Update der Datei werden wieder alle Nachrichten durchsucht und die noch nicht im Speicher vorhandenen News werden hinzugefügt. Wird also z.B. eine Nachricht in der Datei entfernt (weil Sie z.B. einer anderen weichen muss), so bleibt sie meist beim Leser noch im Speicher - je nach dem was dieser bei seinem Reader eingestellt hat. Zum Testen bieten sich einige Programme an, die wir für Sie in der Linkliste zusammengetragen haben.

RSS für die Homepage formatieren  nach oben

Sofern Sie Ihre News nicht nur im RSS-Format anbieten wollen, sondern auch dafür sorgen möchten, dass Besucher ohne einen RSS-Reader diese auch ansprechend gestaltet lesen können, empfiehlt es sich das Dokument entweder mit CSS oder XSLT formatieren zu lassen.

Wie bei allen XML-Dateien wird ein CSS- oder XSLT-StyleSheet mit dem folgenden Code in die Datei eingebunden:

<?xml-stylesheet href="Dateiname" type="text/css"?> für CSS
<?xml-stylesheet href="Dateiname" type="text/xsl"?> für XSLT

Eine Beispielformatierung mit CSS könnte dann z.B. so aussehen:

rss
{display:block; font-size:10pt; padding:10px; margin:10px;}

title
{font-size:14pt; font-weight:bold; display:block;}

item title
{font-size:12pt; font-weight:bold; display:block;}

link:before {content:'Homepage: ';}

item link:before {content:'Der gesamte Text unter: ';}

link {font-weight: bold; display:block;}

description {display:block;}
language, image, textinput {display:none;}

item
{border:solid black 1px; display:block; padding:10px; 
 margin:10px; background-color:#EFEFEF;}

Als Vorlage für die Formatierung mit XSLT könnte z.B. diese dienen:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0"
     xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >

 <xsl:template match="rss">
  <html><head>Meine News</head>
        <body><xsl:apply-templates/></body></html>
 </xsl:template>

 <xsl:template match="channel">
  <h1>
   <xsl:element name="a">
     <xsl:attribute name="href">
      <xsl:value-of select="link" />
     </xsl:attribute>
     <xsl:value-of select="title" />
   </xsl:element>
  </h1>
  <xsl:apply-templates select="description"/>
  <xsl:apply-templates select="item"/>
 </xsl:template>

 <xsl:template match="item">
 <div style="background-color:#EFEFEF">
  <h3>
   <xsl:element name="a">
     <xsl:attribute name="href">
      <xsl:value-of select="link" />
     </xsl:attribute>
     <xsl:value-of select="title" />
   </xsl:element>
  </h3>
  <xsl:apply-templates select="description"/></div>
 </xsl:template>
</xsl:stylesheet>

Die beiden Beispiele sind im Mozilla dann schon recht ansehnlich:

Die mit CSS formatierte RSS-Datei
Darstellung: Die mit CSS formatierte RSS-Datei

Der mit XSLT formatierte Newsfeed
Darstellung: Der mit XSLT formatierte Newsfeed


Anzeige

« zurück weiter »
Bewerten

Aus dem RSS Forum ...

zum RSS Forum »

 

RSS

.Autor:Jan Winkler.
. Bewertung:
RSS: Feeds verwenden HTMLWorld
(5/5 bei 1 Votes)
.
. Community: 24 Beiträge im RSS Forum .

Navigation


Wie ticken Web-Entwickler eigentlich im Social Web? von Job Ambition GmbH
&#12486;&#12540;&#12521;&#12540;&#12513; von ishiner
&#12479;&#12452;&#12488;&#12522;&#12473; von ishiner
&#12473;&#12467;&#12483;&#12486;&#12451; von ishiner
&#12500;&#12531;(PING) i20&#12501;&#12455;&a von ishiner
&#12479;&#12452;&#12488;&#12522;&#12473; von ishiner
One of the most famous golf courses von ishiner
Eagle Valley Golf Course von ishiner
Most all master golfers online von ishiner
First learn the game of golf von ishiner
Gesucht: Senior PHP-Programmierer (m/w) – am Standort Köln von Job Ambition GmbH
World Golf Championship von ishiner
Achtung: Seite ist nicht mehr gültig von Sir Quicksand
Excel-Spalte auslesen in txt. speichern. von n_o.o_ b
(Junior) Java Entwickler (m/w) - am Standort Stuttgart von Job Ambition GmbH

zum Forum »



 
     
 

Anzeige