Les instructions détaillées pour l'utilisation figurent dans le Guide de l'utilisateur.
[. . . ] Bien démarrer avec Dreamweaver
Marques de commerce 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et WebHelp sont des marques déposées ou des marques commerciales de Macromedia, Inc. qui peuvent être enregistrées soit aux Etats-Unis, soit auprès d'autres juridictions y compris internationales. Les autres noms de produits, logos, graphiques, mises en page, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques, des marques de service ou des noms de marque appartenant à Macromedia, Inc. ou à d'autres entités et peuvent être déposés dans certains pays, états ou provinces. [. . . ] 204 Ajout d'un objet XSLT Région répétée . 206 Association de la page XSLT à la page XML. 209 Autres options de déploiement . . 211
10
189
Localiser vos fichiers
Les fichiers dont vous avez besoin pour suivre ce didacticiel se trouvent dans le dossier xml, qui figure dans le dossier racine cafe_townsend que vous avez copié sur votre ordinateur dans Chapitre 3, Didacticiel : Configuration de votre site et des fichiers de projet. Si vous n'avez pas suivi ce didacticiel, vous devez le faire avant de continuer. Le dossier xml contient le fichier principal que vous allez utiliser dans ce didacticiel (xml_menu. html), la feuille de style en cascade (CSS) associé à la page de menu (xml_menu. css), un fichier contenant vos données XML (specials. xml), un dossier d'images et un certain nombre d'autres pages HTML. La version finale du didacticiel, xml_menu. xsl, se trouve dans le répertoire cafe_townsend/completed_files/dreamweaver/xml.
190 Didacticiel : Affichage de données XML
Passer votre tâche en revue
Cafe Townsend est un restaurant fictif qui affiche actuellement la liste de ses plats du jour sur son site Web. Les informations sont présentées dans un tableau HTML contenant des lignes. La colonne de gauche de chaque ligne indique le nom du plat et sa description. La colonne de droite précise le prix du plat. Toutes les informations figurant sur la page sont codées manuellement (autrement dit, elles ne proviennent pas d'une source de données dynamique) et le texte est formaté par le biais d'une feuille de style externe.
Les propriétaires de Cafe Townsend ont décidé d'utiliser une source de données dynamique et d'afficher les plats du jour à partir de données enregistrées dans un fichier XML. L'utilisation de données XML permet de séparer le contenu de la page (les plats du jour) de la présentation (mise en page, style du texte, etc. ). Même s'il ne sait pas utiliser HTML ni assurer la maintenance de pages Web, un employé peut facilement mettre les informations à jour en modifiant le fichier XML, sans avoir à intervenir sur la présentation de la page affichant les plats du jour.
Passer votre tâche en revue
191
Dans ce didacticiel, vous allez convertir la page specials (une page HTML) en une page XSLT afin d'y afficher des données XML. Vous appliquerez également des styles aux données XML afin que de les harmoniser avec le reste de la page. Si vous savez utiliser XML, XSLT et les transformations côté client, vous pouvez passer directement à Conversion d'une page HTML en page XSLT, page 196. Si ces concepts sont nouveaux pour vous, lisez les sections suivantes.
Utilisation de XML et XSL dans des pages Web
Le langage XML (Extensible Markup Language) permet de structurer les informations. Tout comme HTML, XML utilise des balises pour structurer les informations, mais les balises XML ne sont pas prédéfinies comme c'est le cas des balises HTML. En effet, XML permet de créer des balises sur mesure, adaptées à la structure des données. Les balises sont imbriquées dans d'autres balises afin de créer un schéma de balises parentes et enfants. Comme la plupart des balises HTML, toutes les balises d'un schéma XML comprennent une balise d'ouverture et une balise de fermeture. L'exemple suivant illustre la structure de base d'un fichier XML :
<?xml version="1. 0"> <mybooks> <book bookid="1"> <pubdate>03/01/2004</pubdate> <title>Displaying XML Data with Macromedia Dreamweaver</ title> <author>Charles Brown</author> </book> <book bookid="2"> <pubdate>04/08/2004</pubdate> <title>Understanding XML</title> <author>John Thompson</author> </book> </mybooks>
192 Didacticiel : Affichage de données XML
Dans cet exemple, chaque balise parente <book> contient trois balises enfants : <pubdate>, <title> et <author>. Mais chaque balise <book> est elle-même un enfant de la balise <mybooks>, qui se trouve à un niveau hiérarchique plus élevé du schéma. [. . . ] La boîte de dialogue Connexion MySQL s'ouvre. Tapez connTownsend comme nom de connexion. Dans la zone Serveur MySQL, indiquez l'ordinateur qui héberge MySQL. Entrez une adresse IP ou un nom de serveur. [. . . ]