<?xml version="1.0" encoding="ISO-8859-1" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"/>

<xsl:attribute-set name="externlink">
  <xsl:attribute name="target">imdb</xsl:attribute>
		<xsl:attribute name="title">Klick für weitere Infos über "<xsl:value-of select="filmtitel" />" auf IMDB.com</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="darstellerlink">
  <xsl:attribute name="target">imdb</xsl:attribute>
		<xsl:attribute name="title">Klick für weitere Infos über "<xsl:value-of select="." />" auf IMDB.com</xsl:attribute>
</xsl:attribute-set>

<xsl:attribute-set name="amazonlink">
  <xsl:attribute name="target">imdb</xsl:attribute>
		<xsl:attribute name="title">Details über "<xsl:value-of select="filmtitel" />" bei Amazon ansehen</xsl:attribute>
</xsl:attribute-set>

<xsl:template match="/">
 <html lang="de">
<head>
<title>Trennung von Daten und Design mit XML und XSLT am Beispiel einer DVD-Sammlung // Sascha Diercks - Gestaltung für Neue Medien: Web / Präsentation / CD / DVD / Rendering / Flash //</title>
<meta name="description" content="Trennung von Daten und Design mit XML und XSLT // Sascha Diercks - Interaktiv //" />
<meta name="keywords" content="Gestaltung, Neu, Neue Medien, Medien, Web, Webdesign, Design, 3D, Arbeitsproben, Portfolio, Arbeitsmappe, Webseiten, Erstellung, Layout, Cinema 4D, Flash, Dreamweaver, Photoshop, Fireworks, Freehand" />
<meta name="language" content="deutsch, de" />
<meta name="page-topic" content="Computer, Design, Web" />
<meta name="page-type" content="Computer, Design, Web" />
<meta name="revisit-after" content="10 days" />
<meta name="Robots" content="index,follow" />
<meta name="author" content="Sascha Diercks / http://www.sdi24.de" />
<meta name="company" content="none" />
<meta name="publisher" content="Sascha Diercks" />
<meta name="reply-to" content="webmaster@sdi24.de" />
<meta name="distribution" content="global" />
<meta name="MSSmartTagsPreventParsing content=TRUE" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../css_skript/gestaltung.css" rel="stylesheet" type="text/css" />
 </head>
 <body id="interaktiv">
	<div id="paper">
<div id="logo"><a href="../../index.html" name="webdesign"><img src="../../images/logo.gif" alt="Sascha Diercks - Gestaltung für Neue Medien" title="Logo: zurück zur Startseite" width="222" height="28" border="0"/></a></div>
<div id="navcontainer">
 <ul>
  <li><a href="../../index.html" title="Hauptnavigation: zurueck zur Startseite" id="startseitenav">Startseite</a></li>
  <li><a href="../../arbeitsproben/index.html" title="Hauptnavigation: realisierte Projekte" id="arbeitsprobennav">Arbeitsproben</a></li>
  <li><a href="../../vita/index.html" title="Hauptnavigation: Lebenslauf und weitere Infos" id="vitanav">Vita und Infos</a></li>
  <li><a href="../index.html" title="Hauptnavigation: interaktive Beispielprojekte" id="interaktivnav">Interaktiv</a></li>
  <li><a href="../../kontakt/index.html" title="Hauptnavigation: Kontaktmoeglichkeiten und Impressum" id="kontaktnav">Kontakt</a></li>
 </ul>
</div>
	<div id="subteaser"><img src="../../images/_dvdliste.jpg" alt="Eine einfache DVD-Datenbank mit XML und XSLT." width="640" height="100"/></div>
<div id="intro"><h1>Eine DVD-Datenbank: eine einfache Anwendung von XML und XSLT</h1><p>Diese DVD-Datenbank ist eine einfache XML/XSLT-Anwendung. Ein Klick auf den Filmtitel oder einen der Darsteller öffnet eine neue Webseite mit weiteren Informationen in einem neuen Browserfenster. In der Spalte Amazon gelangen Sie nach einem Klick auf die entsprechende Seite bei Amazon.de. Ergänzende Informationen zu dieser Datei stehen am <a href="#imdb">Ende der Seite</a>.</p></div>
 <table border="0" cellspacing="0" cellpadding="0" align="center" class="dvdliste">
 <tr>
		<th class="filmtitel"><b>Filmtitel</b></th>
  <th class="genre"><b>Genre</b></th>
		<th class="darsteller"><b>Darsteller</b></th>
  <th class="amazon"><b>Amazon</b></th>
 </tr>
  <xsl:call-template name="liste"></xsl:call-template>
	 </table>
	<div id="outtro"><h1>Weitere Informationen zur vorliegenden Datei</h1><p><a name="imdb"></a>Bei der vorliegenden DVD-Datenbank handelt es sich um eine XML-Datei, die mit Hilfe von XSLT in eine Webseite transformiert wird. In der XML-Datei sind folgende Daten angegeben: Filmtitel / Genre / Darsteller / Bewertung / IMDB-Nummer. Alle Filme werden in diesem Beispiel alphatbetisch sortiert. Dies geschieht, mit einer XSLT-Anweisung, die den Inhalt der XML-Daten ausliest und nach Filmtiteln sortiert.<br/>Die IMDB-Nummer hingegen wird nicht direkt auf dieser Seite angezeigt. XSLT wandelt diese Nummer in einen Verweis auf den entsprechenden Film in der bekannten Datenbank <a href="http://www.imdb.com" target="_blank" title="externer Link: öffnet die International Movie Database">http://www.imdb.com</a> um. Der/die Darsteller hingegen werden auf der Webseite angezeigt und automatisch über XSLT mit der Suchfunktion der englisch-sprachigen Filmdatenbank verknüpft.<br />Als besonderes Goodie werden am Ende einer jeden Zeile externe Links zu <a href="http://www.amazon.de/" title="externer Link: öffnet Amazon.de">http://www.amazon.de</a> generiert. Dies geschieht ebefalls über eine XSLT-Anweisung, die die Amazon-ID in einen Link zum betreffenden Film umwandelt.</p></div>
	<div id="fix">Trennung von Daten und Design mit XML und XSLT // Sascha Diercks - Interaktiv //</div>
	</div>
<div id="footer">
<ul id="flinks">
<li>
<a href="#webdesign" title="Funktion: zum Anfang der Seite - nach oben scrollen">Seitenanfang</a>
</li>
</ul>
<ul id="frechts">
<li>© Sascha Diercks 2005</li>
<li>XML / XSLT / CSS2.0</li>
</ul>
</div>
 </body>
 </html>
 </xsl:template>
	<xsl:template name="liste">
	<xsl:for-each select="document('../../daten/dvd-daten.xml')/dvdliste/dvdtitel">
	<xsl:sort select="filmtitel" order="ascending" data-type="text"/>
	<tr class="class" onmouseover="className='jshover'" onmouseout="className='class'">
  <td class="filmtitel"><xsl:element name="a" use-attribute-sets="externlink"><xsl:attribute name="href">http://german.imdb.com/find?<xsl:value-of select="imdb" /></xsl:attribute><xsl:value-of select="filmtitel" /></xsl:element></td>
  <td class="genre"><xsl:value-of select="genre" /></td>
		<td class="darsteller"><xsl:call-template name="darstellerliste"></xsl:call-template></td>
  <td class="amazon"><xsl:element name="a" use-attribute-sets="amazonlink"><xsl:attribute name="href">http://www.amazon.de/exec/obidos/ASIN/<xsl:value-of select="amazon" /></xsl:attribute>klicken!</xsl:element></td>
 </tr>
 </xsl:for-each>
	</xsl:template>

	<xsl:template name="darstellerliste">
	<xsl:for-each select="darsteller">
	<xsl:element name="span"><xsl:element name="a" use-attribute-sets="darstellerlink"><xsl:attribute name="href">http://german.imdb.com/find?<xsl:value-of select="." /></xsl:attribute><xsl:value-of select="." /></xsl:element></xsl:element>, 
 </xsl:for-each>
	</xsl:template>	
</xsl:stylesheet>
