Multimedia Engineering XSL-FO

Transcription

1 Multimedia Engineering XSL-FO Généralités Modèles de pages Régions centrales et périphériques Modèle de boîtes Texte et image Ressources Introduction XSL-FO (Formatting Object) est un langage de description de page utilisant la syntaxe XML complémentaire à XSLT qui décrit la présentation de données XML 2 Utilisation de XSL-FO Utilisation de XSL-FO PDF PDF application XML proc. XSLT FO proc. FO XHTML XML processeur combiné XSLT + FO XHTML XSLT + FO MIF XSLT + FO MIF

2 Exemple XSL-FO Composition d'une feuille de style <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" <fo:simple-page-master master-name="only-page" page-width="14.8cm" page-height="21cm" margin="1cm"> <fo:region-body margin-top="0cm"/> </fo:simple-page-master> <fo:page-sequence master-reference="only-page"> <fo:flow flow-name="xsl-region-body"> <fo:block font-family="sans-serif" font-size="24pt" line-height="36pt" padding-top="6pt" color="red" background-color="yellow" text-align="center"> Hello World! </fo:block> </fo:flow> </fo:page-sequence> </fo:root> Une feuille de style XSL-FO est formée de la combinaison de règles de transformation XSLT dont l'espace de noms est xmlns:xsl=" d'objets de formatage dont l'espace de noms est xmlns:fo=" 5 6 Exemple XSLT+FO Nature des présentations <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="..." xmlns:fo="..."> <xsl:output method="xml"/> <xsl:template match="/"> <fo:root>... <fo:page-sequence master-reference="..."> <fo:flow flow-name="..."> </fo:flow> <fo:page-sequence/> </fo:root> <xsl:template match="title"> <fo:block text-align="center" font-size="18pt"...> </fo:block> </xsl:stylesheet> On peut distinguer les documents dont la présentation est guidée par la mise en page (layout-driven) journaux, magazines, affiches,... les documents dont la présentation est guidée par le contenu (content-driven) livres, rapport, article scientifique => XSL-FO (version 1.0) est conçu pour le second type (présentation guidée par le contenu)

3 Fonctions supportées Structure globale XSL-FO supporte les fonctions suivantes: styles riches et typographiquement propres contenant des listes, des tableaux, etc. mises en pages multiples avec titres courants, notes en bas de page, etc. (pour livres) multilinguisme avec différents sens d'écriture : de gauche à droite, de droite à gauche, de haut en bas Les attributs de présentations sont inspirés de CSS Un document FO est formé d'un élément fo:root qui comprend 2 parties bien distinctes une description des structures en page (fo:layout-master-set) une description du contenu (fo:page-sequence) 9 10 Modèle de page unique Exemple de page unique L'élément fo:simple-page-master permet de spécifier les régions d'une simple page l'attribut master-name="..." sert de référence pour associer le contenu les attributs page-height et page-width définissent le format de la page d'autres attributs fixent les marges, le sens d'écriture, etc. <fo:root xmlns:fo=" <fo:simple-page-master master-name="only-page" page-width="14.8cm" page-height="21cm" margin-top="1cm" margin-bottom="1.5cm" margin-left="2cm" margin-right="2cm"> <fo:region-body/> </fo:simple-page-master> <fo:page-sequence master-reference="only-page"> <fo:flow flow-name="xsl-region-body">...<!-- contenu --> </fo:flow> </fo:page-sequence> </fo:root>

4 Structure des modèles de pages Modèle de pages répétitives Pour définir des pages multiples, il faut déclarer un élément fo:page-sequence-master contenant un élément fo:repeatable-page-master-reference faisant référence à l'objet fo:simple-page-master <fo:simple-page-master master-name="single-page"...>...<!-- format de page --> </fo:simple-page-master> <fo:page-sequence-master master-name="many-pages"> <fo:repeatable-page-master-reference master-reference="single-page"/> </fo:page-sequence-master> <fo:page-sequence master-reference="many-pages">...<!-- contenu --> </fo:page-sequence> Exemple de pages répétitives Modèle de pages alternées <fo:simple-page-master master-name="single-page"...>...<!-- format de page --> </fo:simple-page-master> <fo:page-sequence-master master-name="many-pages"> <fo:repeatable-page-master-reference master-reference="single-page"/> </fo:page-sequence-master> <fo:page-sequence master-reference="many-pages">...<!-- contenu --> </fo:page-sequence> Pour définir des pages alternées (par ex. impaire, paire), il faut: définir plusieurs modèles de page simples définir un modèle de pages alternatives de type fo:repeatable-page-master-alternatives contenant des conditionnelles de type fo:conditional-page-master-reference avec les propriétés page-position avec les valeurs "first", "rest" ou "last" odd-or-even avec les valeurs "odd" ou "even"...

5 Exemple de pages alternées Régions <fo:simple-page-master master-name="first-page"...>... <fo:simple-page-master master-name="odd-page"...>... <fo:simple-page-master master-name="even-page"...>... <fo:page-sequence-master master-name="chapter-pages"> <fo:repeatable-page-master-alternatives> <fo:conditional-page-master-reference page-position="first" master-reference="first-page"/> <fo:conditional-page-master-reference odd-or-even="odd" master-reference="odd-page"/> <fo:conditional-page-master-reference odd-or-even="even" master-reference="even-page"/> </fo:repeatable-page-master-alternatives> </fo:page-sequence-master> Le modèle de page comprend jusqu'à cinq régions une région centrale: region-body quatre régions périphériques: region-before, region-after, region-strat, region-end Région centrale Régions périphériques La page ainsi que la région centrale ont des marges: margin définit une marge pour tous les côtés margin-top, margin-bottom, margin-left, margin-right définissent les marges séparément Les dimensions des régions périphériques sont déterminées par l'attribut extend qui détermine sa "largeur" (dans le sens orthogonal au coté considéré) sa "longueur" est déterminée par la région centrale

6 Génération du contenu Flux vs. contenus statiques Le contenu d'un document se trouve dans un élément fo:page-sequence avec l'attribut master-reference="..." pour référencer le modèle de page Le contenu est placé dans des flux représentés par fo:flow (destiné à la région centrale) Les informations qui se répètent sur chaque page sont placés dans fo:static-content (pour les en-têtes, etc) Flow Static-content Niveaux de contenu Blocs vs. lignes On distingue deux niveaux de contenu les boîtes de blocs de type fo:block (pour les titres, paragraphes, listes,...) les boîtes de lignes de type fo:in-line (pour des chaînes de caractères, des (petites) images,...) block inline

7 Boîtes Boîtes de blocs La mise en page est décrites à l'aide de boîtes (blocs ou lignes) imbriquées Chaque boîte est formée d'un contenu (content), d'un espace interne (padding), d'une bordure (border) et d'un espace externe (space) Les quatre côtés sont nommés relativement au sens d'écriture (before, after, start, end) Les boîtes de blocs sont des éléments récursifs de type fo:block et correspondent à des sections, titres, paragraphes, listes, tableaux, etc. (cf <div>) Les principaux attributs sont text-align avec comme valeurs start (ou left), end (ou right), center, justify,... line-height text-indent, start-indent space-before, space-after, padding-... border, border-... color, background-color, background-image Boîtes de lignes Héritage des attributs Les boîtes de lignes sont placées de gauche à droite et découpées en lignes si nécessaire (cf. <span>) Elles sont récursives et peuvent contenir des blocs Les principaux attributs sont (voir aussi CCS2) font-family, font-size, font-style, font-weight, font-strech, font-variant, text-decoration,... letter-spacing, word-spacing,... color, background-color,... Plusieurs propriétés (padding, space, border,... ) ne semblent pas fonctionner (avec FOP)! La plupart des attributs peuvent être hérités de l'élément parent (ou d'un autre ancêtre )

8 Exemple: document texte Caractères spéciaux <xsl:template match="title"> <fo:block font-size="24pt" text-align="center" space-before="24pt" space-after="12pt"> </fo:block> <xsl:template match="parag"> <fo:block font-size="16pt" text-align="justify" space-before="3pt" space-after="3pt"> </fo:block> <xsl:template match="emph"> <fo:inline font-weight="bold"> </fo:inline> fo:character permet l'insertion d'un caractère spécial avec comme attributs: character avec comme valeur un caractère imprimable tel que "1" un code de la forme "&#x9999" font-family, font-style,... baseline-shift avec comme valeur "sub", "super", ou une valeur Images Ressources XSL-FO fo:external-graphic permet l'insertion d'images placé dans fo:bloc, il est placé verticalement dans la page fo:inline, il est placé sur une ligne de texte Les attributs sont src avec comme valeur "url(...)" content-width, content-height Recommandation W3C Documentation Tutoriels Logiciel FOP (Apache)