Cover nachträglich anlegen oder bearbeiten

(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)

Die Nachbearbeitung des Covers aus InDesign CS5

InDesign CS5 ist, was den richtigen Export einer Coverseite betrifft, leider etwas fehlerhaft, wodurch die Benennung (Cover ID) vom Cover nicht erkannt wird und einige notwendige Angaben im Code fehlen, sodass eine Nachbearbeitung geleistet werden muss.

In der entpackten ePub-Datei (bei Sigil nicht notwendig) öffnen Sie bitte die XHTML-Datei des Covers (z.B. cover.html). Dort sollten Sie einen Code ähnlich dem folgenden vorfinden:

<body>
   <div id="x01">
      <div class="generated-style">
         <img src="images/01_fmt.jpeg" alt="01.jpg"/>
      </div>
   </div>
</body>

Ändern Sie die Zeile <div id="x01"> in <div id="cover-image"> um.

Öffnen Sie anschließend die content.opf-Datei. Fügen Sie hinter <meta name="generator" content="Adobe InDesign"/> den Code <meta name="cover" content="cover-image"/> ein.

Suchen Sie nach <Manifest> den Code, in dem die XHTML-Datei des Covers angegeben wird (href="Name des Covers"). In unserem Beispiel ist das <Item id="x01" href="01.xhtml" media-type="application/xhtml+xml"/>, wo Sie id="x01" in id="cover" umändern.

Zusätzlich müsste weiterer Code gefunden werden, der die Bilddatei für das Cover angibt, hier: <item id="x01-fmt-jpeg" href="images/01_fmt.jpeg" media-type="image/jpeg"/>, zu erkennen an href="images/01_fmt.jpeg" mit dem Pfad der Coverdatei. Ändern Sie dort id="x01-fmt-jpeg" in id="cover-image" um.

Zu guter Letzt suchen Sie <itemref idref="x01"/> in selbiger content.opf-Datei, wobei das »x01« für den Wert steht, den Sie bereits in den Schritten vorher angetroffen und abgeändert haben. Ersetzen Sie den Code mit itemref idref="cover"/>.

Das war’s. Ihr Cover sollte nun richtig in iBooks & Co. dargestellt werden!

Ein Cover manuell anlegen

Mit InDesign CS 5.5 ist die Erstellung einer Coverseite viel einfacher geworden. Doch was ist, wenn Sie ein Cover manuell erstellen oder bearbeiten müssen? Überspringen Sie dieses Kapitel, wenn Ihr Cover in Ordnung ist. Ansonsten gehen Sie wie folgt vor:

  1. Entpacken Sie die ePub-Datei.
  2. Erstellen Sie eine neue HTML-Datei mit dem Editor Ihrer Wahl.
  3. Kopieren Sie dort folgenden Code hinein:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Cover</title>
      <style type="text/css">img {max-width: 100%; }</style>
   </head>
   <body>
      <div id="cover-image">
         <img src="images/cover.png" alt=""/>
      </div>
   </body>
</html>
  1. Speichern Sie die Datei unter dem Namen »Cover.html« im Order »OEBPS« ab.

    im Order »OEBPS« die Datei »Cover.html« abspeichern

    Abbildung: Im Order »OEBPS« die Datei »Cover.html« abspeichern.

  2. Legen Sie eine Kopie der Datei mit Ihrem Coverbild in den Ordner »images«. Der Name der Datei sollte »cover.png« lauten, da dieser Name auch oben so im Code angegeben wurde.

    im Ordner »images« die Datei »cover.png« abspeichern

    Abbildung: Im Ordner »images« die Datei »cover.png« abspeichern.

  3. Um eine valide ePub-Datei zu erhalten, öffnen Sie mit dem Editor die Datei »content.opf« und suchen nach dem Code <manifest>.
  4. Legen Sie noch die folgenden zwei neuen Zeilen an:
<item id="cover" href="Cover.html" media-type="application/xhtml+xml"/>
<item id="cover-image" href="images/cover.png" media-type="image/png"/>
  1. Ganz unten in der content.opf-Datei steht der Code <Spine toc="ncx">. Dort fügen Sie die nachfolgende Zeile hinzu, mit der Sie Programmen wie Adobe Digital Editions und den E-Readern die Position vom Cover angeben.
<itemref idref="cover" linear="yes"/>
  1. Weiter geht’s mit den Metadaten. Bei <metadata> erstellen Sie noch die Zeile:
<meta name="cover" content="cover-image"/>
  1. Und damit auch sichergestellt ist, dass die meisten E-Reader die Coverseite erkennen, fügen Sie vor </package> noch drei weitere Zeilen ein:
<guide>
   <reference href="cover.html" type="cover" title="Cover"/>
</guide>

Der gesamte Code der »content.opf« kann dann zum Beispiel so aussehen:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<package xmlns="http://www.idpf.org/2007/opf" xmlns:dc="http://purl.org/dc/elements/1.1/" unique-identifier="bookid" version="2.0">
   <metadata>
      <meta name="generator" content="Adobe InDesign"/>
      <meta name="cover" content="cover-image"/>
      <dc:title></dc:title>
      <dc:creator></dc:creator>
      <dc:subject></dc:subject>
      <dc:description></dc:description>
      <dc:publisher></dc:publisher>
      <dc:date>2011-08-29</dc:date>
      <dc:source></dc:source>
      <dc:relation></dc:relation>
      <dc:coverage></dc:coverage>
      <dc:rights></dc:rights>
      <dc:language>de-DE</dc:language>
      <dc:language>en-GB</dc:language>
      <dc:identifier id="bookid"></dc:identifier>
   </metadata>
   <manifest>
      <item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"/>
      <item id="css" href="template.css" media-type="text/css"/>
      <item id="cover" href="Cover.html" media-type="application/xhtml+xml"/>
      <item id="Musterseiten_01" href="Musterseiten_01.html" media-type="application/xhtml+xml"/>
      <item id="Musterseiten_02" href="Musterseiten_02.html" media-type="application/xhtml+xml"/>
      <item id="cover-image" href="images/cover.png" media-type="image/png"/>
      <item id="x220px-Katana-Wakizashi_fmt.jpeg" href="images/220px-Katana-Wakizashi_fmt.jpeg" media-type="image/jpeg"/>
      <item id="x220px-Samurai_fmt.jpeg" href="images/220px-Samurai_fmt.jpeg" media-type="image/jpeg"/>
   </manifest>
   <spine toc="ncx">
      <itemref idref="cover" linear="yes"/>
      <itemref idref="Musterseiten_01"/>
      <itemref idref="Musterseiten_02"/>
   </spine>
   <guide>
      <reference href="cover.html" type="cover" title="Cover"/>
   </guide>
</package>

Zugegeben, dieser Teil war wirklich etwas kompliziert und ist nicht jedermanns Sache. Wir wollten Ihnen trotzdem zeigen, wie es funktioniert, damit Sie für alle Fälle gewappnet sind.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de