XSL-FO XSL Formatting Objects

Ähnliche Dokumente
XML-Praxis. XSL-FO Übungen. Jörn Clausen

Druckvorlage mit XSL FO

XSL Formatting Objects (XSL-FO)

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

CSS Cascading Style Sheets

Tutorial zum erstellen einer Webseite

XSL Transformation (XML, XSLT, XSL-FO, XPath, XMLUnit, JPdfUnit)

3 XML, HTML und XSL die Ausgabe

Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid

XML mit Java OpenSource. (c) Mark Egloff 2004 FOP. << Apache s FOP >>

Einführung in XSL-FO

Kapitel 17: CSS. Inhalt. Was kann CSS? (1) Was kann CSS? (2) 1. Einführung CSS. 2. Farben, Hintergründe, Zeichensätze. 3. Gruppierungen. 4.

Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012

XML. extensible Markup Language. Dr. Beatrice Amrhein.

3. Briefing zur Übung IT-Systeme

3. Briefing zur Übung IT-Systeme

Aufbau einer HTML Seite:

Formatierung eines Text Ads in CSS

CSS Cascading Stylesheets

Hinweise für die Nutzung von XSLTs beim PDF Export der BlueBridge Wiki Extensions

Online-Publishing mit HTML und CSS für Einsteigerinnen

XML Extensible Markup Language

Duale Zustellung. Standardprofile. Version 1.0.0, DI Arne Tauber

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel

XSL-FO. XSL-Formatting Objects.

CSS - Cascading Style Sheets

XML Extensible Markup Language

Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker

Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte

Generierung von PDF-Dokumenten mittels XSL-FO

Navigation für Internetpräsenzen

Textverarbeitung Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung

CSS-Boxen. Hans Gell Schulungen & Dienstleistungen Übersicht der Schulungsinhalte

CSS - Cascading Style Sheets (Level 3) Grundlagen. Marc Haunschild. 2. Ausgabe, Oktober 2014 CSS3

Marek Kubica Michael Kerscher Rechnernetze und Verteilte Systeme Übungsblatt 10 Gruppe G

Farb-, Text- und Schriftgestaltung mit CSS3

2 Cascading Style Sheets CSS

Präsentation von XML-Dokumenten mit Hilfe von Stylesheets

Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...}

Dokumentation für Popup (lightbox)

Mitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.

SASS für Einsteiger. WordCamp Köln Bernhard kau-boys.de 1

06 Formatierungssprachen, XSL. Manuel Burghardt Lehrstuhl für Medieninformatik

Beschreibung Tags Schlüsselwort. Schriftart. Die Liste ist keineswegs erschöpfend. <p><h1...6 > <li><td> <body> 'Arial','Helvetica','Tahoma','Verdana'

Informatik und Programmiersprachen

Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski

HTML. Hypertext Markup Language

Seminar DWMX DW Session 004

FUNKTIONSBESCHREIBUNG. IFRAME EINBETTUNG VERSION: ab

JAVA Look & Feel Design Guidelines

Praktikum im Grundstudium

edocprintpro - AutoPrint Plugin - automatischer PDF Druck auf physische Drucker

explizite Schriftauswahl in LATEX

SharePoint Designer Datenansichten. Michael Greth

Kapitel 3 Was für die Optik: Formatierungen mit CSS

Aufgabenbereich 3: Layoutgestaltung mit CSS

Layout-Modelle für Webseiten und Formulare

Projektarbeit Multimedia-Technologien Erstellung eines E-Learnings zum Online-Tool WireWax

HTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt

Eine kurze Einführung in die wichtigsten Grundlagen der Cascading Style Sheets (CSS)

Digitale Medien. Übung

jetzt lerne ich Webseiten programmieren und gestalten Einfache Beispiele mit HTML, CSS, Javascript, ASP und PHP

Cascading Style Sheets

Corporate Design Manual

Diazo. XSLT basiertes Website Theming. Maik Derstappen Inqbus GmbH & Co. KG maik.derstappen@inqbus.de

Web-Publishing mit HTML

Transformieren und Formatieren

Seitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen

Responsive Webdesign

XML-Praxis. XML-Anwendungen. Jörn Clausen

XSL und XSLT. Inhalt. Mathias Heilig XSL Übersicht. Formatierungsprozess. Sprachbeschreibung. Vorführung Resümee

Inhalt. Hintergrund HTML CSS. JavaScript und das Document Object Model

Das TYPOlight CSS-Framework

Cascading Style Sheets (CSS)

Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>

Praktikum 8: CSS-Layout

CSS & i18n dos and don ts

Grundlagen der Extensible Stylesheet Language

CSS. Cascading Stylesheets

Dynamische Websites mit XML und PHP4

CAS Webdesign und Webpublishing

X-Technologien. XML and Friends. Jörn Clausen 9. Juli 2001

Auszeichnungssprachen

Responsive Web Design

Cross-Platform Mobile Apps

Internet und Webseiten-Gestaltung

Inhalt. Vorwort 13. Teil I CSS kennenlernen: Einstieg in XHTML und CSS

Transformation von XML-Dokumenten. IDE SummerSchool 2013, Chemnitz

Funktionale Programmierung Übung 01. Dozent: mein Dozent Tutor: mein Tutor Studenten: person1 und person2 tt. mm. jjjj

Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen)

Signatur mit Formatierung

CSS-Tutorial. Grundlegende CSS-Kenntnisse

Eine wirklich große Hilfe war die Typo3-Dokumentation der Firma Mittwald:

CORPORATE DESIGN MANUAL. St. Johann in Tirol - Oberndorf - Kirchdorf - Erpfendorf

Stichpunkte zum Aufbau einer HTML-Website

Dynamische Inhalte und Formate

IT-Zertifikat: Daten- und Metadatenstandards. Transformation von XML-Dokumenten mit XSLT (und XPATH) XSLT kurz und knackig. XSLT und die Praxis

Werkzeuge der Informatik (CS102) Textverarbeitung

XSL Transformationen. -Teil 2 - Schwerpunkt: Templates und Kontrollstrukturen. XSL Transformationen - Teil 2 Christina Krieglstein / 66

Transkript:

XML-Praxis XSL-FO XSL Formatting Objects Jörn Clausen joern@techfak.uni-bielefeld.de

Übersicht Funktionsweise von XSL-FO Seitendefinitionen Areas block- und inline-elemente Fonts XSLT und XSL-FO XML-Praxis XSL-FO XSL Formatting Objects 2/20

Eigenschaften von XSL-FO zweiter Teil von XSL (neben XSLT) XML-Sprache beschreibt Seitenlayout und Anordnung von Seiteninhalt viele Eigenschaften definierbar (Schriften, Farben, Abstände,... ) universelle Beschreibung (Textrichtung, Zeichensätze,... ) sollte mit Hilfe von XSLT erzeugt werden XML-Praxis XSL-FO XSL Formatting Objects 3/20

Arbeitsweise von XSL-FO XML Datei Formatting Objects Area Tree <para> In a hole in the ground there lived a hobbit. </para>... + <fo:block font size="12pt"> In a hole in the ground there lived a hobbit. </fo:block> formatting objects: page master, blocks, inline elements,... formatting properties: font-size, border-color,... traits: aus formatting properties abgeleitete area-eigenschaften XML-Praxis XSL-FO XSL Formatting Objects 4/20

Aufbau einer fo-datei <fo:root xmlns:fo="http://www.w3.org/1999/xsl/format"> <fo:layout-master-set> <fo:simple-page-master master-name="dina4" page-width="21cm" page-height="29.7cm"> <fo:region-body/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="dina4"> <fo:flow flow-name="xsl-region-body"> <fo:block font-size="12pt"> In a hole in the ground there lived a hobbit. </fo:block> </fo:flow> </fo:page-sequence> </fo:root> XML-Praxis XSL-FO XSL Formatting Objects 5/20

Seitenaufbau page height margin left region start page width margin top region before region body region after margin bottom region end margin right <fo:simple-page-master master-name="dina4" page-width="21cm" page-height="29.7cm" margin-top="1cm" margin-bottom="1cm" margin-left="1cm" margin-right="1cm"> <fo:region-body margin-top="1cm" margin-bottom="2cm"/> <fo:region-before extent="1cm"/> <fo:region-after extent="2cm"/>... </fo:simple-page-master> XML-Praxis XSL-FO XSL Formatting Objects 6/20

Seitenaufbau, cont. verschiedene simple-page-master nach Bedarf können zu page-sequence-master zusammengefaßt werden komplexe Seitenfolgen: single-page-master-reference repeatable-page-master-reference repeatable-page-master-alternatives conditional-page-master-reference typische Anwendung: Kapiteleinleitungen, linke/rechte Seiten Maximum für Seitenzahlen definierbar XML-Praxis XSL-FO XSL Formatting Objects 7/20

Materialfluß Material wird auf page-sequence verteilt <fo:page-sequence master-reference="dina4"> Material fließt in bestimmte Region <fo:flow flow-name="xsl-region-body"> <fo:block>...</fo:block> </fo:flow> neue Seite (entsprechend sequence), wenn Region gefüllt ist statischer Inhalt, der auf jeder Seite erscheint <fo:static-content flow-name="xsl-region-after"> <fo:block>copyright 2002</fo:block> </fo:static-content> XML-Praxis XSL-FO XSL Formatting Objects 8/20

Areas before inline progession direction formatting objects areas start block progression direction end zwei Arten block areas inline areas spezielle Varianten line areas glyph areas after XML-Praxis XSL-FO XSL Formatting Objects 9/20

Bestandteile einer area before space border padding start content end after XML-Praxis XSL-FO XSL Formatting Objects 10/20

Blöcke Baustein für alle Seiteninhalte werden in block areas umgewandelt Basistypen: fo:block fo:block-container fo:list fo:table können geschachtelt werden XML-Praxis XSL-FO XSL Formatting Objects 11/20

fo:block Basis für vertikal angeordnetes Material Absätze, Überschriften, Abbildungen,... Abstände: space-before, space-after, start-indent, end-indent margin-top, margin-bottom, margin-left, margin-right area traits: padding-before,..., border-before-width,... absolute Längen: 0.5cm, 2mm, 3pt, 5px relative Längen: 4em, 50% XML-Praxis XSL-FO XSL Formatting Objects 12/20

fo:block, cont. border-start-color: green, #ff0055, rgb(127,255,63) border-before-style: solid, dotted, ridge,... text-align: start, center, end, justify,... text-indent (Absatzeinzug) text-align-last (Formatierung der letzten Zeile) break-before, break-after: column, page, odd-page,... Kurzformen: padding, boder-color, border-style, border <fo:block space-before="5pt" space-after="5pt" padding="5mm" border="4pt ridge green"> XML-Praxis XSL-FO XSL Formatting Objects 13/20

normaler Absatz Beispiele für fo:block <fo:block space-before="1em" space-after="1em" text-indent="2em" text-align="justify"> Kapitelüberschrift <fo:block space-after="5em" text-align-last="center" break-before="odd-page"> Zitat mit Rahmen <fo:block space-before="2em" space-after="2em" start-indent="2cm" end-indent="2cm" border-style="solid" border-width="1pt" padding="5pt" text-align="justify"> XML-Praxis XSL-FO XSL Formatting Objects 14/20

Inline-Bereiche horizontale Anordnung von Material häufig: Hervorhebung von Text text-decoration: underline, overline, line-through,... text-transform: word-spacing, letter-spacing uppercase, lowercase, capitalize Mr. <fo:inline text-decoration="underline">bilbo Baggins</fo:inline>, a.k.a. Mr. <fo:inline text-transform="capitalize">underhill</fo:inline> XML-Praxis XSL-FO XSL Formatting Objects 15/20

Fonts Font-Eigenschaften font-family: Times, Helvetica,..., serif, sans-serif,... font-style: italic, oblique, backslant font-variant: small-caps font-weight: bold, bolder, lighter, 100,..., 900 font-stretch: wider, narrower, condensed,... font-size: 12pt, 8mm, 75% Kurzform: <fo:inline font="bold 15pt serif"> können auch auf Blöcke angewandt werden XML-Praxis XSL-FO XSL Formatting Objects 16/20

weitere Elemente von XSL-FO Listen (Übungen) Tabellen leader Seitenzahlen (Übungen) floats interne und externe Links XML-Praxis XSL-FO XSL Formatting Objects 17/20

XSL-FO mit XSLT erzeugen namespaces und output method <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:fo="http://www.w3.org/1999/xsl/format"> <xsl:output method="xml"/> Seitendefinitionen im obersten template block- und inline-elemente in passenden templates erzeugen XML-Praxis XSL-FO XSL Formatting Objects 18/20

XSL-FO mit XSLT erzeugen, cont. <xsl:template match="/presentation"> <fo:root> <fo:layout-master-set> <fo:simple-page-master master-name="dina4r" page-width="29.7cm" page-height="21cm"> <fo:region-body/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference="dina4r"> <fo:flow flow-name="xsl-region-body"> <xsl:apply-templates/> </fo:flow> </fo:page-sequence> </fo:root> </xsl:template> XML-Praxis XSL-FO XSL Formatting Objects 19/20

XSL-FO mit XSLT erzeugen, cont. <xsl:template match="slide"> <fo:block break-before="page" margin="1cm"> <xsl:apply-templates/> </fo:block> </xsl:template> <xsl:template match="slide/title"> <fo:block space-before="10pt" space-after="40pt" font="bold 24pt sans-serif" text-align-last="center"> <xsl:apply-templates/> </fo:block> </xsl:template> <xsl:template match="emph"> <fo:inline font-style="italic"><xsl:apply-templates/></fo:inline> </xsl:template> XML-Praxis XSL-FO XSL Formatting Objects 20/20