2017 German 38 slides 23916 views
PDF Generierung mit XML/HTML und CSS - was die Tools können und was nicht.
Die Präsentation von Andreas Jung auf der tekom Frühjahrstagung 2017 behandelt die PDF-Generierung mit XML/HTML und CSS, insbesondere den CSS Paged Media Ansatz als neue Methode zur Trennung von Inhalt und Layout. Der Vortrag hebt die Vorteile von CSS Paged Media hervor, die eine geringere Komplexität und niedrigere Kosten im Vergleich zu XSL-FO bieten, während er auch auf Herausforderungen und die Notwendigkeit der Tool-Evaluierung eingeht. Abschließend wird die potenzielle Ablösung von XSL-FO durch CSS Paged Media und die Suche nach geeigneten professionellen Open-Source-Alternativen diskutiert.
Details
- Uploaded
- 7 April 2017
- Updated
- 14 October 2022
- Language
- German
- Slides
- 38
- Image size
- 2048x1536
- Views
- 23916
- SlideShare ID
- 74615469
- Uploaded format
- PDF, PPTX
- Collected
- 2026-09-27
The description above is SlideShare's automatically generated summary, not the author's own text.
Source & completeness
- Content
- original + reconstructed
- Validation
- passed
- Slide text
- available (37 slides)
- Original files
- yes
- original.pdf
- original.pptx
Checksums (SHA-256)
original.pdf: caaad8e6c4d28a0cd123ef4401e4718704a165ac6845fee3b5746c107399e7d7original.pptx: c837d6b813660670a8d6311cc1f8138ef43ed73b12b69fde2976758218e33b65
Slide images come from SlideShare's public renderings (2048x1536 px, WebP). Any file marked as reconstructed is assembled from those images and is not the author's original source file.
Full text of every slide
Text extracted by SlideShare from the slide images — may contain OCR errors. 37 of 38 slides have text.
1
TEKOM FRÜHJAHRSTAGUNG 2017
ANDREAS JUNG • @PRINTCSSROCKS • INFO@ZOPYX.COM • WWW.ZOPYX.DE
PDF GENERIERUNG MIT XML/HTML UND CSS
WAS DIE TOOLS KÖNNEN UND WAS NICHT
1
2
REFERENT ANDREAS JUNG
‣ DIPLOM-INFORMATIKER
‣ STATIONEN: SAARBRÜCKER-ZEITUNG, HAUFE-LEXWARE
‣ ELECTRONIC PUBLISHING CONSULTANT, ENTWICKLER, GEEK, OPEN-SOURCE EVANGELIST
‣ PROFESSIONELLE PUBLISHING LÖSUNGEN MIT XML UNTER DER HAUBE
‣ PORTAL PROJEKTE AUF BASIS PYTHON UND CMS PLONE
‣ KOLLABORATIVE CONTENT ERSTELLUNG
‣ INDIVIDUALSOFTWARE
‣ PROJEKTE
‣ XML-DIRECTOR
‣ PRODUCE & PUBLISH
‣ CONTENT-GEMEINSAM-ERSTELLEN.DE
‣ PRINT-CSS.ROCKS
2
3
AGENDA
‣ DER „CSS PAGED MEDIA“ ANSATZ
‣ VORSTELLUNG TOOLS
‣ BEISPIELE AUS DER PRAXIS
‣ TYPOGRAFIE UND FEATURES IM ÜBERBLICK
‣ PRINT-CSS.ROCKS PROJEKT
‣ ZUSAMMENFASSUNG
3
4
DER
„CSS PAGED MEDIA“
ANSATZ
4
5
STATUS QUO: PDF GENERIERUNG MIT XSL-FO
‣ W3C XSL-FO WORKING GROUP AUFGELÖST
‣ WENIGE HERSTELLER
‣ VIELE HERSTELLERSPEZIFISCHE ERWEITERUNGEN
‣ KEINE WEITERENTWICKLUNG ERWARTBAR
‣ HOHE KOMPLEXITÄT, HOHE KOSTEN VON XSL-FO
‣ EXPERTENWISSEN/HERRSCHAFTSWISSEN
5
6
DER „CSS PAGED MEDIA“ ANSATZ (1/2)
Konverter
@page {
size: a4 landscape;
margin: 2cm;
}
.main {
column-count: 2;
hyphens: auto;
hyphenate-before: 3;
}
@page :left {
margin-left: 4cm;
margin-right: 2cm;
}
6
7
DER „CSS PAGED MEDIA“ ANSATZ (2/2)
‣ „CSS PAGED MEDIA“ W3C DRAFT
‣ ZENTRALE IDEE
‣ CONTENT: XML ODER HTML
‣ DESIGN UND LAYOUT: CASCADING STYLESHEETS CSS
‣ REGELBASIERTER ANSATZ FÜR DEN KOMPLETTEN TEXTSATZ
‣ DIE SPRACHEN DES WEB WERDEN ZU DEN SPRACHEN DES PRINT?!
‣ TRENNUNG ZWISCHEN INHALT UND STYLESHEET
‣ CSS PAGED MEDIA VS. XSL-FO
‣ NIEDERSCHWELLIGERER EINSTIEG
‣ GERINGERE KOMPLEXITÄT
7
8
DIE TOOLS
8
9
Preis
Leistung
1250 / 5000 USD
495 / 3800 USD
- / 2950 USD
? / ?
frei
Personal / Server Lizenz
DIE PROFESSIONELLEN TOOLS 9
10
EINIGE PROFESSIONELLE
BEISPIELE
AUS DER PRAXIS
10
11
BEISPIEL: KATALOG PRODUKTION
QUELLE: BÖSCH PREISLISTE VIA PDFREACTOR
11
12
BEISPIEL: LAYOUT-ORIENTIERTE WEB-TO-PRINT LÖSUNGEN
QUELLE: KONZEPTE-IS VIA PDFREACTOR
12
13
BEISPIEL: SATZ AUS DOCX/XML - INTERNATIONALE STUDIEN
QUELLE: STIFTUNG WIRTSCHAFT POLITIK VIA ANTENNAHOUSE
13
14
BEISPIEL: DATENBANK-BASIERTE PUBLIKATIONEN
QUELLE: EUROPEAN PHARMACOPOEIA VIA PDFREACTOR
14
15
TYPOGRAFIE / FEATURES
IM ÜBERBLICK
15
16
BEISPIEL: MEHRSPALTIGER SATZ MIT FUßNOTEN
‣ MEHRSPALTIGER SATZ I.A. KEIN PROBLEM
‣ FUßNOTEN IN JEWEILIGER SPALTE: NUR AH
‣ FUßNOTEN ÜBER ALLE SPALTEN:
PRINCE + PDFREACTOR
16
17
BEISPIEL: GRUNDLINIENRASTER
QUELLE: HTTP://I.IMGUR.COM/URBIWPW.PNG
‣ PLATZIERUNG VON TEXT AUF EINEM VORGEGEBENEN
RASTER INSB. IM MEHRSPALTIGEN SATZ
‣ BESTE UNTERSTÜTZUNG IN
ANTENNAHOUSE,
‣ KEINE UNTERSTÜTZUNG IN
PRINCEXML
17
18
BEISPIEL: SILBENTRENNUNG
‣ HOCHWERTIGE TRENNTABELLEN (TEX/LATEX)
‣ UNTERSTÜTZUNG FÜR GÄNGIGE SPRACHEN
‣ MEHRSPRACHIGKEIT JE PARAGRAPH
(LANG=XX ATTRIBUT)
‣ MIN. ANZAHL ZEICHEN VOR/NACH TRENNSTELLE
‣ EINGESCHRÄNKTE EINFLUßMÖGLICHKEITEN
(TRENNTABELLEN, SOFT HYPHENS)
18
19
BEISPIEL: FLOATS (1/3)
‣ (AUTOMATISCHES VER)SCHIEBEN VON
BLOCKELEMENTEN
(GRAFIKEN, TABELLEN, INSERTS)
‣ INNERHALB DER AKTUELLEN SEITE
‣ INNERHALB DER AKTUELLEN SPALTE
‣ AUF DIE NÄCHSTE SEITE
‣ ÜBER EINE ODER MEHRERE SPALTEN
‣ PROPRIETÄRE ERWEITERUNG IN ANTENNHOUSE
19
20
BEISPIEL: FLOATS (2/3) 20
21
BEISPIEL: FLOATS (3/3) 21
22
BEISPIEL: BILDER/GRAFIKEN
‣ RASTERFORMATE: JPEG, PNG, GIF, (TIFF)
‣ VEKTORFORMATE: PDF, SVG
‣ FARBRÄUME: RGB, CMYK, ICC PROFILE
‣ BESCHRÄNKTER EINFLUß AUF
‣ (AUTO) SKALIERUNG
‣ PLATZIERUNG
22
23
BEISPIEL: MARGINALIEN
‣ KEINE STANDARDISIERUNG
‣ HERSTELLER SPEZIFISCHE ANSÄTZE ÜBER
‣ EIGENE CSS EXTENSIONS
‣ MISSBRAUCH VON CSS FLOATS
‣ JAVASCRIPT
23
24
BEISPIEL: FORMELSATZ
‣ MATHML QUALITÄT UNTERSCHIEDLICH
(AM BESTEN BEI ANTENNAHOUSE)
‣ KEINE DIREKTE UNTERSTÜTZUNG FÜR
TEX/LATEX FORMELN
‣ VORGELAGERTE
PROZESSIERUNG
Z.B. VIA MATHJAX
24
25
BEISPIEL: SEITENUMBRUCH
‣ SEITENUMBRUCH ERFOLGT AUTOMATISCH
‣ STEUERUNG ÜBER CSS
‣ VERMEIDUNG VON „SCHUSTERJUNGEN“ UND
„HURENKINDERN“ OPTIONAL
div.chapter {
page-break-after: always;
}
table {
page-break-inside: avoid;
}
div.chapter {
page-break-after: never;
}
div.chapter {
orphans: 2;
widows: 3;
}
25
26
BEISPIEL: SCHRIFTEN UND -FORMATE
‣ UNTERSTÜTZUNG FÜR DIE GÄNGIGEN
SCHRIFTFORMATE
‣ OPENTYPE
‣ TRUETYPE
‣ GOOGLE WEBFONTS
‣ SCHRIFTEN WERDEN GENERELL EINGEBETTET
‣ SCHRIFTEN MÜSSEN EINBETTBAR SEIN
26
27
BEISPIEL: UNTERSCHIEDLICHE SCHREIBRICHTUNG/ASIATISCHE INHALTE
‣ GUTE UNTERSTÜTZUNG FÜR RIGHT-TO-LEFT
‣ VERTICAL-RL (JAPANISCH/CHINESISCH)
EINGESCHRÄNKT (PRINCEXML + ANTENNAHOUSE)
‣ NICHT ALLE SCHRIFTEN VERFÜGEN ÜBER DIE
NOTWENDIGEN CODEPOINTS
27
28
WEITERE FEATURES
‣ SEITENBEREICHE
‣ ZÄHLER (SEITEN, REFERENZEN, FUßNOTEN, SELBSTDEFINIERT)
‣ QUERVERWEISE
‣ PDF SPEZIFISCHE FUNKTIONALITÄTEN
‣ PDF BOOKMARKS
‣ PDF METADATA
‣ VERSCHLÜSSLUNG UND SIGNATUR
‣ PDF ARCHIV FORMATE
‣ PDF DRUCK FORMATE
‣ PDF UA
‣ U.V.A.M.
28
29
XML VS HTML
29
30
XML VS (X)HTML
‣ FUNKTIONAL PRINZIPIELL GLEICHWERTIG
‣ MEIST EXISTIERT EIN HTML WORKFLOW
‣ NUTZUNG VON JAVASCRIPT BEI (X)HTML
MÖGLICH (PRINCE + PDFREACTOR)
‣ SEMANTISCHE ZUWEISUNG XML ELEMENTE
DURCH „DISPLAY“ ATTRIBUT IN CSS
30
MeineTabelle {
display: table;
}
Zelle {
display: table-cell;
}
31
PRINT-CSS.ROCKS
31
32
PRINT-CSS.ROCKS PROJEKT
‣ www.print-css.rocks
‣ VERGLEICH ALLER TOOLS
‣ TUTORIAL ANHAND TYPOGRAFISCHER BEISPIELE
‣ PRINCEXML, PDFREACTOR, ANTENNAHOUSE, VIVLIOSTYLE
32
33
ZUSAMMENFASSUNG
33
34
ZUSAMMENFASSUNG (1/2)
‣ CSS PAGED MEDIA WIRD MITTELFRISTIG
XSL-FO ERGÄNZEN ODER ABLÖSEN
‣ WENIGE PROFESSIONELLE TOOLS
‣ ES FEHLEN BRAUCHBARE PROFESSIONELLE
OPEN-SOURCE TOOLS
‣ VIELE HERSTELLER SPEZIFISCHE ERWEITERUNGEN
‣ DIVERSE W3C ERWEITERUNGEN IM DRAFT STATUS
‣ SCHLEICHENDE ADAPTION DER W3C DRAFTS
‣ W3C STANDARD ALS MINIMALSTE SCHNITTMENGE
34
35
ZUSAMMENFASSUNG (2/2)
‣ AUTOMATISIERTER SATZ BEDEUTET:
‣ EINGESCHRÄNKTE EINGRIFFMÖGLICHKEITEN
‣ EINGESCHRÄNKTE NACHVOLLZIEHBARKEIT
‣ YOU GET WHAT YOU PAY FOR:
MEHR LEISTUNG=HÖHERER PREIS
‣ WELCHES TOOL NEHME ICH NUN?
‣ HÄNGT VOM EINZELFALL UND ANFORDERUNGEN AB
‣ EVALUATION DER TOOLS NOTWENDIG
35
36
FRAGEN & DISKUSSION
CSS Paged Media www.print-css.rocks
Kollaborative Inhaltserstellung www.content-gemeinsam-erstellen.de
Publishing „Baukasten" www.produce-and-publish.de
XML CMS www.xml-director.info
Firmenwebsite www.zopyx.de
Persönliche Homepage www.andreas-jung.com
Twitter @printcssrocks
36
37
VIELEN DANK FÜR
IHRE AUFMERKSAMKEIT
37