Share
Im ersten Teil der iBooks-Bootcamp-Serie haben wir darüber gesprochen, wie Sie einen Apple-Anbieter für Inhaltsanbieter für iBooks erhalten können, und die iBooks-Plattform auf hohem Niveau erörtert. In diesem zweiten Teil erfahren Sie, wie Sie Ihr erstes iBooks-Projekt mit festem Layout erstellen.
Als erstes müssen wir die erforderlichen Ordner einrichten.
Erstellen Sie zunächst einen Hauptprojektordner, in dem Sie alles speichern können.
Sie können dem Ordner einen beliebigen Namen geben. Für dieses Tutorial nenne ich unser "iBookDemo".
Im Hauptordner erstellen wir zwei neue Ordner. Die erste muss "META-INF" und die zweite "OEBPS" heißen..
Das META-INF Der Ordner enthält Metadaten, mit denen iBooks das Buch identifizieren kann. Das OEBPS Der Ordner enthält den gesamten Inhalt und die unterstützenden Dateien für das Buch. Diese beiden Ordner sind erforderlich. Wenn nicht angegeben, wird das Buch nicht als iBook validiert und nicht in der iBooks-App geöffnet.
Neben den Ordnern META-INF und OEBPS ist die einzige andere Datei, die in der Hauptebene des Ordners vorhanden sein sollte, die Mimetyp-Datei. Starten Sie Ihren Texteditor und wählen Sie eine neue Datei aus. Geben Sie den folgenden Code in der ersten Zeile ein:
Anwendung / Epub + Zip
Diese Mimetype-Datei teilt iBooks mit, dass dies eine gezippte EPUB-Anwendung ist. Stellen Sie sicher, dass keine Wagenrückläufe vorhanden sind und der Code in der ersten Zeile angezeigt wird. Klicken Sie auf "Speichern" und benennen Sie die Datei "Mimetyp". Beachten Sie, dass die Datei nach dem Namen keine Erweiterung hat.
Lassen Sie uns einige iBooks-Optionen angeben. Erstellen Sie eine weitere neue Datei in Ihrem Texteditor, und geben Sie den folgenden Code ein:
Der obige Code richtet die Datei ein, um Anzeigeoptionen für das Buch hinzuzufügen. Die spezifischen Optionen werden wir später noch hinzufügen. Speichern Sie die Datei als "com.apple.ibooks.display-options.xml" im META-INF Mappe.
Wie bereits in Teil 1 dieses Tutorials erläutert, weist die Datei container.xml iBooks auf die .opf-Datei hin, die die Metadaten für das Buch enthält. Erstellen Sie eine neue Datei in Ihrem Texteditor und fügen Sie den folgenden Code hinzu:
Solange Sie Ihre .opf-Datei immer denselben Namen nennen und an demselben Speicherort speichern, können Sie dieselbe container.xml-Datei jedes Mal erneut verwenden, wenn Sie ein neues iBook erstellen. Speichern Sie die Datei als "container.xml" und stellen Sie sicher, dass Sie sie in dieselbe Datei einfügen META-INF Mappe.
Die .opf-Datei ist die größte Datei in der Gruppe, in der Sie den Inhalt und die Reihenfolge Ihres Buches auflisten. Erstellen Sie eine neue Datei in Ihrem Texteditor und fügen Sie den folgenden Code hinzu:
Die .opf-Datei beginnt mit den erforderlichen Namespaces und wird von vier Hauptabschnitten gefolgt. Der erste Abschnitt enthält Metadaten für das Buch. Dazu gehören Titel, Autor und Urheberrecht. Das zweite ist das Manifest, das jede im Buchinhalt verwendete Datei enthält. Alle XHTML-Dateien, Schriftarten, Bilder, CSS, JavaScript, Audio und Video; Jeder im Buch verwendete Inhalt muss hier aufgeführt werden. Der dritte Abschnitt ist der Rücken, und hier wird jede Seite des Buches in der Reihenfolge aufgeführt, in der sie angezeigt wird. Der letzte Abschnitt ist der Leitfaden, der wichtige Abschnitte des Buches wie Index, Glossar oder Inhaltsverzeichnis angibt. Der Leitfaden ist optional. Wenn Ihr Buch jedoch ein offizielles Inhaltsverzeichnis oder einen Index enthält, empfiehlt es sich, diese Hinweise dem Leitfaden hinzuzufügen. Speichern Sie Ihre Datei als "content.opf" und vergewissern Sie sich, dass sie im OEBPS Mappe.
Die letzte EPUB-spezifische Datei ist die .ncx-Datei, das Verzeichnis der Lesezeichen in Ihrem Buch. Erstellen Sie eine neue Datei in Ihrem Texteditor und fügen Sie den folgenden Code hinzu:
Wie fast alle EPUB-spezifischen Dateien, die wir erstellt haben, basiert auch diese Datei auf XML. Speichern Sie die Datei als "toc.ncx" im OEBPS Mappe.
Während Sie externes, internes oder Inline-CSS mit iBooks verwenden können, bleiben wir für organisatorische Zwecke bei extern verlinktem CSS. Erstellen Sie eine neue Datei in Ihrem Texteditor und fügen Sie den folgenden Code hinzu:
Körper Breite: 612px; Höhe: 792px; Marge: 0;
Wir werden jetzt nur ein Tag hinzufügen, und das ist das Karosserie Etikett. Die Größe der Seite wird an zwei Stellen in einem iBook definiert, dem Karosserie Tag des CSS und des Sichtfenster Tag in der XHTML-Datei. Speichern Sie die Datei und nennen Sie sie "cssstyles.css". In diesem Beispiel speichern wir die CSS-Dateien direkt in der OEBPS Wenn Sie eine separate CSS-Datei für jede Seite verwenden möchten, möchten Sie möglicherweise einen separaten Ordner im OEBPS-Ordner in Ihrem eigenen Projekt.
Jede Seite eines Fixed Layout-iBook ist eine separate XHTML-Datei. Das bedeutet, wenn Ihr Buch zehn Seiten hat, werden Sie zehn separate XHTML-Dateien haben. Am einfachsten erstellen Sie so viele Seiten, indem Sie zunächst eine Vorlage erstellen, die den Code enthält, der auf jeder Seite angezeigt wird. Klicken Sie auf "Speichern unter", um die Datei als die anderen XHTML-Seiten zu speichern, die Sie benötigen. Beginnen wir mit der Erstellung der Vorlage für unser Projekt. Erstellen Sie eine neue Datei in Ihrem Texteditor und fügen Sie den folgenden Code hinzu.
iBooks Demo
Es gibt einige wichtige Teile dieses Codes. Der erste Abschnitt enthält die XHTML- und EPUB-Namespaces und die entsprechenden URIs. In der Kopf Tag ist das Buch Titel und ein Tag für die Sichtfenster. Genau wie das Karosserie Tag in der CSS-Datei, das Sichtfenster Lässt iBooks die Größe einer Buchseite in Pixel erkennen. Wir verknüpfen auch die neu erstellte externe CSS-Datei. Der letzte Abschnitt, der Karosserie, Dort gehen alle unsere Inhalte. Speichern Sie die Datei als "page01.xhtml" und vergewissern Sie sich, dass sie in der Datei gespeichert ist OEBPS Mappe.
Klicken Sie bei noch geöffneter "page01.xhtml" auf Datei> Speichern unter und speichern Sie die Datei als "page02.xhtml" im OEBPS Mappe. Klicken Datei> Speichern unter erneut und speichern Sie die Datei als "page03.xhtml" im OEBPS Mappe. Sie haben jetzt drei Seiten für Ihr Demo-iBook, ohne dass Sie den gleichen Code dreimal schreiben müssen!
Ihr Projekt ist jetzt eingerichtet, jedoch gibt es noch keine Inhalte und nichts zu testen, wenn wir auf ein Gerät hochladen. In der nächsten Ausgabe dieser Serie werden wir einige Inhalte hinzufügen, um ein Arbeitsbeispiel für ein iBook zu erstellen.
Accentsconagua