{"id":589,"date":"2010-04-23T17:26:32","date_gmt":"2010-04-23T16:26:32","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=589"},"modified":"2012-03-20T21:10:36","modified_gmt":"2012-03-20T20:10:36","slug":"indesign-ebook-leitfaden","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/indesign\/indesign-ebook-leitfaden","title":{"rendered":"E-Book-Produktion mit InDesign: <br>Ein Leitfaden"},"content":{"rendered":"<p>EDIT 20.3.2012: Im April 2010 habe ich den folgenden Artikel ver\u00f6ffentlicht. Im November darauf einen <a title=\"InDesign to ePub Leitfaden (Teil 2)\" href=\"https:\/\/www.sachaheck.net\/blog\/indesign\/indesign-to-epub\" target=\"_blank\">zweiten Teil<\/a> des ePub-Leitfadens. Mittlerweile ist daraus ein komplettes Buch entstanden. Manche Infos im Artikel sind nicht mehr unbedingt aktuell. Wer sich also \u00fcber aktuelle Techniken im E-Book-Bereich informieren m\u00f6chte kann sich <a href=\"http:\/\/www.indesign-world.com\" target=\"_blank\">Yves Apel<\/a>s und mein Buch mal ansehen:<\/p>\n<p><a href=\"http:\/\/www.dpunkt.de\/buecher\/3777.html\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1334\" title=\"ePub_Website_Banner_1_600px\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/ePub_Website_Banner_1_600px.jpg\" alt=\"ePub f\u00fcr (In)Designer\" width=\"600\" height=\"197\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/ePub_Website_Banner_1_600px.jpg 600w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/ePub_Website_Banner_1_600px-300x98.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>[Der 2. Teil zu diesem Artikel befindet sich <a href=\"https:\/\/www.sachaheck.net\/blog\/indesign\/indesign-to-epub\" target=\"_blank\">hier<\/a>]<\/strong><\/p>\n<p>E-Books sind in aller Munde und seit der Vorstellung von Apple&#8217;s iPad h\u00f6rt man auch von iBooks, nicht zu verwechseln mit den einstigen Laptops von Apple. Bei Adobe wird ebenfalls Richtung digitale Inhalte entwickelt und 3rd Party Entwickler wie z.B. <a href=\"http:\/\/www.woodwing.com\/de\" target=\"_blank\">Woodwing<\/a>, ver\u00f6ffentlichen L\u00f6sungen f\u00fcr digitales Publishing. Z.B. das Time-Magazine wurde damit f\u00fcrs iPad vorbereitet. Wer ein iPad besitzt kann das Ganze <a href=\"http:\/\/www.woodwing.com\/de\/digital-magazine\/ipad-now\" target=\"_blank\">hier<\/a> runter laden.<\/p>\n<p>Obwohl das traditionelle Buch noch immer seine Stellung hat im Markt, wird es zunehmend wichtig, vor allem als Verlag, hier etwas weiter zu denken und in Zukunft auch digitale Inhalte (zus\u00e4tzlich) anzubieten. Und hier kommen wir Designer, Typografen und Mediengestalter auf die B\u00fchne. Man kommt nicht mehr um das Thema rum und in den Foren liest man immer mehr davon.<\/p>\n<h2>Tools<\/h2>\n<p>Was bedeutet es nun, ein E-Book zu produzieren? Was ist das \u00fcberhaupt und welche Tools brauchen wir da? Wer mit InDesign layoutet, hat eigentlich schon das wichtigste Tool, das es braucht f\u00fcr eine E-Book-Produktion. Und zwar gibt es hier den ePub Export (Export for Digital Editions). Digital Editions ist ein kostenloser E-Book-Reader von Adobe den man sich ruhig mal <a href=\"http:\/\/www.adobe.com\/products\/digitaleditions\/?promoid=DTEIO\" target=\"_blank\">hier<\/a> runter laden kann von deren Website. Das ist auch deshalb wichtig, um nachher das E-Book zu kontrollieren, ob alles so dargestellt wird wie es soll. Wobei, das mit der Darstellung bei E-Books jetzt anders ist als man es vom Print her gewohnt ist. Man mu\u00df sich daran gew\u00f6hnen als Typograf, nicht mehr die volle Kontrolle \u00fcber die Darstellung des Textes zu haben. Blocksatz funktioniert meist nicht wegen fehlender Silbentrennung. D.h. man liest die E-Books i.d.R. auf E-Readern wie dem Sony Reader oder dem Amazon Kindle oder sogar auf dem iPhone. Klar, dass jedes Ger\u00e4t anders ist und die Schrift \u00fcberall verschieden aussieht.<\/p>\n<p>F\u00fcr diejenigen die mit dem Firefox Browser unterwegs sind empfiehlt sich das Add-on <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/45281\" target=\"_blank\">ePub-Reader<\/a>. Dieser stellt das ePub-Format sehr gut dar und eignet sich ebenfalls zur anschlie\u00dfenden Kontrolle.<\/p>\n<p>F\u00fcr iPhone \/ iPodTouch und f\u00fcr den Computer gibt es die App <a href=\"http:\/\/www.lexcycle.com\/\" target=\"_blank\">Stanza<\/a> von Lexcyle die sehr popul\u00e4r ist. Allerdings habe ich pers\u00f6nlich festgestellt, dass diese eine ePub-Datei am schlechtesten darstellt von den hier genannten &#8230;<\/p>\n<p>Sehr interessant und als eBook-Publisher unbedingt installieren, sollte man das kleine Open Source Programm <a href=\"http:\/\/calibre-ebook.com\/\" target=\"_blank\">Calibre<\/a>. Hierbei handelt es sich nicht nur um ein E-Book-Reader (der aber auch sehr gut ist), sondern um ein E-Book-Bearbeitungs-Tool. Man kann hier in diverse andere Formate konvertieren oder die Tags \u00e4ndern, die Beschreibung, das Cover anpassen u.s.w. So kann man von hier aus auch z.B. ins MOBI-Format konvertieren. Das MOBI-Format wird vom Amazon Kindle u.a. unterst\u00fctzt, das im Gegensatz dazu kein ePub-Format versteht. Allerdings wird das ePub-Format wohl die Zukunft sein und ist quasi Standard. Es bleibt abzuwarten, wie die Entwicklung hier voran geht. Umso besser da ePub bereits in unserem InDesign integriert ist.<\/p>\n<h2>Regeln beim E-Book Publishing mit InDesign<\/h2>\n<p>Jetzt geht es an die Praxis. Man sollte einige \u00bbRegeln\u00ab beachten wenn man eine E-Book-Publikation plant, damit das Buch nachher wie gew\u00fcnscht exportiert wird.<\/p>\n<h3>1. Arbeiten mit Formaten<\/h3>\n<p>Auszeichnungen im Text werden beim E-Book nachher durch CSS-Stile definiert. CSS, die Cascading Stylesheets kennt man vor allem aus dem Webdesign. Hier verh\u00e4lt es sich ganz \u00e4hnlich. Das ePub das wir nachher exportieren ist im Grunde eine gezippte Datei die eine ganze Reihe von Ordnern und Dateien enth\u00e4lt. Eine HTML-Datei, eine CSS-Datei, eine XML-Datei, ein Ordner mit ev. Bildern u.s.w. Dazu sp\u00e4ter mehr. Schriften k\u00f6nnen beim ePub-Export zwar theoretisch mitgegeben werden, jedoch ist das nicht zu empfehlen da die meisten E-Book-Reader eigene Schrifts\u00e4tze benutzen so dass man sowieso keinen Einfluss darauf hat. Au\u00dferdem wird dann die Schrift ins ePub exportiert und wer will kann die Schriften ganz einfach extrahieren durch entzippen der ePub-Datei. Es gibt also auch ein Rechte-Problem dabei &#8230;<\/p>\n<p>Man sollte also konsequent mit Absatz und Zeichenformaten arbeiten. Jeder Auszeichnung, ob kursiv, fett oder sonstwas, sollte mit Zeichenformaten definiert worden sein. Ist das noch nicht geschehen, kann man einfach durch Suchen und Ersetzen allen Instanzen Zeichenformate zuweisen. Ein kursives Wort ohne Zeichenformat wird nachher vom Reader ignoriert. In CS5 gibt es zwar jetzt auch die M\u00f6glichkeit, lokale Formatierungen dabei zu beachten aber nach wie vor ist es anzuraten, sch\u00f6n sauber mit den Formaten zu arbeiten. Wem das Suchen\/Ersetzen dabei zu lange dauert kann dabei auch auf ein Skript zur\u00fcckgreifen. <a href=\"https:\/\/www.sachaheck.net\/blog\/indesign\/10-besten-indesign-scripts\" target=\"_blank\">Hier<\/a> stelle ich das Skript CharStyle bzw. CharStyle Extended vor, das sich f\u00fcr solche Zwecke hervorragend eignet.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-594\" title=\"Charstyle_Skript\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Charstyle_Skript.jpg\" alt=\"\" width=\"500\" height=\"503\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Charstyle_Skript.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Charstyle_Skript-150x150.jpg 150w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Charstyle_Skript-298x300.jpg 298w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Charstyle_Skript-50x50.jpg 50w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p><strong>InDesigns verschachtelte Formate funktionieren leider nicht!<\/strong> Um sowas ins ePub zu \u00fcbertragen m\u00fcssen die einzelnen Instanzen alle einzeln mit Zeichenformaten formatiert werden.<\/p>\n<p>Nummerierte Listen und automatische Listen mit Aufz\u00e4hlungspunkten k\u00f6nnen verwendet werden. Am besten auch hier Absatzformate daf\u00fcr erstellen.<\/p>\n<h3>2. Bilder verankern<\/h3>\n<p>Wenn in der Publikation Bilder vorkommen, m\u00fcssen diese unbedingt im Text verankert werden. Die Bilder stehen sonst nachher willk\u00fcrlich irgendwo aber nicht mehr beim entsprechenden Textteil. Z.B. am Ende des jeweiligen Kapitels. Gibt es eine Bildlegende, sollte diese mit dem Bild zusammen gruppiert und dieser Block dann im Text verankert werden. Der Abstand vor und nach dem Bild mu\u00df dann mit \u00bbAbstand vor\u00ab und \u00bbAbstand nach\u00ab eingestellt werden. Das Bild verh\u00e4lt sich wie eine Textzeile.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-590\" title=\"bild_verankert\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/bild_verankert.jpg\" alt=\"\" width=\"400\" height=\"599\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/bild_verankert.jpg 400w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/bild_verankert-200x300.jpg 200w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<h3>3. Seitenzahlen und Musterseitenobjekte<\/h3>\n<p>Das sind zwei Dinge die es beim E-Book nicht gibt. Seitenzahlen machen keinen Sinn weil die Seitenzahlen je nach Reader wechseln w\u00fcrden. Man kann im E-Book-Reader z.B. den Schriftgrad vergr\u00f6\u00dfern, was besonders f\u00fcr Menschen mit eingeschr\u00e4nkten Sehf\u00e4higkeiten von Vorteil sein kann. Nat\u00fcrlich umbricht der Text ja in dem Fall anders und die Seitenzahlen w\u00fcrden nicht mehr stimmen.<\/p>\n<p>Objekte die auf der Musterseite liegen werden f\u00fcr die ePub-Ausgabe nicht beachtet. Gibt es da Objekte die man trotzdem integrieren m\u00f6chte, so mu\u00df man diese zuerst von der Musterseite l\u00f6sen auf den jeweiligen Seiten. Das geht entweder manuell durch Klick mit Apfel (Strg) + Shift auf das Objekt oder via Men\u00fc des Seiten-Panels. M\u00f6chte man das auf allen Seiten tun, w\u00e4hlt man alle Seiten im Seitenpanel aus und w\u00e4hlt dann den Men\u00fcbefehl \u00bbAlle Objekte von Mustervorlage abtrennen\u00ab (Override all Master Page Items).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-595\" title=\"musterobjekte_loesen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/musterobjekte_loesen.jpg\" alt=\"\" width=\"480\" height=\"355\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/musterobjekte_loesen.jpg 480w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/musterobjekte_loesen-300x221.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p>\n<h3>4. Konsequente Textverkettung<\/h3>\n<p>Im E-Book ist der Lestext fortlaufend da es keine echte Seiten gibt so wie bei einem gedruckten Buch. Um den Textfluss zu erhalten sollten alle Textrahmen verkettet sein. Au\u00dfer es f\u00e4ngt jetzt ein neues Kapitel an. Da mu\u00df der Textfluss sogar gebrochen werden.<\/p>\n<h3>5. Keine manuelle Trennungen und Zeilenschaltungen<\/h3>\n<p>Da es im E-Book keine Trennungen gibt mangels eines vern\u00fcnftigen Trennprogramms, d\u00fcrfen auch keine manuellen Trennungen vorhanden sein. Das einzige was geht, ist eine automatische Trennung die in InDesign mit Apfel (Strg) + Shift + &#8211; eingegeben wird. Im E-Book geschieht sonst sowas:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-596\" title=\"trennung_ebook\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennung_ebook.jpg\" alt=\"\" width=\"400\" height=\"316\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennung_ebook.jpg 400w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennung_ebook-300x237.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>D.h. mitten im Satz gibt&#8217;s pl\u00f6tzlich eine Zeilenschaltung weil die Zeilen im E-Reader nicht so breit sind wie im Original &#8230;<\/p>\n<p>Man kann ganz einfach \u00fcber Suchen\/Ersetzen diese manuellen Zeilenschaltungen suchen lassen und diese entfernen. Dazu suchen wir nach ^n und ersetzen durch einen Leerschlag:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-597\" title=\"trennzeichen_suchen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennzeichen_suchen.jpg\" alt=\"\" width=\"459\" height=\"254\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennzeichen_suchen.jpg 459w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/trennzeichen_suchen-300x166.jpg 300w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/p>\n<h3>6. Buch erstellen und Dokumente nach Kapitel aufteilen<\/h3>\n<p>Im E-Reader gibt es Funktionalit\u00e4ten wie z.B. ein eigenes interaktives Inhaltsverzeichnis. Klickt man z.B. auf Kapitel 2, springt der Reader sofort an die jeweilige Stelle. Damit dies richtig funktioniert, ist es wichtig jede Sektion der Publikation in ein einzelnes Dokument zu stecken und das Ganze via Buch-Panel in InDesign verwalten. Wer die Buch-Funktion nicht kennt: Einfach Datei \u2013 Neu \u2013 Buch w\u00e4hlen und dann die Dokumente hier rein ziehen per Drag&amp;Drop und richtig ordnen. Der ePub-Export nachher erfolgt auch aus diesem Buch-Panel.<\/p>\n<p>F\u00fcr jede Seite, die nachher auch eine separate Seite im E-Book werden soll (Deckel, Widmung, Titelseite, Impressum u.s.w.) mu\u00df auch ein eigenes Dokument im Buchpanel erstellt werden:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-599\" title=\"buchpanel\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/buchpanel1.jpg\" alt=\"\" width=\"295\" height=\"235\" \/><\/p>\n<h3>7. Abst\u00e4nde nur mit Abstand vor\/nach<\/h3>\n<p>Um im E-Book Abst\u00e4nde zu kontrollieren, mu\u00df zwingend mit \u00bbAbstand vor\/nach\u00ab gearbeitet werden. Doppelte oder mehrfache Zeilenschaltungen werden einfach ignoriert:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-600\" title=\"abstand_nach\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/abstand_nach.jpg\" alt=\"\" width=\"450\" height=\"404\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/abstand_nach.jpg 450w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/abstand_nach-300x269.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<h3>8. Fu\u00dfnoten zu Endnoten<\/h3>\n<p>Fu\u00dfnoten werden im E-Book zu Endnoten konvertiert. Da es keinen wirklichen Fu\u00df der Seite gibt sondern der Text fortlaufend ist, k\u00f6nnen die Fu\u00dfnoten nicht am Schluss der Kolumne stehen. Im E-Reader wir die Fu\u00dfnotenzahl zum Link. Klick man drauf, springt man zur entsprechenden Endnote, die sich am Schluss des Kapitels einfach dran h\u00e4ngen. Hier ein Beispiel in Adobes Digital Editions:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-602\" title=\"fussnoten\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/fussnoten.jpg\" alt=\"\" width=\"420\" height=\"503\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/fussnoten.jpg 420w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/fussnoten-250x300.jpg 250w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/p>\n<h3>9. Hyperlinks und Querverweise<\/h3>\n<p>Diese beiden k\u00f6nnen ruhig benutzt werden aber auch hier wieder: Links oder Verweise die zu einer bestimmten Seite springen, das funktioniert nicht. Auf dem Sony-Reader ist Seite 23 nicht gleich Seite 23 in Stanza auf dem iPhone u.s.w.<\/p>\n<h3>10. Tabellen<\/h3>\n<p>Tabellen aus InDesign werden zu XHTML-Tabellen konvertiert, jedoch nicht weiter formatiert. Das sieht nicht sehr sch\u00f6n aus:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-603\" title=\"tabellen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/tabellen.jpg\" alt=\"\" width=\"450\" height=\"574\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/tabellen.jpg 450w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/tabellen-235x300.jpg 235w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>Wenn man die Tabellen trotzdem formatieren m\u00f6chte, bleibt nichts anderes \u00fcbrig als die XHTML und CSS-Dateien zu editieren. Dazu mu\u00df man die ePub-datei entzippen und nachher wird zur\u00fcckzippen (was jedoch nicht ohne weiteres funktioniert). Das ist also ein Punkt auf den wir in einer der n\u00e4chsten InDesign-Version hoffen k\u00f6nnen (m\u00fcssen).<\/p>\n<p>Der Inhalt so einer ePub-Datei sieht enzippt z.B. so aus:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-604\" title=\"epub_inhalt\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/epub_inhalt.jpg\" alt=\"\" width=\"262\" height=\"156\" \/><\/p>\n<p>Ein Blick in die XHTML-Datei zeigt den Aufbau der Tabelle. Es ist wichtig in ID schon Tabellen- und Zellenformate zu benuttzen. Diese tauchen in der HTML wieder auf. Im Screenshot hier \u00bbtabelle\u00ab und \u00bb tabellenzellen\u00ab<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-605\" title=\"html_tabelle\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/html_tabelle.jpg\" alt=\"\" width=\"406\" height=\"340\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/html_tabelle.jpg 406w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/html_tabelle-300x251.jpg 300w\" sizes=\"(max-width: 406px) 100vw, 406px\" \/><\/p>\n<p>In der CSS-Datei finden wir die vorgefertigte CSS-Klasse:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-606\" title=\"tabelle_css\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/tabelle_css.jpg\" alt=\"\" width=\"175\" height=\"54\" \/><\/p>\n<h3>11. Metadaten ausf\u00fcllen<\/h3>\n<p>Schenkt man diesen in der Print-Produktion eher keine gro\u00dfe Beachtung, so spielen die Metadaten in der digitalen Welt eine wichtige Rolle. Hier sollte man m\u00f6glichst viele Felder korrekt ausf\u00fcllen. Wir finden diese nachher im E-Book wieder. Wir finden dieses Men\u00fc unter Datei \u2013 Datei Info (Apfel(Strg)-Alt-Shift-I.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-607\" title=\"metadaten\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/metadaten.jpg\" alt=\"\" width=\"550\" height=\"502\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/metadaten.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/metadaten-300x273.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Wichtig ist auch, diese Metadaten im allerersten Dokument betr. die Reihenfolge einzutragen. Bei einem Buch w\u00e4re das z.B. das Dokument mit dem Buchcover.<\/p>\n<h3>12. Inhaltsverzeichnis erstellen<\/h3>\n<p>In einem E-Book gibt es zwei Arten von Inhaltsverzeichnissen: Das Imnhaltsverzeichnis am Anfang des Buches, klassisch halt und dazu noch der Inhalt als Navigation, etwa an der linken Seite eines E-Book-Readers. Hier die \u00bbNavigation Map\u00ab von Digital Editions:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-610\" title=\"DE_inhalt\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/DE_inhalt.jpg\" alt=\"\" width=\"303\" height=\"431\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/DE_inhalt.jpg 303w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/DE_inhalt-210x300.jpg 210w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><\/p>\n<p>Man sieht die einzelnen Kapitel sowie Unterkapitel die durch ein Plus-Zeichen aufgeklappt werden k\u00f6nnen. Wie erstellt man nun so eine Navigation? Erst einmal ist es nat\u00fcrlich wichtig wie vorher schon erw\u00e4hnt, jedes Kapitel in einzelne Dokumente aufzuteilen und in einer Buch-Palette zu verwalten (siehe Punkt 6).<\/p>\n<p>Um eine Navigation zu erstellen, mu\u00df dann zuerst ein \u00bbTOC Style\u00ab erstellt werden im Men\u00fc Layout \u2013 Inhaltsverzeichnisformate (Table of Contents Styles)<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-611\" title=\"TOC_Style\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style.jpg\" alt=\"\" width=\"350\" height=\"281\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style.jpg 350w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style-300x240.jpg 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/p>\n<p>Hier klicken wir auf \u00bbNeu\u00ab und k\u00f6nnen im n\u00e4chsten Fenster definieren, welche Absatzformate f\u00fcr das Inhaltsverzeichnis benutzt werden sollen. Au\u00dferdem kann man so die Verschachtelungen erzeugen die nachher den aufklappbaren Pfeil ergeben.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-612\" title=\"TOC_Style_Def\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style_Def.jpg\" alt=\"\" width=\"550\" height=\"367\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style_Def.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/TOC_Style_Def-300x200.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Wichtig hier: Alle Dokumente des Buches mit einschlie\u00dfen!<\/p>\n<p>Das war alles. Dieses definierte Inhaltsverzeichnisformat wird beim ePub-Export benutzt um die Navigation zu erstellen.<\/p>\n<p>Wie erstellt man nun ein Inhaltsverzeichnis als Textseite z.B. am Anfang eines Buches? Dieses Inhaltszerzeichnis mu\u00df leider (bisher) manuell erstellt werden. Und zwar mit Hyperlinks die auf ein Textziel verweisen. Mit CS4 ist es auch m\u00f6glich, Querverweise zu nutzen.<\/p>\n<p>Hier ein Beispiel mit Hyperlinks: Zuerst mu\u00df ein Hyperlink-Ziel erstellt werden. Wir \u00f6ffnen das Bedienfeld Hyperlinks im Men\u00fc Fenster \u2013 Interaktiv \u2013 Hyperlinks. Jetzt w\u00e4hlen wir den Text an den wir definieren m\u00f6chten, z.B. den Titel des Kapitels auf das wir verlinken wollen und w\u00e4hlen dann im Kontextmen\u00fc des Hyperlinks-Bedienfelds \u00bbNeues Hyperlink Ziel\u00ab erstellen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-613\" title=\"textanker\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/textanker.jpg\" alt=\"\" width=\"550\" height=\"292\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/textanker.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/textanker-300x159.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Wir gehen so f\u00fcr alle Kapitel vor die wir vorne in unserem Inhalt verlinken wollen. Der Vorteil ist eben, dass die Links nicht auf Seite soundso verweisen sondern auf eine bestimmte Textzeile. In unserem Inhalt doppelklicken wir jetzt unsere Zeile zum Verlinken und w\u00e4hlen aus dem Hyperlinks-Bedienfeld \u00bbNeuen Hyperlink erstellen\u00ab. Jetzt taucht in der Liste unser vorher definiertes Ziel auf:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-614\" title=\"hyperlink_IHV\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/hyperlink_IHV.jpg\" alt=\"\" width=\"550\" height=\"448\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/hyperlink_IHV.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/hyperlink_IHV-300x244.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<h2>ePub exportieren<\/h2>\n<p>Wenn wir das InDesign-Dokument sauber vorbereitet haben wie bis jetzt beschrieben, dann geht es so langsam an den Export. Eigentlich ist das der Einfachste Teil des Ganzen. Wir w\u00e4hlen aus dem Men\u00fc unseres Buch-Bedienfeldes (!) die Funktion: \u00bbF\u00fcr Digital Editions exportieren\u00ab.<\/p>\n<p>Es gibt hier 3 Einstellungsmen\u00fcs:<\/p>\n<p>Die Metadaten sollten auf jeden Fall mitgegeben werden. Wie w\u00e4hlen \u00bbdefinierte Formate\u00ab da wir ja konsequent mit Absatz und Zeichenformaten gearbeitet haben. Die Schriften werden nicht mit eingebettet da 1. viele Reader die Schriften nicht nutzen k\u00f6nnen, 2. nur OpenType und TrueType funktioniert, PostScript nicht und 3. die Datei dadurch auch gr\u00f6\u00dfer wird:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-615\" title=\"Export_general\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_general.jpg\" alt=\"\" width=\"550\" height=\"413\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_general.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_general-300x225.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Das zweite Einstellungsmen\u00fc k\u00fcmmert sich um die Bildoptimierung falls solche verwendet wurden. Wichtig ist auch noch das 3. Einstellungsfenster:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-616\" title=\"Export_Contents\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_Contents.jpg\" alt=\"\" width=\"550\" height=\"413\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_Contents.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/Export_Contents-300x225.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Hier kann man n\u00e4mlich das vorher erstellte Inhaltsverzeichnisformat ausw\u00e4hlen. Wir exportieren als Standard XHTML. (GTBuch ist eine Technologie f\u00fcr sehbehinderte und Blinde, funktioniert lange nicht auf allen Readern) Automatische Eintr\u00e4ge f\u00fcr Dokumente unterdr\u00fccken sollte ausgew\u00e4hlt sein, sonst nimmt ID die Dokumentnamen f\u00fcr das Inhaltsverzeichnis.<\/p>\n<p>Klammer auf: Wichtig ist auch noch dass das allererste Dokument das die Daten f\u00fcr das Inhaltsverzeichnis enth\u00e4lt die Quelle im Buch ist:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-617\" title=\"buchpanel_quelle\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2010\/04\/buchpanel_quelle.jpg\" alt=\"\" width=\"295\" height=\"235\" \/><\/p>\n<p>Wir sind am Ende dieses Leitfadens angekommen und haben ein E-Book erstellt mit Adobe InDesign. Ich wei\u00df nicht wie&#8217;s euch geht aber das Thema ist doch sauspannend oder? ;-)<\/p>\n<h2>Erweiterte ePub-Bearbeitung<\/h2>\n<p>Wie geht&#8217;s weiter? Nach dem Export aus InDesign kann man vieles im ePub noch verfeinern. Dazu mu\u00df man das ePub auseinander nehmen. Wie das geht, beschreibt der <a href=\"[Der 2. Teil zu diesem Artikel befindet sich hier]\" target=\"_blank\">zweite Teil des Leifadens<\/a>.<\/p>\n<h2>Links und weiterf\u00fchrende Tipps<\/h2>\n<p>Making E-Books from InDesign von Gabriel Powell, <a href=\"http:\/\/www.creativepro.com\/article\/making-ebooks-indesign-part-1\" target=\"_blank\">Part 1<\/a> und <a href=\"http:\/\/www.creativepro.com\/article\/making-ebooks-indesign-part-2\" target=\"_blank\">Part 2<\/a> (kostenlose PDFs)<\/p>\n<p>Videos ebenfalls von Gabriell Powell auf seinem <a href=\"http:\/\/www.instantindesign.com\/index.php\" target=\"_blank\">Blog<\/a><\/p>\n<p><a href=\"http:\/\/www.adobe.com\/products\/indesign\/epub\/howto\/pdfs\/eBooks_exporting_epub.pdf\" target=\"_blank\">How To<\/a> von Adobe und <a href=\"http:\/\/www.adobe.com\/products\/indesign\/epub\/howto\/pdfs\/eBooks_common_questions.pdf\" target=\"_blank\">hier<\/a> und <a href=\"http:\/\/www.adobe.com\/products\/indesign\/epub\/howto\/pdfs\/eBooks_optimizing_images.pdf\" target=\"_blank\">hier<\/a> (PDFs)<\/p>\n<p><a href=\"http:\/\/www.scribd.com\/doc\/25576541\/Excerpt-Designing-for-digital-What-print-book-designers-should-know-about-ebooks\" target=\"_blank\">Designing for Digital: What print-book designers should know about ebooks<\/a> (Scribd Pr\u00e4sentation, Ausschnitt)<\/p>\n<p><a href=\"http:\/\/2009.max.adobe.com\/online\/session\/238\" target=\"_blank\">Adobe Max 2008 Video<\/a><\/p>\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=KS6mZaksmIs&amp;feature=youtube_gdata\" target=\"_blank\">Screencast<\/a> von Terryl White \u00fcber ePub und InDesign CS5<\/p>\n<p>Das Buch von <a href=\"http:\/\/www.elizabethcastro.com\/epub\/\" target=\"_blank\">Liz Castro<\/a> ist unbedingt einen Kauf wert sofern man mit Englisch gut klar kommt. Dann gibt es noch das<a href=\"http:\/\/rufus.deuchler.net\/2010\/10\/how-to-create-an-ebook-with-adobe-indesign-cs5.html\" target=\"_blank\"> E-Book von Rufus Deuchler<\/a>.<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-ebook-leitfaden&text=E-Book-Produktion%20mit%20InDesign%3A%20Ein%20Leitfaden\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-ebook-leitfaden\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-ebook-leitfaden\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Obwohl das traditionelle Buch noch immer seine Stellung hat im Markt, wird es zunehmend wichtig, vor allem als Verlag, hier etwas weiter zu denken und in Zukunft auch digitale Inhalte (zus\u00e4tzlich) anzubieten. Und hier kommen wir Designer, Typografen und Mediengestalter auf die B\u00fchne.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[100,3],"tags":[106,104,103,101,102,88,424,109,105,107,108],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/589"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=589"}],"version-history":[{"count":14,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/589\/revisions"}],"predecessor-version":[{"id":923,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/589\/revisions\/923"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}