Anspruchsvolle EPUBeBooks selber machen.
Ein Werkstattbericht.
Fabian Kern
digital publishing competence
Ursula Welsch
XML...
Das Produkt: Lou Andreas-Salome, Bild-Biographie
Konzeptionelle Überlegungen
 Layout und Darstellungskonzept
 Integration von Zusatz-Content:
 Kurzbiographien
 Lesepro...
Datenvorbereitung in Word

Alle Textteile und Bilder im Worddokument
zusammenstellen
> In der für das Ebook gewünschten Re...
Word >> XHTML
Grundsätzlicher Weg: Speichern unter „Webseite gefiltert“

Vorteile:
 Gibt recht sauber separiertes HTML/CS...
Probleme von „Word-HTML“
Probleme von „Word-HTML“
Probleme von „Word-HTML“
To Do!
 Word-HTML muss immer bereinigt werden: Artefakte, absolute
Maßangaben, Anführungszeichen, etc.
 Dateiaufteilung ...
Das Tool für den EPUB-Aufbau: Sigil
Arbeiten in Sigil
 Ein großes HTML-Dokument importieren, Dokumentsplitting
festlegen
 Aufbau von TOC/Hierarchischer Navi...
Gestaltung und Features: Dokument-Aufbau
Linktypen und bidirektionale Verlinkung von Biographien
Gestaltung und Features: Dokument-Aufbau
Navigation und Content-Erschließung
Gestalterische Erwägungen






Print-Angelehnt, aber nicht Print-identisch
Volles Reflow-Layout, aber mit ästhetisch...
Planung und Ideen für die EPUB3-Variante
 Einbindung Audio/Video
 Kurzbiographien als Popups
 Geographische Navigation
...
Fazit und Erfahrungen
 Vom Konzept zur Umsetzung: Mehrwerte lassen sich bei guter
Konzeptstruktur recht einfach erreichen...
In eigener Sache

Fabian Kern

Ursula Welsch

digital publishing competence

XML-Schule/MedienEdition Welsch

fabian.kern@...
Nächste SlideShare
Wird geladen in …5
×

Anspruchsvolle EPUB-eBooks selber machen. Ein Werkstattbericht.

2.870 Aufrufe

Veröffentlicht am

Session-Slides vom eBookCamp 2013 in Hamburg

Veröffentlicht in: Technologie
0 Kommentare
4 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.870
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
491
Aktionen
Geteilt
0
Downloads
24
Kommentare
0
Gefällt mir
4
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Anspruchsvolle EPUB-eBooks selber machen. Ein Werkstattbericht.

  1. 1. Anspruchsvolle EPUBeBooks selber machen. Ein Werkstattbericht. Fabian Kern digital publishing competence Ursula Welsch XML-Schule/Welschmedien
  2. 2. Das Produkt: Lou Andreas-Salome, Bild-Biographie
  3. 3. Konzeptionelle Überlegungen  Layout und Darstellungskonzept  Integration von Zusatz-Content:  Kurzbiographien  Leseproben  Audio/Video  Kontext-Zugänge:  Visuelle Erschließung  Verschiedene Link-Typen  Verlinkte Zeittafel  Umsetzung mediengerecht, aber anspruchsvoll  Idee: Verschiedene Leselinien. (Aufgegeben wg. NichtRealisierbarkeit)
  4. 4. Datenvorbereitung in Word Alle Textteile und Bilder im Worddokument zusammenstellen > In der für das Ebook gewünschten Reihenfolge > Kapitelüberschriften + Anhangteile: Ü1 + BildNummern/Ü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)
  5. 5. 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
  6. 6. Probleme von „Word-HTML“
  7. 7. Probleme von „Word-HTML“
  8. 8. Probleme von „Word-HTML“
  9. 9. 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) Überlegung: Alternative Export-Wege testen
  10. 10. Das Tool für den EPUB-Aufbau: Sigil
  11. 11. 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
  12. 12. Gestaltung und Features: Dokument-Aufbau
  13. 13. Linktypen und bidirektionale Verlinkung von Biographien
  14. 14. Gestaltung und Features: Dokument-Aufbau
  15. 15. Navigation und Content-Erschließung
  16. 16. 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
  17. 17. 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
  18. 18. 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…
  19. 19. In eigener Sache Fabian Kern Ursula Welsch digital publishing competence XML-Schule/MedienEdition Welsch fabian.kern@dpc-consulting.de www.dpc-consulting.de ursula.welsch@welschmedien.de http://www.xml-schule.de/ https://www.facebook.com/digital.publishing.competence https://twitter.com/fabian_kern https://www.facebook.com/XML.Schule https://twitter.com/uwelsch

×