PDF (adobe.com)

Application de styles aux fragments XSLT

Lorsque vous créez une page XSLT entière (autrement dit, une page XSLT qui contient des balises <body> et <head>), vous pouvez afficher les données XML sur la page, puis les mettre en forme comme tout autre contenu à l'aide de l'inspecteur Propriétés ou du panneau Styles CSS. Lorsque vous créez un fragment XSLT pour l'insertion dans une page dynamique, tel qu'un fragment à insérer dans une page ASP, PHP ou Cold Fusion), le rendu des styles du fragment et de la page dynamique devient plus compliqué. Bien que le fragment XSLT soit traité de façon indépendante par rapport à la page dynamique, il est important de conserver à l'esprit que le fragment est conçu pour cette page dynamique et que le code renvoyé par le fragment XSLT sera placé quelque part entre les balises <body> de la page dynamique. Etant donné ce processus, il est important de s'assurer qu'aucun élément <head> (tel que des définitions de style ou des liens vers des feuilles de style externes) n'est inclus dans des fragments XSLT. Sinon, le serveur d'application place ces éléments dans la section <body> de la page dynamique, ce qui débouche sur un marquage non valide.

Vous pouvez, par exemple, décider de créer un fragment XSLT à insérer dans une page dynamique et le mettre en forme au moyen de la même feuille de style externe que la page dynamique. Si vous attachez la même feuille de style au fragment, la page HTML résultante contient un lien en double à la feuille de style (un dans la section <head> de la page dynamique et un autre dans la section <body> de la page, là où le contenu du fragment XSLT apparaît). Une meilleure façon de procéder consiste à utiliser des feuilles de style à la conception pour référencer la feuille de style externe.

Lors du formatage du contenu des fragments XSLT, utilisez la procédure suivante :

  • Tout d'abord, attachez une feuille de style externe à la page dynamique. (Cette procédure reprend les meilleures pratiques d'application des styles au contenu d'une page Web.)

  • Ensuite, attachez la même feuille de style externe au fragment XSLT en tant que feuille de style à la conception. Comme leur nom l'indique, les feuilles de style à la conception fonctionnent uniquement en mode Création dans Dreamweaver.

    Une fois les deux étapes précédentes terminées, vous pouvez créer de nouveaux styles dans votre fragment XSLT à l'aide de la feuille de style qui a été associée à votre page dynamique. Vous obtiendrez un code HTML mieux structuré (dans la mesure où la référence à la feuille de style n'est valide que dans Dreamweaver) et le fragment affichera toujours les styles requis en mode Création. De plus, tous vos styles sont appliqués au fragment et à la page dynamique lorsque vous affichez cette dernière en mode Création ou en affichez un aperçu dans un navigateur.

    Remarque : Si vous demandez un aperçu du fragment XSLT dans un navigateur, ce dernier n'affiche pas les styles. Par contre, vous devez afficher un aperçu de la page dynamique dans le navigateur afin de consulter le fragment XSLT dans le contexte de la page dynamique.

    Pour plus d'informations sur l'utilisation de CSS pour formater les fragments XSLT, voir www.adobe.com/go/dw_xsl_styles_fr..