Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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.

3.319 Aufrufe

Veröffentlicht am

Session-Slides vom eBookCamp 2013 in Hamburg

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

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

×