PrintCSS in der Praxis Ein neuer Standard kommt

Transkript

1 PrintCSS in der Praxis Ein neuer Standard kommt Frankfurter Buchmesse Oktober 2015 von: Christin Götz 1

2 Modernes Publizieren Ein Content Mehrere Layouts Mehrere Medien HTML - InDesign, + CSS 3B2, - XSL-FO - CSS 2

3 Was geht? Ein Überblick Seitenformatierung { size: breite hoehe; Satzspiegel und { margin: kopfsteg bund-/außensteg { margin-right: bundsteg; margin-left: { margin-right: außensteg; margin-left: bundsteg; 3

4 Was geht? Ein Überblick Seitenformatierung Musterseiten teil { size: breite hoehe; margin: kopfsteg bund-/außensteg fußsteg;... Zuweisung über page kapitel { page: teil;... 4

5 Was geht? Ein Überblick Seitenformatierung teil:left {... Seitenzahlen content: counter(page); Kolumnentitel /*Initialisieren*/ string-set: kolumne content() /*Ausgeben*/ content: string(kolumne) 5

6 Was geht? Ein Überblick Seitenformatierung Fußnoten fussnote {float: footnote; Seitenbereich für {... Fußnotenzähler und marker ::footnote-call { content: counter(footnote); font-variant-position: super; ::footnote-marker { content: counter(footnote); 6

7 Was geht? Ein Überblick Querverweise Text <verweis verweis-intern="#kap4-4"/> verweis { content:'(siehe Kapitel >' /*Inhaltsverweis*/ target-text(attr(verweis-intern), content()) '<, S. ' /*Seitenverweis*/ target-counter(attr(verweis-intern), page) ')'; Text (siehe Kapitel Querverweise, S. 85) 7

8 Was geht? Ein Überblick Umbrüche Seitenumbruch kapitel {page-break-before: always; Hurenkinder und Schusterjungen abs { widows: 2; orphans: 2; Silbentrennung abs { hyphenate-lines: 3; hyphenate-before: 2; hyphenate-after: 4; 8

9 Was geht? Ein Überblick Vorbereitung der Satzdaten für Druck und Vertrieb CMYK-Farben color: device-cmyk(0%, 75%, 100%, 0%); Auflösung von Abbildung abbildung {image-resolution: 300dpi; 9

10 Rendering-Software XML- und HTML-Renderer Prince Kosten: ab 550 Antenna House Kosten: ab HTML-Renderer PDFreactor Kosten: pdfchip Kosten: ab

11 Demo 11

12 Grenzen und Potenzial der Technologie Grenzen Scripting-Eingriffe erforderlich Typographische Feinjustierung Bildworkflow und Color Management Potenzial Digital First Workflow Automatisierung Ein Content Mehrere Layouts Mehrere Medien PDF-Preview, Print-on-Demand 12

13 Leseliste W3C CSS-Standards CSS Paged Media Module Level 3 (Working Draft, ) CSS Generated Content for Paged Media Module (Working Draft, ) CSS Fragmentation Module Level 3 (Working Draft, ) weitere Empfehlungen Andrew, Rachel. Designing For Print With CSS. Antenna House. Online Manual. 13

14 Leseliste Fischer, Tobias. Crossmedia Publishing (Printlayouts) mit HTML 5 & CSS 3. ebookcamp_tobias-fischer_printcss.pdf Götz, Christin. PrintCSS. Das CSS paged media Modul. Grundlagen und Referenz. Tübingen: pagina GmbH Kleinfeld, Sanders. The Case for Authoring and Producing Books in (X)HTML5. Kleinfeld01.html McKesson, Nellie. Building Books with CSS3. YesLogic. Prince. User Guide for Prince

15 Vielen Dank für Ihre Aufmerksamkeit! 15