Dans la première partie de la série iBooks Bootcamp, nous avons expliqué comment obtenir un compte de fournisseur de contenu iBooks auprès d’Apple et discuté de la plate-forme iBooks à un niveau élevé. Dans ce deuxième volet, nous verrons comment créer votre premier projet iBooks à mise en page fixe.
La première chose à faire est de configurer les dossiers nécessaires.
Commencez par créer un dossier de projet principal dans lequel tout stocker.
Vous pouvez nommer le dossier comme bon vous semble. Pour ce tutoriel, je vais nommer le nôtre "iBookDemo".
Dans le dossier principal, nous allons créer deux nouveaux dossiers. Le premier doit être nommé "META-INF" et le second "OEBPS".
le META-INF Ce dossier contient des métadonnées que iBooks peut utiliser pour identifier le livre. le OEBPS dossier contiendra tout le contenu et les fichiers de support pour le livre. Ces deux dossiers sont requis. S'il n'est pas fourni, le livre ne sera pas validé en tant qu'iBook et ne s'ouvrira pas dans l'application iBooks..
Outre les dossiers META-INF et OEBPS, le fichier MIME est le seul autre fichier devant figurer dans le niveau principal du dossier. Lancez votre éditeur de texte et sélectionnez un nouveau fichier. Tapez le code suivant sur la première ligne:
application / epub + zip
Ce fichier type MIME indique à iBooks qu’il s’agit d’une application EPUB compressée. Assurez-vous qu'il n'y a pas de retour à la ligne et que le code apparaît sur la première ligne. Cliquez sur "Enregistrer", puis nommez le fichier "type MIME". Notez que le fichier n'a pas d'extension après le nom.
Spécifions quelques options iBooks. Créez un autre nouveau fichier dans votre éditeur de texte et tapez le code suivant:
Le code ci-dessus configure le fichier pour ajouter des options d'affichage pour le livre. Nous ajouterons les options spécifiques pour chacune d’elles un peu plus tard. Enregistrez le fichier sous "com.apple.ibooks.display-options.xml" dans le dossier META-INF dossier.
Comme nous l'avons vu dans la première partie de ce didacticiel, le fichier container.xml pointe iBooks dans la direction du fichier .opf, qui contient les métadonnées du livre. Créez un nouveau fichier dans votre éditeur de texte et ajoutez le code suivant:
Tant que vous attribuez toujours le même nom à votre fichier .opf et que vous l'enregistrez au même emplacement, vous pouvez réutiliser le même fichier container.xml chaque fois que vous créez un nouvel iBook. Enregistrez le fichier sous "container.xml" et assurez-vous de le mettre dans le même META-INF dossier.
Le fichier .opf, qui est sans aucun doute le fichier le plus volumineux du groupe, est l'endroit où vous répertorierez le contenu et l'ordre de votre livre. Créez un nouveau fichier dans votre éditeur de texte et ajoutez le code suivant:
Le fichier .opf commence par les espaces de noms requis et est suivi de quatre sections principales. La première section contient des métadonnées pour le livre. Cela inclut des éléments tels que le titre, l'auteur et les droits d'auteur. Le second est le manifeste qui détaille chaque fichier utilisé dans le contenu du livre. Tous les fichiers XHTML, polices, images, CSS, JavaScript, audio et vidéo; chaque élément de contenu utilisé dans le livre doit être répertorié ici. La troisième section est la colonne vertébrale, et c’est là que chaque page du livre est répertoriée dans l’ordre dans lequel elle sera affichée. La dernière section est le guide qui spécifie les sections importantes du livre, telles qu'un index, un glossaire ou une table des matières. Le guide est facultatif. Toutefois, si votre livre contient une table des matières ou un index officiel, il est judicieux d’ajouter ces références au guide. Enregistrez votre fichier sous "content.opf" et assurez-vous qu’il se trouve bien dans le dossier. OEBPS dossier.
Le dernier fichier spécifique à EPUB est le fichier .ncx, le répertoire des signets de votre livre. Créez un nouveau fichier dans votre éditeur de texte et ajoutez le code suivant:
Comme presque tous les fichiers spécifiques à EPUB que nous avons créés, ce fichier est également basé sur XML. Enregistrez le fichier sous "toc.ncx" dans le répertoire OEBPS dossier.
Bien que vous puissiez utiliser des CSS externes, internes ou en ligne avec iBooks, à des fins d'organisation, nous allons nous en tenir aux CSS liées de manière externe. Créez un nouveau fichier dans votre éditeur de texte et ajoutez le code suivant:
corps largeur: 612px; hauteur: 792px; marge: 0;
Nous n’ajouterons qu’un seul tag pour le moment, c’est le corps
étiquette. La taille de la page est définie à deux endroits dans un iBook, le corps
balise de la CSS et la fenêtre d'affichage
balise dans le fichier XHTML. Enregistrez le fichier et nommez-le "cssstyles.css". Pour cet exemple, nous allons enregistrer les fichiers CSS directement dans le OEBPS Si vous envisagez d’utiliser un fichier CSS distinct pour chaque page, vous souhaiterez peut-être un dossier distinct dans le dossier OEBPS de votre propre projet..
Chaque page d'un iBook à disposition fixe est un fichier XHTML distinct. Cela signifie que si votre livre a dix pages, vous aurez dix fichiers XHTML distincts. Le moyen le plus simple de créer autant de pages consiste à créer un modèle contenant le code qui sera présent sur chaque page, puis à cliquer sur "Enregistrer sous" pour enregistrer le fichier sous les autres pages XHTML dont vous aurez besoin. Commençons par construire le modèle de notre projet. Créez un nouveau fichier dans votre éditeur de texte et ajoutez le code suivant.
Démo iBooks
Il y a quelques pièces importantes dans ce code. La première section inclut les espaces de noms XHTML et EPUB et les URI correspondants. À l'intérieur de tête
la balise est celle du livre Titre
et une étiquette pour le fenêtre d'affichage
. Comme le corps
balise dans le fichier CSS, le fenêtre d'affichage
permet à iBooks de connaître la taille de la page d'un livre en pixels. Nous lions également le fichier CSS externe nouvellement créé. La dernière section, la corps
, est où tout notre contenu va. Enregistrez le fichier sous "page01.xhtml" et assurez-vous qu'il est bien enregistré dans le répertoire. OEBPS dossier.
Avec "page01.xhtml" toujours ouvert, cliquez sur Fichier> Enregistrer sous et enregistrez le fichier sous "page02.xhtml" dans le répertoire OEBPS dossier. Cliquez sur Fichier> Enregistrer sous à nouveau et enregistrez le fichier sous "page03.xhtml" dans le répertoire OEBPS dossier. Vous avez maintenant trois pages pour votre démo iBook sans avoir à écrire le même code trois fois!
Votre projet est maintenant configuré. Cependant, il n’ya pas encore de contenu et il n’ya rien à tester si nous téléchargeons sur un appareil. Dans le prochain épisode de cette série, nous ajouterons du contenu pour créer un exemple de travail d’un iBook..