![Page 1: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/1.jpg)
Anspruchsvolle EPUB-eBooks selber machen. Ein Werkstattbericht.
Fabian Kern digital publishing competence Ursula Welsch XML-Schule/Welschmedien
![Page 2: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/2.jpg)
Das Produkt: Lou Andreas-Salome, Bild-Biographie
![Page 3: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/3.jpg)
Verlagstypische Publikation
sog. „Leben und Werk“-Band, wie z.B. z.B. bei Fischer, Suhrkamp, Beck, Reclam ...
oder auch Rowohlts Bildmonographien
Abriss des Lebens in Text und Bild – kombiniert mit Schilderung des zeitgenössischen Umfelds
Genese und Rezeption des Werks
topografischen Informationen
Inhaltlich großes Potenzial für „Enhancements“ und eine intelligente Präsentation des Inhalts
Unser Anspruch: Anspruchsvolle, mediengerechte Umsetzung – denn ein E-Book ist ein eigenständiger Publikationstyp!
![Page 4: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/4.jpg)
Konzeptionelle Überlegungen
Drei Schwerpunkte der Umsetzung:
Layout und Darstellungskonzept anspruchsvolle ästhetische Gestaltung
die Ursprungsidee auf das neue Medium übertragen
Erschließung der Inhalte
Integration von Zusatz-Content
![Page 5: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/5.jpg)
Konzeptionelle Überlegungen
Erschließung der Inhalte Inhaltsverzeichnis – auch ein internes, die sich unterscheiden
lineare Blätterrichtung – wie im Buch
Direktzugriff auf die Abbildungen
Vernetzung der Kapiteltexte mit den Bildern, dem Zusatz-Content und Google Maps
Darbietung der Kapiteltexte in zwei Fassungen
Integration von Zusatz-Content: Kurzbiographien
Leseproben
Audio/Video
![Page 6: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/6.jpg)
Konzeptionelle Überlegungen
Vernetzungskonzept alle Bilder mit dem Einleitungstext verbinden
je Kapitel stets nur das erste Vorkommen
verschiedene Link-Typen: Bild, Kurzbio, Leseprobe, Landkarte
Visuelle Erschließung der Link-Typen mit Icons und Textlinks
Verlinkte Zeittafel
verschiedene Leselinien:
mit und ohne Links in den Texten
den Bildern folgend
den Leseproben folgend
der Zeittafel folgend
jederzeit Wechsel zwischen den Leselinien
verschiedenen Rezeptionsbedürfnissen gerecht werdend
![Page 7: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/7.jpg)
Datenvorbereitung in Word
Alle Textteile und Bilder im Worddokument zusammenstellen
> In der für das Ebook gewünschten Reihenfolge
> Kapitelüberschriften + Anhangteile: Ü1 + Bild-Nummern/Überschriften als Ü2
> Ganz wichtig: Formate vergeben, möglichst so benennen, wie nachher in HTML als Formatklassen gewünscht
> Generieren von Inhaltsverzeichnis (falls internes IHV erwünscht)
> Generieren von Register (falls erwünscht)
![Page 8: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/8.jpg)
Word >> XHTML
Grundsätzlicher Weg: Speichern unter „Webseite gefiltert“
Vorteile:
Gibt recht sauber separiertes HTML/CSS
Bilddaten werden (auch als EPS) bereits Web-gerecht konvertiert
Nachteile:
Probleme bei großen Dateimengen, insb. Bilder
„Word“-HTML
![Page 9: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/9.jpg)
Probleme von „Word-HTML“
![Page 10: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/10.jpg)
Probleme von „Word-HTML“
![Page 11: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/11.jpg)
Probleme von „Word-HTML“
![Page 12: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/12.jpg)
To Do!
Word-HTML muss immer bereinigt werden: Artefakte, absolute Maßangaben, Anführungszeichen etc.
Dateiaufteilung bei großen Dokumenten
HTML-Bereinigungstools: Es gibt einige, aber keins macht 100%
Word produziert z.T. echte Datenfehler
Fazit: Ein ganz schön steiniger Weg.
Aber: Man bekommt HTML mit Klassenzuweisungen
(zumindest irgendwie)
![Page 13: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/13.jpg)
Alternative Wege
mit Open Office / Libre Office
1. context.xml aus *.odt
![Page 14: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/14.jpg)
Alternative Wege
mit Open Office / Libre Office
1. context.xml aus *.odt
2. Speichern unter: html
![Page 15: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/15.jpg)
Das Tool für den EPUB-Aufbau: Sigil
![Page 16: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/16.jpg)
Arbeiten in Sigil
Ein großes HTML-Dokument importieren, Dokumentsplitting festlegen
Aufbau von TOC/Hierarchischer Navigation
Metadaten festlegen
Cover integrieren
Fonts/Medien einbetten
Stylesheet-Design und Gestaltung
Manueller Aufbau von speziellen Features und Dokumenten
Fazit: Super Werkzeug für diesen Zweck, v.a. als Open-Source-Tool
Aber: Hat ein paar Ecken und Kanten
![Page 17: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/17.jpg)
Das Schweizer Taschenmesser für Bilder: IrfanView
![Page 18: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/18.jpg)
Navigation und Content-Erschließung
![Page 19: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/19.jpg)
Gestaltung und Features: Dokument-Aufbau
![Page 20: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/20.jpg)
Linktypen und bidirektionale Verlinkung von Biographien
![Page 21: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/21.jpg)
Gestaltung und Features: Dokument-Aufbau
![Page 22: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/22.jpg)
Gestalterische Erwägungen
Print-Angelehnt, aber nicht Print-identisch
Volles Reflow-Layout, aber mit ästhetischem Anspruch
Font-Einbindung für eigenständige Typographie
„Graceful Degradation“, soweit ohne Sinnverlust möglich
Beispiel „Icons“: Als funktionales Element eingesetzt, weniger als dekoratives Element
Mehrere Navigationsebenen im Produkt: TOC, Inhaltsverzeichnis, Lineare Reihenfolge, Zeitliche Abfolge
Arbeiten mit verschiedenen Linktypen und Klassen, visuelle Unterscheidung durch generierten Content
Bidirektionale Verlinkung durch Content-Dopplung
![Page 23: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/23.jpg)
Planung und Ideen für die EPUB3-Variante
Einbindung Audio/Video
Kurzbiographien als Popups
Geographische Navigation bzw. Google-Maps-Einbindung
Weitere Content-Zugänge
Verschiedene Leselinien realisieren
![Page 24: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/24.jpg)
Fazit und Erfahrungen
Vom Konzept zur Umsetzung: Mehrwerte lassen sich bei guter Konzeptstruktur recht einfach erreichen
Abbildung eines Printlayout auf Reflow-Layout: Relativ wenig Struktur notwendig, und die ist einfach zu schaffen
Von Word nach HTML: Es nervt. V.a. weil man das HTML eigentlich immer putzen muss. Und es kein Werkzeug gibt, was das richtig 100% kontrollierbar auch macht.
Finishing in Sigil: Tolles Werkzeug, aber man muss für gute Ergebnisse wirklich wissen, was man tut.
EPUB-Reader und ihr Umgang mit Standards: Man lernt bei jeder Produktion wieder etwas neues…
![Page 25: Anspruchsvolle EPUB-E-Books -- Leben-und-Werk-Bildband!](https://reader034.vdocuments.site/reader034/viewer/2022042700/55861fd8d8b42a8d428b50c4/html5/thumbnails/25.jpg)
Fabian Kern digital publishing competence
www.dpc-consulting.de
https://www.facebook.com/digital.publishing.competence
https://twitter.com/fabian_kern
In eigener Sache
Ursula Welsch XML-Schule/MedienEdition Welsch
http://www.xml-schule.de/
https://www.facebook.com/XML.Schule https://twitter.com/uwelsch