Vous êtes sur la page 1sur 54

1

Comment raliser un livre au format EPUB ?

Il s'agit ici, de raliser un texte au format HTML5 et css3 en utilisant les principales balises de ce langage, puis de le transformer en livre lectronique au format EPUB3 avec Calibre pour, enfin, le diffuser via une bibliothque en ligne ou par tlchargement. Le format HTML tant la base du format EPUB, plus encore dans sa version 3, ce guide vise matriser au mieux la mise en forme et pourra tre rutilis, par exemple avec un logiciel de traitement de texte. Rappelons que lEPUB est un format universel de publications numriques, bas sur les standards du Web (HTML/CSS) et que Calibre est un logiciel Open Source permettant de grer votre collection d'e-books en toute simplicit. Grce celui-ci, vous pourrez, en effet, enregistrer vos E-books, les grer, les lire et, surtout, les convertir en diffrents formats. L'intrt principal de cette mthode est la totale matrise de la chane de publication du livre avec des outils simples et libres. Si le format EPUB a dsormais atteint une maturit intressante, sa ralisation demande toujours une rigueur absolue dans le code. La moindre erreur peut empcher toute lecture. De mme, les diffrents logiciels de lecture interprtent diffremment la page, voire pas du tout malgr la validation du XHTML par le W3C et du format EPUB par EpubCheck, et aucun ne rivalise rellement avec un navigateur Web dans la qualit de restitution. On est un peu comme au dbut du Web, lorsque chaque navigateur interprtait les balises sa guise et en inventait d'autres, propritaires, au grand dsespoir des codeurs comme des utilisateurs. A se demander si plutt qu'une application et un eco-systme ferms, le navigateur Web n'a pas encore un grand avenir... Denis Weiss, avril 2013-04-16

Cette uvre est mise disposition selon les termes de la Licence Creative Commons Attribution - Pas dUtilisation Commerciale - Pas de Modification 3.0 non transpos

Table des matires


Comment raliser un livre au format EPUB ? .................................................................................................................. 2 La lecture numrique ....................................................................................................................................... 5 1.1 Des crans et des hommes ................................................................................................................................. 6 1.2 Formats ............................................................................................................................................................... 7 1.3 Les Reader ou logiciels de lecture ....................................................................................................................... 8 1.4 La chane du livre ................................................................................................................................................ 9 1.5 L'autopublication ................................................................................................................................................ 9 1.6 Bibliothques numriques ................................................................................................................................ 10 1.7 Lecture/criture numrique ............................................................................................................................. 12 1.8 Les DRM ............................................................................................................................................................ 12 1.9 Dnouement. La fin du papier ?........................................................................................................................ 13 Structurer ...................................................................................................................................................... 15 2.1 Pourquoi structurer ? ........................................................................................................................................ 15 2.2 Comment structurer un document ? ................................................................................................................ 15 2.3 Les mtadonnes .............................................................................................................................................. 17 2.4 L'accessibilit du Web ....................................................................................................................................... 18 Le texte .......................................................................................................................................................... 19 3.1 Les caractres spciaux ..................................................................................................................................... 19 3.2 Titraille .............................................................................................................................................................. 20 3.3 Les paragraphes ................................................................................................................................................ 21 3.4 Les espaces ........................................................................................................................................................ 22 3.5 Les listes ............................................................................................................................................................ 23 3.6 Les notes ........................................................................................................................................................... 23 3.7 Les tableaux ...................................................................................................................................................... 24 3.8 Les liens ............................................................................................................................................................. 25 Les images, la vido, l'audio............................................................................................................................ 27 4.1 Les images ......................................................................................................................................................... 27 4.2 L'audio ............................................................................................................................................................... 28 4.3 La vido ............................................................................................................................................................. 29 Le style .......................................................................................................................................................... 30 5.1 Le css3 ............................................................................................................................................................... 30 5.2 Le "reset" HTML ................................................................................................................................................ 31 5.3 La feuille de style minimale............................................................................................................................... 31 La validation du document ............................................................................................................................. 33 6.1 En ligne .............................................................................................................................................................. 33 6.2 Avec HTML validator ......................................................................................................................................... 33 La conversion avec Calibre .............................................................................................................................. 35 7.1 Tlcharger, installer, utiliser............................................................................................................................ 35 7.2 Importer un fichier ............................................................................................................................................ 35 7.3 Formats de conversion...................................................................................................................................... 37
3

7.4 Convertion......................................................................................................................................................... 37 7.5 Enregistrer le fichier .......................................................................................................................................... 40 7.6 Modifier, corriger le fichier EPUB ..................................................................................................................... 41 Lire, publier le livre......................................................................................................................................... 43 8.1 Avec la visionneuse de Calibre .......................................................................................................................... 43 8.2 Avec Adobe Digital edition ................................................................................................................................ 43 8.3 Publier et lire avec Kindle.................................................................................................................................. 44 8.4 Avec Ibooks ....................................................................................................................................................... 47 8.5 Publier sur Google books .................................................................................................................................. 47 Raliser un EPUB manuellement ..................................................................................................................... 49 9.1 La structure du dossier...................................................................................................................................... 49 9.2 Le fichier toc.ncx ............................................................................................................................................... 50 9.3 Le fichier content.opf ........................................................................................................................................ 51 9.4 SIGIL................................................................................................................................................................... 53 Lire, tlcharger ce document ................................................................................................................................ 54 Sitographie restreinte ............................................................................................................................................. 54

La lecture numrique
La lecture est avant tout une question de supports: matires et formes. Os, plastrons de tortue, fond de caverne, pierre, bois, tablette d'argile, or et divers mtaux, soie, ivoire, marbre, papyrus... on ne compte plus le nombre de supports ayant t utiliss. Si le support papier s'est impos depuis 6 sicles grce l'imprimerie, il n'en a pas moins volu pour autant. On peut mme dire que le papier d'aujourd'hui n'a plus grand chose voir avec celui d'hier. "Ceux qui disent tant aimer l'odeur du papier n'ont pas connaissance des 4 ou 6 % de chaux vive en couche fine sur la page qu'ils respirent, pour la rendre hydrofuge et conomiser sur les micro-gouttelettes du jet d'encre. Ni d'ailleurs que cette odeur est plutt celle de la colle et de l'encre que celle du papier (rsidus de tri slectif blanchis l'acide puis agglomr en mlasse colore pour casser le blanc et ne pas se dchirer dans le nouveau roulage), et surtout viter en ce cas de les informer des diffrents composants chimiques inhals dans cette odeur d'encre1. Et les similitudes entre livre papier et livre lectronique sont nombreuses. L'altration tout d'abord. Ds 1750, l'on trouve un rapport soulignant la faible qualit du papier et les problmes de conservation. Jusquau moyen ge, la conservation ne constituait pas un problme majeur : bonne qualit des matriaux utiliss pour la cration des archives et nombre limit de documents l'explique aisment. Le problme de la conservation des archives est devenu proccupant avec linvention de limprimerie... et la mauvaise qualit du papier. Ce problme de conservation est reproch galement au support lectronique. Notons d'ailleurs que les problmes de conservation des documents lectroniques relvent plus souvent de problmes de lecteur et de format, que de conservation brute2. Le deuxime aspect est la notion de page que l'on a le plus souvent voulu rendre fluctuante. Or, si elle se recompose la demande, elle reste ensuite la mme tout au long de la lecture. La notion d'unit d'information se retrouve aussi dans le livre
1 2

Pour aller plus loin !


Cours de Herv Le Crosnier Les cours de Culture Numrique dispenss par Herv Le Crosnier l'Universit de Caen. Sommaire des cours Le livre numrique BnF : L'aventure du livre. Des parcours pdagogiques pour les classes, des ressources, bibliogaphie, la typographie. Lien Baromtre des usages du livre numrique. Baromtre semestriel, ralis pour les auteurs et diteurs, associs au sein de la SOFIA, sur les volutions des usages du livre numrique. Lien Les acteurs de la chane du livre l're du numrique. Le Centre d'analyse stratgique en partenariat avec le Centre national du livre propose une srie de 3 notes d'analyse accompagnes de propositions. Lien

Franois Bon. Je nai jamais dormi avec un chalutier. https://tierslivre.net/spip/spip.php?article2342 La vido originale des premiers pas sur la lune n'est plus accessible. Ce que l'on voit, c'est une tlvision filme. Le format original, le Slow Scan TV (SSTV) n'est lisible que par un seul appareil, qui se trouve au Goddart Space Flight Center.
5

numrique. En tout cas bien plus que dans la page Web dont le livre numrique est finalement issu. Mme l'ide de lecture squentielle peut tre questionne. La lecture numrique, comme la lecture papier est souvent bien moins linaire que ne l'affirment les auteurs, leur grand regret, sans doute. Mais aussi plus squentielle... Au total, ce qui diffrencie fondamentalement le livre numrique, c'est bien la place du lecteur, qui devient co-auteur, copieur, colleur, informateur, en interaction permanente avec d'autres lecteurs. Et si le livre, qu'il soit papier ou numrique est souvent fini, du moins du point de vue de l'auteur, ct lecteur il ne fait que commencer sa vie. Le partage de notes, de commentaires, d'enrichissements divers voire de livres entiers est de plus en plus courant. La lecture numrique est donc d'abord une lecture sur un support numrique, un cran, mais aussi un logiciel, des formats, une connexion et une interaction... Et ce qui diffrencie fortement le livre papier du livre numrique, c'est que l'un est fini quand l'autre est en perptuelle volution.

1.1 Des crans et des hommes


La lecture numrique c'est d'abord de la lecture sur cran. Ces crans sont de types diffrents. Ne en 1884, quand l'inventeur allemand Paul Nipkow fait breveter un dispositif d'analyse d'images par lignes, le tlviseur est un terminal qui permet galement de lire des textes. L'on pense videmment aux sous titres, mais il faut galement se souvenir que les premiers ordinateurs personnels, de type Thomson de la srie TO ds 1982 ou ATARI partir de 1985 pouvaient tre relis la tlvision. Une tlvision connecte est une tlvision raccorde, directement ou indirectement, Internet afin de fournir un ensemble de services aux tlspectateurs. La tlvision, depuis son invention, n'a toujours t qu'un terminal de rception. Connect, le tlviseur devient galement metteur. Un smartphone est un tlphone mobile disposant aussi des fonctions d'un assistant numrique personnel. La saisie des donnes se fait par le biais d'un cran tactile ou d'un clavier. Il fournit des fonctionnalits basiques comme : l'agenda, le calendrier, la navigation sur le web, la consultation de courrier

Pour aller plus loin !


Incruster des sous-titres Pour incruster des sous titres sur une vido avec VLC, il suffit de crer un fichier texte dans lequel vous placez des lignes avec l'extension srt : 1 00:00:22,00 --> 00:00:35,00 On m'a vu dans le Vercors Sauter l'lastique Voleur d'amphores Au fond des criques 2 00:00:37,00 --> 00:00:42,00 J'ai fait la cour des murnes J'ai fait l'amour J'ai fait le mort 3 00:00:44,00 --> 00:00:48,00 T'tais pas ne
6

lectronique. Les rsolutions trs courantes sont dsormais de 800 X 480 pixels. Les tablettes cran LCD, ou liseuses, encre lectronique. Les tablettes sont plus polyvalentes, les liseuses plus adaptes la lecture numrique de textes longs et moins rmanentes. Mais le march des liseuses semble s'crouler : 300 000 liseuses ont t vendues en 2012 contre 3,4 millions de tablettes. La polyvalence des tablettes semble l'emporter (musique, jeux, vido, lecture...).

Le papier lectronique, ou e-paper, se compose de deux feuilles de plastique entre lesquelles se trouvent des milliers de micro-capsules qui renferment des pigments lectro-sensibles noirs et blancs comparables aux pigments d'encre du papier imprim. www.ecranflexible.com/

Sur la diffrence entre lecture l'cran et lecture papier, voir le dossier qui y est consacr sur Eduscol.

1.2 Formats
Nous n'aborderons ici que les formats ouverts, interoprables, autrement dit sans aucune entrave lgale leur libre utilisation. Un document enregistr dans un format ouvert sera indpendant du logiciel utilis pour le crer, le modifier, le lire et l'imprimer. L'interoprabilit laisse galement le choix du logiciel pour la lecture. Pouvoir lire au moins un format ouvert, permettre l'exportation des donnes personnelles, voil deux critres pour ne pas dire exigences minimales pour tout outil de production de donnes. Deux formats principaux. - Le format PDF "Le Portable Document Format, communment abrg en PDF, est un langage de description de pages cr par la socit Adobe Systems et dont la spcificit est de prserver la mise en forme d'un fichier polices d'critures, images, objets graphiques, etc telle qu'elle a t dfinie par son auteur, et cela quels que soient le logiciel, le systme d'exploitation et l'ordinateur utiliss pour l'imprimer ou le visualiser." Lien La premire version date de 1993. Pour garantir la portabilit, Il faut utiliser et intgrer dans le PDF l'une des polices redistribuables (quatorze polices sont fournies en standard). Le lecteur Adobe Reader , est diffus gratuitement par Adobe. Le "rdacteur" est payant. De nombreux autres lecteurs, dont certains sous forme de logiciels libres sont galement proposs. PDF possde un systme de gestion numrique des droits (DRM), qui permet de limiter la lecture ou la modification du document. L'intgration de vido ou de fentres 3D est possible.

Il existe de nombreux outils pour gnrer du PDF. Libre office ou OpenOffice permettent une exportation directe, de mme que les dernires versions de Word. Citons galement PDFcreator, qui s'installe comme une imprimante et qu'il suffit de slectionner comme telle pour gnrer un fichier PDF. Cependant, pour une gestion optimise des PDF, par exemple des formulaires ditables et enregistrables, le logiciel original, autrement dit Acrobat d'Adobe reste incontournable. - Le format epub3 .EPUB est l'extension de fichier d'un format XML pour le reformatage des livres numriques et des publications. La version 3, base sur les normes HTML5 et CSS3, met l'accent sur l'interactivit, permet l'insertion de fichiers audio ou vido et la prise en charge de l'affichage de toutes les langues. Javascript pour l'interactivit, SVG pour les images (vectorielles, exemple), text-to-speech (TTS) pour la synthse vocale, prise en compte des mtadonnes. Ce format atteint dsormais une maturit suffisante. Les textes europens seront d'ailleurs tous accessibles dans ce format numrique et dans 23 langues. http://idpf.org/epub/30

1.3 Les Reader ou logiciels de lecture


Le principal format ouvert, de plus retenu par l'Europe tant le Epub, en fait un fichier HTML (en version 5 et css version 3 dans la version EPUB3), il est possible de lire ce type de fichiers directement dans le navigateur pour peu que l'on y ajoute des plugins, pour l'instant. Les plugins

Chrome : Raedium est un plugin qui permet de lire les fichiers au format EPUB Firefox : EPUBReader, permet de lire des livres au format ePub simplement dans Firefox.

Les logiciels

Adobe digital edition est un lecteur d'eBooks et de publications numriques qui permet d'acheter, de tlcharger et de lire des livres numriques au format PDF et EPUB. Calibre est un logiciel Open Source permettant de grer votre collection d'e-books en toute simplicit. Grce celui-ci, vous pourrez, en effet, enregistrer vos E-books, les convertir, les grer. Tutoriel Calibre

Les applications Une application est un programme autonome et gnralement trs ferme, qui s'installe sur une tablette ou un tlphone. Elle simplifie un usage, mais le rend galement plus ferm et trop li un cosystme dont le but est le plus souvent mercantile...

Kindle sur Amazon et PC Google Play Livres. Aprs vous tre connect vous accdez directement vos livres en ligne... sauf si vous tes golocalis La Runion, que Google Play ne semble pas considrer comme tant la France... Ibooks s'installe sur systme d'exploitation IOS, autrement dit ne fonctionne que sur une tablette ou un tlphone Apple, pas mme sur un ordinateur de la mme marque.

1.4 La chane du livre


Avec le livre numrique, la chane du livre est profondment modifie. Editeur, diffuseur et distributeur ne font plus qu'un et le modle conomique es profondment remani.

Pour lutter contre cette volution inluctable, la rponse franaise fut inique. Promulgue le 29 mai 2011, la loi sur le prix unique du livre numrique est entre en application. Unique au monde, et l'on devine pourquoi, la loi sur le prix unique du livre numrique oblige tous les diteurs de livres situs en France fixer le "prix de vente au public" des versions numriques des livres qu'ils ditent, et oblige tous les marchands s'y conformer ds lors qu'ils vendent des livres des acheteurs situs en France. Cette loi a surtout pour effet de s'exonrer d'une rflexion quelque peu srieuse sur les modles conomiques et faire plaisir quelques lobbys. Quand on rmunre un auteur entre 6 et 10 % du prix de vente, contre 70 % en autodition, il est urgent de rflchir et de proposer de nouveaux services, ou prendre le risque de suivre la pente de la pente abyssale de Kodak. 1.5 L'autopublication L'autopublication permet l'auteur d'un livre de bnficier d'une rmunration maximale. Mme vendu 3 euros, la rmunration nette est quivalente celle d'un livre papier vendu 20 euros... Evidemment, du coup, l'auteur ne bnficie ni du rseau des libraires, ni de la promotion faite par les diteurs. C'est galement lui de faire ou faire faire son livre lectronique. Cependant, en suivant les conseils de ce guide, vous aurez tous les lments pour raliser et publier votre livre. La premire question se poser, c'est : Est-ce que je souhaite tre lu ? Cette question est distinguer de celle-ci : Est-ce que je souhaite tre publi ?

Quelques rgles pour tre lu.


Rgle 1 : Pas d'diteur. Ralisez votre livre vous-mme. Rgle 2 : Pas de chane de distribution
9

Rgle 3 : Pas de DRM. Aucune DRM n'a jamais empch le piratage. Rgle 4 : Publier en PDF et au format EPUB. Rgle 5 : Le prix doit reflter la valeur.

Les extensions pour traitements de texte Les extensions Writer2Pub et Writer2Latex pour les suites bureautiques Open Office ou Libre office permettent de gnrer un fichier EPUV partir d'un document texte. Les logiciels

Writer2ePub est une extension pour Libre office ou Openoffice qui permet de crer des fichiers EPUB. Il existe galement une extension pour Word ou des convertisseurs en ligne. Adobe Indesign, un logiciel de PAO (Publication Assiste par Ordinateur). Sous licence Open Source, BlueGriffon ou SIGIL ( voir chapitre 9).

Mais pour crer un fichier au format EPUB, le plus simple est de faire un fichier au format HTML conforme au format HTML5, et de le mettre en forme via une feuille de style, ce qui le rend lisible dans tout navigateur moderne, et permet de le convertir ensuite en EPUB avec Calibre. Les sites d'dition en ligne Ces sites permettent l'dition en ligne partir de format textes standards. Les formats sont propritaires mais la disponibilit en ligne et la facilit d'utilisation en font des outils trs pratiques, sauf pour se faire payer des droits.

Calameo, par exemple, permet l'dition Slideshare : Plateforme d'hbergement en ligne de prsentations et diaporamas (principalement des fichiers aux formats PPT, ODP et PDF)

1.6 Bibliothques numriques


Gallica Gallica offre un accs tous types de supports : imprims (monographies, priodiques et presse) en mode image et en mode texte, manuscrits, documents sonores, documents iconographiques, cartes et plans. Plus de 300 000 livres actuellement. http://gallica.bnf.fr/ Google books Des millions de livres, et un projet, souvent contest, de bibliothque mondiale. Pour n'afficher que les livres gratuits faire une recherche avance et cocher le bouton
10

Info Plus !
Ngram Viewer est une application linguistique qui repose sur la base de donnes textuelle de Google Livres et permet d'afficher le nombre d'occurence d'un mot dans les livres sur un graphique.

"Affichage du livre entier uniquement". Un large affichage d'extraits permet de se faire uen bonne ide des contenus. http://books.google.com/ Livres pour tous Plus de 5000 livres gratuits en franais, classs par rubriques. Recherche par mots cls ou par catgories, Egalement un classement top 50 livres, des biographies, un annuaire littraire. Livres en franais et sans DRM. Nouveauts sous forme de flux RSS. http://www.livrespourtous.com/ Wikisource 124 659 textes, passs dans le domaine public ou publis sous licence libre. Wikisource est un projet de la fondation Wikimedia labor par des contributeurs bnvoles. Textes par langue, priode, au hasard, par catgories ou moteur de recherche. Guides, tutoriels, scriptorium... http://fr.wikisource.org/wiki/Accueil Numilog Catalogue de livres numriques en franais. Rubrique de livres gratuits mais galement des livres en prts "autodestructibles". Format PDF ou EPUB, rubrique livres sans DRM. Applications pour http://www.numilog.com IOS, windows 8 et Androd.

Scribd Scribd est un site de partage de documents en ligne depuis mars 2007. Annonce comme tant la plus grande bibliothque en ligne du Monde ! Le tlchargement des ouvrages reste rserv aux utilisateurs inscrits. La publication se fait par simple tlchargement et conversion, le cas chant, en HTML5. http://fr.scribd.com/ Numelyo La bibliothque municipale de Lyon, deuxime bibliothque de France par ses collections, a mis en ligne un accs numrique, grce un partenariat trs contest avec Google3. Les internautes pourront dcouvrir 55 manuscrits mrovingiens et carolingiens de la bibliothque municipale ainsi que la presse lyonnaise de 1790 1944, plus de 8000 estampes, 22000 photos, 500 affiches ou encore 400 livres anciens. Guichet du savoir (Vous avez une question ? Nous avons une rponse !) http://numelyo.bm-lyon.fr/ Izneo

NumeLyo, la bibliothque numrique de Lyon, et l'ombre porte du contrat de Google http://scinfolex.wordpress.com/2012/12/15/numelyo-la-bibliotheque-numerique-de-lyon-exister-a-lombre-de-google/


11

Les principaux diteurs de bandes dessines se sont associs pour lancer Izneo, une offre de lecture de BD numrique. Possibilit de location, d'achat ou d'abonnement mensuel. Une offre bibliothque, malheureusement un prix inaccessible pour un centre de documentation d'tablissement scolaire. http://www.izneo.com/ Le Livre scolaire Un manuel papier. Un manuel numrique personnalisable et vidoprojetable, l'intgralit du contenu des livres librement accessible. Des outils interactifs pour valuer ses lves et travailler par comptence. Des exercices. Que pour le premier degr ce jour. http://lelivrescolaire.fr/ Ssamath L'association Ssamath a pour devise : Les mathmatiques pour tous . Elle favorise les changes entre les professionnels de l'enseignement, public auquel elle s'adresse initialement. Des ressources gratuites, sans publicit, de qualit et pour tout, mais malheureusement un projet peu soutenu par le ministre de l'Education Nationale... Pfff ! http://www.sesamath.net/ Plus d'infos ? http://eduscol.education.fr/numerique/dossier/lectures/livrelec http://eduscol.education.fr/numerique/dossier/lectures/manuel

1.7 Lecture/criture numrique


"La forme dominante du livre imprim est linaire. L'crivain crit 384 pages et le lecteur lit 384 pages, l'une aprs l'autre. En termes formels, j'imagine cela comme une ligne droite, une courbe peut-tre si vous voulez mettre en avant l'arc narratif (l'introduction, l'exposition, les conflits, la rsolution, le dnouement). Le chemin est fix par l'auteur qui lui-mme travaille dans les limites imposes par la pagination et le livre reli."Peter Meyers C'est cette forme linaire, qui, de fait a toujours t beaucoup plus sinueuse que les auteurs l'imaginent, qui va tre brise. Quand le lecteur devient roi...

1.8 Les DRM


12

Le format EPUB prend en charge la gestion des droits numriques (Digital Rights Management). Les DRM ont pour objectif de contrler l'utilisation qui est faite des uvres numriques grce un systme d'accs conditionnel. Ces dispositifs techniques ou logiciels peuvent viser :

restreindre la lecture du support une zone gographique prvue (par exemple les zones des DVD); restreindre la lecture du support du matriel spcifique (par exemple les versions smartphone ou tablette) ; restreindre la lecture du support un constructeur ou vendeur (afin de bloquer la concurrence); restreindre ou empcher la copie prive du support (transfert vers un appareil externe); restreindre ou verrouiller certaines fonctions de lecture du support (dsactivation de l'avance rapide sur certains passages d'un DVD) ; identifier et tatouer numriquement toute uvre et tout quipement de lecture ou enregistrement (pour faciliter le pistage des copies non autorises, mais surtout empcher la personnalisation et donc le contrle d'une technologie, par exemple empcher l'installation d'un autre systme d'exploitation sur un ordinateur).

Source : http://fr.wikipedia.org/wiki/Gestion_des_droits_num%C3%A9riques

Mais la bonne position du curseur entre titulaires des droits exclusifs et utilisateurs lgitimes reste trouver. De fait, actuellement, avec les DRM, vous ne possdez qu'un droit d'accs un service, qui peut tre remis en cause tout moment. Vous ne pouvez pas revendre ou prter vos livres lectroniques. Un ouvrage achet au travers de l'application Ibooks d'Apple ne pourra tre lu sur le reader de Sony. Bref, on est loin d'tre "comme matres et possesseurs" du livre. De plus, les DRM sont facilement contournable quand l'accumulation des extraits ne permet tout simplement pas de reconstituer le livre entier. Leur utilisation est donc fortement dconseille.

1.9 Dnouement. La fin du papier ?


D'abord soulignons que ceux qui affirment que le papier n'est pas mort, le fond surtout sur Internet et souvent pour faire du buzz. Il n'y a que trs peu d'ouvrages papier sur la question... http://www.google.com/trends/ Inversement les technologies ne disparaissent pas forcment, rapidement, et de faon inluctable. Il n'en reste pas moins vrai que les argumentations ont souvent un angle assez ractionnaire, binaire, assez peu en empathie avec les pratiques et souvent motiv par des intrts personnels ou habitudes enkyste bien plus qu'une pratique relle. La grontocratie numrique est alors un peu l'image de l'acadmie franaise : doucettement ringarde... L'un n'est pas l'autre, mais l'un ET l'autre se marient bien...

13

S'il est difficile de faire des anticipations ou de dupliquer des modles, l'on peut cependant constater que, pour tout produit industriel, et depuis Marlon Brando 4nous savons qu' l'instar du cinma, la culture est aussi une industrie. La premire phase est alors gnralement celle du doute et de la critique : ca ne marche pas bien, ca ne sert rien... "Que ce soit bien clair : le livre imprim n'est pas prt de disparatre, et heureusement." Tomsguide.fr/, 2009 Puis vient une phase d'installation de la technologie, de dveloppement du march, de progrs rapides... jusqu'au point o les courbes se coupent... Puis... ? A titre d'exemple, voici la courbe de vente d'appareil photos numriques de 1998 2006. L'on estime gnralement qu'il a fallu attendre 2003 et des capteurs de 6Mpx pour que la qualit des appareils numriques soit quivalente celle de l'argentique.

Vente d'appareil photo numriquesVente d'appareil photo numriques et argentique de 1998 2006 Source: http://www.sipec.org/

Le 13 juillet 2010 Kodak a fabriqu la dernire pellicule de Kodachrome... Evidemment d'autres scenarii sont possibles. Moins rapides, plus composites. Un rapport au Snat sur La politique du livre face au dfi du numrique envisage la possibilit non pas d'une substitution mais d'une addition au moins temporaire des ventes de livres papier et numriques. http://www.senat.fr/rap/r09-338/r09-3386.html A suivre !

"Hollywood est un cimetire culturel : le cinma est une industrie, pas un art."
14

Structurer
2.1 Pourquoi structurer ?
Au tout dbut du Web, les documents au format HTML taient assez peu structurs. L'on pratiquait surtout un balisage procdural du texte. Par exemple : <FONT COLOR="black" FACE="Times" SIZE="12pt" ALIGN="left"> La taille et le type de la police sont directement renseigns dans le texte</FONT>. Avec le HTML5, de nouveaux lments smantiques apparaissent. Prenons cette carte de visite

Ici le marquage est descriptif. Les balises dcrivent le rle de chaque lment du texte. Les caractristiques typographiques du document sont stockes sparment sous la forme d'une feuille de style associant une mise en forme chaque nature d'lment. Les documents ainsi mis en forme sont totalement indpendants du support de consultation. Avec un document structur, on peut :

Sparer le fond de la forme Archiver un document prenne Faire voluer le document vers dautres modles de structure (XML, XHTML, HTML5) donc vers nimporte quel format futur Interroger les contenus et rutiliser ce que lon souhaite Rendre ses documents accessibles Multiplier les modes de restitution possibles Fiabiliser la recherche

2.2 Comment structurer un document ?


Le texte va tre produit au format HTML5 l'aide d'un simple diteur de texte, ou NotePad++ si vous souhaitez disposer d'un diteur gratuit plus performant. Le style va tre rgl via une feuille de style en css3, que l'on pourra simplement recopier ou modifier :

le HTML dfinit le fond (contenu, logique des lments);


15

le CSS dfinit la forme (apparence).

L'avantage de cette technique rside dans le fait de disposer la fois d'un document lisible via un navigateur et de proposer un format EPUB, affichable par les applications installes sur les tablettes. La structure de base du document est la suivante :

Pour apprendre vraiment le HTML, le site du zro par exemple sera trs utile. Prcisons qu'il ne s'agit pas, ici, de rentrer dans toutes les subtilits de ce langage, mais de connatre les seules balises ncessaires la production d'un livre lectronique. Pour le moment vous pouvez donc simplement tlcharger le code ici. Tel que, ce fichier est dj lisible dans un navigateur.

16

2.3 Les mtadonnes


Les mtadonnes, ou donnes de donnes, prises en compte pour l'EPUB sont celles au format Dublin Core. Le Dublin Core est un schma de mtadonnes gnrique qui permet de dcrire des ressources numriques ou physiques. Pour plus d'informations consulter le guide la BnF ou le dossier d'Eduscol. Mais, bien qu'existant depuis prs d'une vingtaine d'annes et recommand par les organisations internationales, il faut bien dire que le Dublin Core n'est gure utilis, par pris en compte par les moteurs de recherche et source de nombreux problmes notamment pour la validation du document. Bref, il sera prfr ici le renseignement des mtadonnes aux normes HTML bien plus standards et reconnues par tous les outils. Mme si les moteurs n'en tiennent gnralement plus compte, les mtadonnes HTML garantissent encore et toujours l'interoprabilit du document. L'entte Depuis la cration du HTML, un document est structur en deux parties, l'entte (tout ce qui est entre les balises <head> et </head> et le corps du document, entre <body> et </body>. Hormis la balise titre, affiche dans le bandeau suprieur du navigateur, tous les autres lments de l'entte ne sont pas directement visibles. On peut y placer des informations destination des moteurs de recherche, des liens vers des langages de programmation, toutes sortes d'lments qui vont enrichir la page. Les donnes gnralement renseignes sont les suivantes :

La langue du document, <html lang="fr">, deux petites lettres normalises qui n'on l'air de rien, "fr" et qui pourtant sont une indication essentielle L'encodage de la page <meta charset="utf-8"> Le titre : <title>Comment raliser un livre au format EPUB ?</title> Nom de la personne, de l'organisation ou du service l'origine de la rdaction du document : <meta name="author" content="Denis Weiss" /> Rsum : <meta name="description" content="Tutoriel sur la ralisation d'un livre lectronique que format EPUB3 partir d'un document ralis en HTML5 et css3" /> Mots cls : <meta name="keywords" content="HTML5, css3, livre lectronique, tutoriel" />

Les balises spcifiques l'HTML5 Notons qu'avec le HTML5, de nouveaux lments apparaissent qui sont autant d'informations de nature smantique. Par exemple : - <section> regroup un mme sujet, une mme fonctionnalit, de prfrence avec un en-tte. - <article>, une section de contenu indpendante, pouvant tre extraite individuellement du document ou syndique (flux RSS ou quivalent),
17

sans pnaliser sa comprhension. - <aside est une section dont le contenu est un complment par rapport ce qui l'entoure. - <header> introduction d'un article, d'une autre section ou du document entier (en-tte de page). <time> : pour prciser les dates et heures <mark> : pour marquer au marqueur une partie de texte - <nav> : L'lment nav reprsente une section d'une page reliant des pages ou des parties d'une page : c'est une section servant la navigation et qui va pouvoir servir produire le sommaire de la page. D'autres nouveauts existent, notamment en matire de microdatas et de microformats. Ils ne seront pas abords ici pour la ralisation de livre numrique. Pour aller plus loin ! www.html5-css3.fr/html5/microformats-microdata-html5

2.4 L'accessibilit du Web


Il sagit de permettre laccs votre document, quels que soient le matriel et le rseau utiliss, les aptitudes physiques et mentales, la langue maternelle, lge, ou la localisation gographique. La proportion du public concern directement par laccessibilit atteint 15 20 % en Europe. Concrtement, une personne non voyante pourra utiliser une synthse vocale qui lui lira successivement les lments figurant sur une page web, si le site est bien conu et ne comporte pas de rreurs de conception empchant le logiciel de synthse de pouvoir comprendre son contenu texte. Une personne handicape motrice pourra utiliser un priphrique de pointage diffrent dune souris, avec un clavier visuel lcran et un petit joystick. Il existe des outils de commandes fonctionnant avec les doigts, les paupires, la langue, et mme le souffle ! Quelques recommandations :

Ne pas baser linformation uniquement sur les couleurs (daltonisme et achromatopsie). Ne pas baser linformation uniquement sur le son (surdit). Favoriser le contraste du texte (dficiences visuelles). Produire des alternatives telles que laudiodescription ou la transcription pour des contenus vido (surdit partielle ou totale). Permettre la navigation au clavier (troubles moteurs) et prvoir des liens dvitement. Ne pas utiliser dimages pour afficher du texte, sans leur adjoindre une alternative texte (attribut alt). Concevoir une navigation claire et simple (aptitudes mentales, vieillesse). Structurer le contenu de faon logique avec une hirarchie de titres <hX> aisment comprhensible. Utiliser des liens dvitement en dbut de page pour offrir laccs direct au contenu, la navigation, la recherche. ... http://www.pompage.net/traduction/checklistaccessibilite

Une check list de l'accessibilit : Dmonstration en ligne :

http://www.w3.org/WAI/demos/bad/

18

Le texte
3.1 Les caractres spciaux
Comment saisir les caractres spciaux ? Dans un traitement de texte, appuyer sur la touche Alt du clavier et saisir le code Unicode de la lettre souhaite puis touche entre. Attention ! La valeur 0169, est diffrente de 169 En html, le code est constitu de lettres et encadr de l'esperluette "&" et du point virgule ";" Quelques caractres spciaux
Lettres Copyright : Euro Cent Dollard Livre E dans l'a E dans l'o $ HTML &copy; &euro; &cent; $ &pound; Code Num. Alt+169 Alt+ Alt+0162 Alt+36 Alt+0163

Diffrents codages
Combien y a-t-il de lettres dans l'alphabet? Pour le savoir saisissons ce texte et faisons le compte : Ds Nol o un zphyr ha me vt de glaons wrmiens, je dne d'exquis rtis de buf au kir l'a d'ge mr & ctera . Alors? Il y a bien 42 lettres! En informatique toutes les lettres sont d'abord des chiffres. L'ASCII Pour des raisons historiques (les grandes socits associes pour mettre au point l'ASCII taient amricaines) et techniques, ce codage ne prenait en compte que 128 caractres. Le code ASCII ne contient ni caractres accentus, ni caractres spcifiques une langue soient 26 lettres. www.table-ascii.com/ L'ISO/CEI 8859-1 Il dfinit 191 caractres de l'alphabet latin, avec les caractres accentus utiles aux langues originaires d'Europe. Mais le symbole de l'euro ou certaines lettres (comme les lettres , et , ne sont pas reconnues. ISO 8859-15 ajoute entre autres le caractre de l'euro () et les caractres , et qui manquaient pour l'criture du franais, les caractres et pour le du finnois. Le E dans l'O Unicode est gr par une organisation but non lucratif (le Consortium Unicode) ayant pour but d'attribuer un numro tout caractre utilis dans une langue humaine. Lien UTF-8 L'Unicode Transformation Format est un encodage d'Unicode. Les premiers caractres d'UTF-8 sont communs l'ASCII. Les diffrents caractres spciaux : www.web1.pro/unicode.htm Au tout dbut de l'informatique, pour des raisons de place mmoire, le codage des textes, en ASCII, ne prenait en compte que 128 caractres. Mais le code ASCII (voir encadr) ne contient ni caractres accentus, ni caractres spcifiques une langue, soient 26 lettres. Plus tard, la norme ISO/CEI 8859-1 retenue en Europe permettra de passer 191 caractres mais sans les lettres ni , pour d'obscures raisons pas trs glorieuses En effet, le dlgu franais qui aurait d indiquer son emploi courant dans la langue franaise tait absent le jour du dbat.

&aelig; Aelig; Alt+0230 Alt+0198 , &oelig; Oelig; Alt+339 Alt+338 &Eacute; &laquo; &raquo; &hellip; &sect; &plusmn; &bull; &sum; &radic; &infin; &micro; &deg; &phi; &psi; &Omega; &epsilon; &frac14; &frac12; &frac13; &ndash; &#45; &#124; &Oslash; &para; &not; &fnof; Alt+0201 Alt+0171 Alt+0187 Alt+8230 Alt+0167 Alt+0177 Alt+7 Alt+8721 Alt+8730 Alt+8734 Alt+0181 Alt+0176 Alt+966 Alt+968 Alt+937 Alt+949 Alt+172 Alt+0189 Alt+0190 Alt+150 Alt+045 Alt+0124 Alt+0248 Alt+0182 Alt+0172 Alt+402

Guillemet ouvr. Guillemet ferm. Triple point Section Plus ou moins Point mdian Somme Racine Infini Micro Degr Phi Psi Omga Epsilon Un quart Un demi Trois quarts Tiret Trait d'union -

Barre verticale | Ensemble vide Paragraphe Signe non Fonction

19

3.2 Titraille
Les titres et sous-titres sont des lments particulirement importants. Ils vont, par exemple, permettre de gnrer automatiquement une table des matires, ils seront galement reconnus par les moteurs de recherche. Les balises h1 h6 sont considres, par les moteurs de recherche comme tant un critre important pour le rfrencement d'une page web et d'un site. Bref, soigner et prciser les titres et leur hirarchie est trs important. Les titres se placent entre les balises <h1> <h6>. <h1> Niveau de texte h1 </h1> <h2> Niveau de texte h2 </h2> <h3> Niveau de texte h3 </h3> <h4> Niveau de texte h4 </h4> <h5> Niveau de texte h5 </h5> <h6> Niveau de texte h6 </h6> Exemple de document structur <h1>Titre principal</h1> <h2>Titre 1</h2> <h3>1.1 Sous titre 1.1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris <em>eget magna eu risus</em> fermentum sodales eu eget leo.<br /> Cras in massa sit amet odio porta commodo.</p> <h3>1.2 Sous titre 1.2</h3> <p>Suspendisse accumsan convallis iaculis. <strong>Mauris</strong> vel metus vitae.</p> <h2>Titre 2</h2> <h3>2.1 Sous titre 2.1</h3> <p>Vivamus sodales libero nec leo ultrices eu rutrum purus auctor.</p> <h3>2.2 Sous titre 2.2</h3> <p>Sed sollicitudin metus eget lorem tincidunt consequat aliquam diam porta XIXe seculum : <blockquote>C'est noukilafait !</blockquote>.</p> Et c'est de <abbr> l'Hypertext Markup Language HTML</abbr> Hirarchie type

H1 Titre o H2 sous titre paragraphe o H2 sous titre H3 sous titre paragraphe H3 sous titre paragraphe o H2 sous titre
20

paragraphe H2 sous titre paragraphe H3 sous sous titre paragraphe H4 sous titre paragraphe

L'on peut choisir, comme ici, de ne mettre qu'un seul niveau de titre 1 (entre <h1> et </h1>), dans la mesure o le HTML5 introduit la notion d'article. Chaque article pourra ainsi possder sa propre hirarchie de titre de <h1> <h6>. Il est trs rare d'arriver jusqu'au niveau h6.

3.3 Les paragraphes


<p>Ceci est un paragraphe.</p> Il faut distinguer fin de paragraphe </p> et retour la ligne <br />. Lorsque vous appliquez un style, c'est gnralement l'ensemble d'un paragraphe. Que ce soit avec un traitement de texte (Maj + Entre) ou en html, il est donc important d'utiliser le retour la ligne aussi souvent que ncessaire. A l'intrieur des paragraphes, l'on pourra insrer des sauts de ligne avec la balise <br />. La balise <br> n'a pas de balise de fermeture et peur s'crire <br>. Pour respecter la norme XHTML on ajoute un lment de fermeture / ce qui donne <br />. Mise en forme smantique des paragraphes :

caractres <strong>gras</strong>. La balise strong, dont on ne peut dterminer l'avance le rendu l'cran, peut galement tre remplace par la balise <em> dont le style sera dfini. "Strong" comme "em" admettent les attributs title et langue. L'on pourra donc s'en servir par exemple pour prciser un sens. Par exemple : il est <em lang="en" title=" jour">up to date</em>

mise en forme en <i>italique</i>. Cette balise est dprcie au profit de <em>, pour emphase, et sert spcifier clairement que le mot ou la portion de texte qu'elle encadre doit tre mis en vidence. La forme (italique, gras etc.) pourra ensuite tre prcise dans la feuille de style bloc de citation <blockquote>C'est noukilafait !</blockquote>

<cite>"Les citations courtes seront mises entre guillemets franais l'intrieur du texte et dans le mme corps."</cite>. Les citations qui dpassent quatre lignes ne seront pas mises entre guillemets, mais saisies en simple interligne. Toute citation, courte ou longue, doit tre suivie ou prcde par une indication de sa source ou par un appel de note donn en exposant emphase applique une <em>portion de texte</em>, permet de mettre un bloc en vidence
21

abrviation : <abbr title="Hypertext Markup Language">HTML</abbr> plac en <sup>exposant</sup> ou en indice avec llment <sub> : le symbole chimique de leau est H<sub>2</sub>O une date <time datetime="2013-04-01">1er avril 2013</time> la balise <mark> permet de surligner le texte <mark>important</mark> une ligne continue <hr />

3.4 Les espaces


Votre texte pourra tre redimensionn loisir. Il est donc trs important de mettre les espaces inscables aux bons endroits. Prcisons tout d'abord que l'espace (masculin) entre les mots est compos d'espaces (fminin) de taille variable. On distingue donc :

L'espace justifiante : c'est l'espace entre les mots. Elle est dite justifiante car sa taille servira de variable d'ajustement lorsque le texte sera justifi. Cet espace n'a pas toujours la mme taille et ne peut donc servir par exemple aligner un texte L'espace inscable : cette espace a la particularit de prserver la continuit entre le mot qui la prcde et le mot qui la suit. Ainsi, en cas de redimensionnement du texte il n'y aura pas, par exemple de ":" spar du mot qui le prcde[1]. Pour insrer une espace inscable, gnralement appuyer en mme temps sur les touches Ctrl, majuscule et espace ou insrer le code : &nbsp; ou &#160; L'espace fine : il s'agit d'une espace qui est environ deux fois plus troite que l'espace justifiante ordinaire5. Pour insrer une espace fine inscable, insrer le code : &thinsp; ou &#8201; Espace avant Ponctuation Point Virgule Deux-points Point-virgule Point d'exclamation Point d'interrogation Espace aprs Espace justifiante Espace justifiante Espace justifiante Espace justifiante Espace justifiante Espace justifiante

Aucune Aucune Espace inscable Espace fine inscable Espace fine inscable Espace fine inscable

S'il y a bien une espace difficile reproduire sur Internet, c'est l'espace fine inscable. Celle-ci n'est tout simplement pas dfinie dans la norme Unicode. Source : http://typographisme.net/post/Les-espaces-typographiques-et-le-web

22

Espace avant Espace justifiante Espace inscable Espace justifiante Aucune Espace justifiante Aucune Aucune Guillemet ouvrant Guillemet fermant Parenthse ouvrante

Ponctuation

Espace aprs Espace inscable Espace justifiante Aucune Espace justifiante Aucune Espace justifiante Aucune

Parenthse fermante Crochet ouvrant Crochet fermant Trait d'union

3.5 Les listes


Pour insrer une liste numrative, l'on indique dans un premier temps le type de liste souhaite : liste numrote (ordonne), balise <ol> ou liste non ordonne, balise <ul>. Ensuite, chaque lment de liste est entour par les deux balises <li> </li> Liste de type ordonne (alphabtiquement <ol type="A">, <ol type="a"> ou en chiffres romains <ol type="i">). L'on pourra galement forcer la numrotation au nime lment grce l'attribut START <ol start="5">

et non ordonne (liste puces)

Ne pas insrer une liste dans un lment <p></p>.

3.6 Les notes


Les annotations se composent toujours de deux lments :
23

Le corps de la note qui est le texte de lannotation proprement dite. Lappel de note.

Plac dans le corps du texte papier, il sagit dun ou plusieurs caractres, gnralement une numrotation, le plus souvent mise en exposant. Cet appel de note renvoie au corps de la note. Lappel de note peut aussi tre insr sous forme de lettres ou de chiffres romains. En html, l'on se sert gnralement des possibilits hypertexte. L'appel de note en indice 6 avec un renvoi vers le corps de la note.

Pour l'appel de note, l'on utilise la mise en indice ainsi qu'un lien hypertexte : <sup>[<a href="#note-1" id="ret-1">1</a>]</sup> Le tag <sup> a dj t dcrit infra. Vient ensuite le lien hypertexte vers la note <a href="#pnote-1" suivi d'un identifiant qui permet de revenir au texte id="ret-1"> est du numro afficher, "1"</a> Pour le corps de la note, le chemin est invers. L'identifiant est l'ancre du lien de l'appel <p id="note-1">, suivi du lien hypertexte retour vers l'identifiant de l'appel de note [<a href="#ret-1"> et un rappel du numro de la note, 1</a>]</p>.

3.7 Les tableaux


Pour crer un tableau, la balise est <table><<table>. A l'intrieur de ces balises, l'on ajoute une ou plusieurs lignes avec les balises <tr></tr> et des colonnes avec <td></td>

Ce qui donne
6

] Les notes peuvent tre places la fin du paragraphe. Un clic sur le chiffre permet de revenir au texte. Pour des raisons d'accessibilit, il est cependant recommand de recourir le moins possible aux notes en bas de page en hypertexte.
24

Ligne 1, colonne 1 Ligne 1, colonne 2 Ligne 1, colonne 3 Ligne 2, colonne 1 Ligne 2, colonne 2 Ligne 2, colonne 2

Ce genre de tableau pourra, lui aussi, tre mis en forme via les feuilles de styles Navigateur Windows Environnements Moteur Trident Description Dvelopp par Microsoft (1995), il est install doffice avec le systme dexploitation Windows Dvelopp par lditeur de logiciel norvgien Opera Software (1995) et est trs populaire pour sa version mobile Navigateur Open Source, dvelopp distribu par la Mozilla Foundation (2002) et

Linux, Mac OS X, Windows, BSD, Solaris, Nintendo Wii et DS, Symbian, Presto iOS, Android Windows, Mac OS X et GNU/Linux Gecko HTML WebKit HTML WebKit

Mac OS X, iOS et Windows

Install par dfaut pour Mac OS X (Apple) depuis quInternet Explorer nest plus dvelopp par Microsoft sur Mac (2003) Produit par Google, Chrome est le dernier navigateur n (septembre 2008)

Windows, Mac OS X et GNU/Linux

3.8 Les liens


Un lien est dfini par une source (un texte ventuellement affich) est une cible, la page vers laquelle renvois la source.

Dans ce lien

la balise < a href="http://www.siteduzero.com"> permet de dterminer la cible. Site du Zro est le texte affich, gnralement soulign, mais le graphisme des liens peut tre entirement dtermin via la feuille de style.

Diffrents type de liens

Un lien vers une page d'un site :< a href="http://www.tahitidocs.com/cours/ecrans/faireEpub.html">Cette page</a>. Ici, la cible est une page prcise, faireEpub.html situe dans le rpertoire crans qui est lui-mme un sousrpertoire de cours situ sur le site www.tahitidocs.com Un lien vers une ancre. Une ancre est un point de repre gnralement invisible plac dans une page. Il sert de cible un lien hypertexte. Comme pour tous les liens, deux lments sont ncessaires :
25

la source la cible

Cette ancre pourra se trouver sur une autre page que celle affiche, l'on adjoindra alors simplement l'identifiant de l'ancre la page : http://www.tahitidocs.com/cours/ecrans/faireEpub.html#mon_ancre Une infobulle. Lors du survol du lien, il pourra tre utile est souvent ncessaire, ne serais-ce qu'en matire d'accessibilit, de donner un titre au lien. C'est ce titre qui sera affich. Pour cela il suffit d'insrer le mot title = "" <a href="http://www.tahitidocs.com" title="Infobulle">lien</a>?

26

Les images, la vido, l'audio


Toutes les nouvelles balises HTML5 ne sont pas supportes par toutes les liseuses. HTML5 IBooks Safari Books Kindle Apps Kindle Fire <canvas> ::geoloc:: <audio> <vido> MathML

4.1 Les images


Les formats les plus couramment rpandus sur le Web sont le jpeg et le PNG. Le format Jpeg est conu pour rduire le poids des photos (c'est--dire la taille du fichier associ), et dgrade assez peu l'original lors de la compression. Le format PNG, plus rcent, est adapt la plupart des graphiques et est destin remplacer le format GIF. L'EPUB prend en compte les images au format svg. Il s'agit d'un format vectoriel, qui vite donc aux images de se dformer, de pixelliser, lors de leur redimensionnement, ce qui est important notamment pour la page de couverture. De fait l'on se souciera simplement ici de n'utiliser que des images au format jpeg (pour les photos) et png (pour les graphiques), en prenant soin de les rduire la bonne taille. Attention aux png qui peuvent prendre des tailles bien diffrentes selon leur encodage. La balise <img> est de type orpheline. Comme la balise retour de ligne elle n'est pas ferme. On n'omettra cependant pas de l'indiquer par le caractre />. On lui adjoint deux attributs :
src= qui indique l'adresse de l'image soit sous forme de chemin absolu (exemple : http://www.site.com/fleur.png), soit de chemin relatif (exemple : images/fleur.png) alt= cela signifie texte alternatif . On doit toujours indiquer un texte alternatif l'image, qui dcrit ce que contient l'image. Ce texte sera affich la place de l'image si celle-ci ne peut pas tre tlcharge, ou dans les navigateurs de personnes handicapes (non-voyants). <img src=ylang.jpg alt="Mon arbre prfr, le Ylang Ylang">Image d'Ylang Ylang />
27

Il est possible dassocier une lgende optionnelle <figcaption> du contenu regroup en un bloc, qui peut tre indpendant du contenu principal du document. Le rle de <figcaption> est de confrer une lgende llment <figure>. <figure> <img src="goyave.jpg"> <figcaption>Photo de goyave</figcaption> </figure>

4.2 L'audio
Pour diffuser de la musique ou n'importe quel son, il existe de nombreux formats :

MP3 : C'est l'un des plus vieux, mais aussi l'un des plus compatibles (tous les appareils savent lire des MP3), ce qui fait qu'il est toujours trs utilis aujourd'hui AAC : utilis majoritairement par Apple sur iTunes, c'est un format de bonne qualit. Les iPod, iPhone et autres iPad savent les lire sans problme OGG : le format Ogg Vorbis est trs rpandu dans le monde du logiciel libre, notamment sous Linux. Ce format a l'avantage d'tre libre WAV (format non compress) : fichier est trs volumineux, viter

Aucun navigateur ne gre tous ces formats la fois. On a peut tre enterr un peu vite Flash d'Adobe, qui avait au moins le mrite de prendre en charge les fichiers audios et vidos. On ne retiendra ici que la compatibilit OGG et, surtout, celle-ci tant prise en charge par EPUB, MP3 Navigateur MP3 OGG AAC Wav AIIF AU

Internet explorer : support du MP3 partir de la version 9. OGG : (loop) MP3 : (loop) Ct code cela oblige implmenter au moins deux formats de fichiers. Idalement, il faudrait mme proposer un troisime, en version Flash.

28

<audio> <source src="http://www.nch.com.au/acm/sample.mp3" autoplay controls loop> <source src="http://www.nch.com.au/acm/sample.ogg" autoplay controls loop></audio> Pour les livres lectroniques, le code sera le suivant : <audio id="audio_1" src="audio.mp3" controls title="Audio au sujet de ..."><br/>Cet emplacement permet de jouer un contenu audio qui n'est pas actuellement pris en charge par votre appareil. La lgende de ce contenu est affiche ci-dessous.<br/></audio>

balise src : obligatoire) identifie le fichier audio intgr, qui doit tre au format MP3. balise title : (facultative) identifie la description de l'audio. balise controls : (obligatoire, sauf si vous souhaitez fournir votre propre image pour le dmarrage de la lecture vido) indique l'application Kindle qu'il faut afficher les contrles pour couter le clip audio intgr. texte : (obligatoire) Les appareils qui ne prennent pas en charge de contenu audio affichent le texte inscrit entre les balises <audio></audio>. Si les utilisateurs visualisent ce livre lectronique sur un appareil qui ne prend pas en charge l'audio, ils peuvent lire ce texte la place. balise id : (facultative) doit tre rserv ce document si lon en utilise un.

Lorsque vous intgrez des fichiers audio et vido un livre lectronique, crez un rpertoire audiovideo pour stocker ces fichiers. Lorsque vous faites rfrence au fichier audio ou vido, incorporez le nom du rpertoire dans le code HTML (Exemple : audiovideo/nom_de_fichier.)

4.3 La vido
Comme pour l'audio, aucun format vido n'est pris en charge par tous les navigateurs. Nous n'en retiendrons donc que deux :

Ogg Theora (.ogv) : Theora est un format de compression vido open source, sans devoir payer de redevance au consortium MPEG. H.264 (.mp4) : H.264 est propos par le Moving Picture Experts Group. Cest un format non libre (soumis brevets) et non gratuit. Toutefois, il n'est gratuit que dans certaines utilisations (la diffusion gratuite de vidos par des sites web, par exemple).

MP4 est reconnu par EPUB. <video> <source src="video.ogv" type="video/ogg"> <source src="video.mp4" type="video/mp4"> </video> Pour les besoins de publication lectronique, tlchargez la vido dans un repertoire et ajoutez-l avec le code suivant :

La raison relle qui amne la plupart des entreprises proposer des applications est le plus souvent mercantile. Il s'agit de crer un co systme captif. Et bien souvent, les applications ne font gure mieux que leur quivalent en version navigateur... Il est particulirement regrettable que tous les navigateurs et toutes les applications ne lisent pas aussi, et avant tout, un format audio ou vido non propritaire. De la mme manire, tous devraient respecter des critres d'interoprabilit, au moins des donnes de l'utilisateur et tous devraient proposer par dfaut le silence des puces, autrement dit aucun envoi de donnes sans autorisation pralable.
29

<video id="video_1" src="movie.mp4" controls poster="start.jpg" title="Vido au sujet de ......"><br/> cet emplacement s'affiche normalement un contenu vido qui n'est pas actuellement pris en charge par votre appareil. La lgende de ce contenu est affiche ci-dessous.<br/></video> Contenu vido non pris en charge par votre appareil.

balise src : (obligatoire) identifie le fichier de la vido intgre. balise title : (obligatoire) identifie la description de la vido. balise poster : (obligatoire) identifie le fichier de l'image indiquant un espace rserv la vido. Les utilisateurs voient cette image dans le livre numrique avant que la vido ne passe. Cette image peut tre la premire trame de la vido ou une trame qui la reprsente au mieux, selon votre choix. Cet lment est galement obligatoire. (Si lon ne prcise aucun fichier, une image noire et vide s'affichera.) balise controls : (obligatoire, sauf si vous souhaitez fournir votre propre image pour le dmarrage de la lecture vido) indique l'application Kindle qu'il faut afficher les contrles pour voir la vido intgre. texte : (obligatoire) Les appareils qui ne prennent pas en charge de contenu vido affichent le texte inscrit entre les balises <video> et </video>. Si les utilisateurs visualisent ce livre lectronique sur un appareil qui ne prend pas en charge la vido, ils peuvent lire ce texte la place. balise id : (facultative) doit tre rserv ce document si lon en utilise un.

Lorsque vous intgrez des fichiers audio et vido un livre lectronique, crez un rpertoire audiovideo pour stocker ces fichiers. Lorsque vous faites rfrence au fichier audio ou vido, incorporez le nom du rpertoire dans le code HTML (Exemple : audiovideo/nom_de_fichier.)

Le style
5.1 Le css3
Le CSS (Cascading Style Sheets), c'est cet autre langage, n en 1996, qui vient complter le HTML pour grer la mise en forme d'un site Web. Une feuille de style va donc permettre de mettre en forme tous les lments de votre document. Les titres (h1, h2, h3), les paragraphes, les citations, les marges, les images, tout cela va tre trait via cette page. Malheureusement, tous les navigateurs ne prennent pas encore en compte actuellement (avril 2013) le CSS3, la toute dernire version des feuilles de style.

Cette page, va vous permettre des connatre la compatibilit de votre navigateur. Toute la question est alors de savoir jusqu' quelle version de rtrocompatibilit l'on assure le service. De faon gnrale, il est toujours recommand de mettre jour son navigateur, ne serait-ce que pour des questions de scurit.

30

5.2 Le "reset" HTML


Tous les navigateurs ont un rendu de style par dfaut... mais pas le mme. Pour connatre ce rendu il suffit d'afficher cette page. Les diffrences sont certes minimes, mais pour uniformiser le rendu, les feuilles de styles remettent gnralement toutes les valeurs zro. Le reset CSS est une technique qui consiste rinitialiser 0 la valeur de certains voire tous les lments HTML afin d'viter une partie des diffrences d'affichage sur les divers navigateurs. A titre d'exemple, vous pouvez voir ce texte sans style, et avec tous les styles mis zro. Il existe des modles de feuilles de style par dfaut de remise zro, par exemple ici : http://www.cssreset.com/ Vous pouvez galement insrer tout simplement la ligne suivante dans votre feuille de style : @import url(http://reset5.googlecode.com/hg/reset.min.css);

5.3 La feuille de style minimale


Exemple de feuille de style. Pour commencer faisons un "reset" de la page.

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, img, small, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; text-align: left; }

/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;border-spacing: 0;}

Ensuite, nous allons indiquer la police utilise. Par exemple, pour les paragraphes, on peut rgler la taille et le style de police : p{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
31

font-size:16px; }

L'on va aussi donner un style aux diffrents lments de la page : liens (a), titres (h1, h2, h3...), etc. h1,h2,h3,h4,h5,h6 { color:#333; font-weight: bold;} h1 {font-size:2.5em; margin: .67em 0 .67em 0;} h2 {font-size:1.8em; margin: .8em font-weight: bold; color: #336699; font-style: italic;} h3{font-size:1.7143em; margin-left:1em; margin-bottom:.2em} Pour appliquer la feuille de style un document au format HTML, l'on fera appel elle tout simplement par la ligne suivante : <link rel="stylesheet" href="styles.css"> Vous pouvez galement rutiliser la feuille de style applique ce texte, tous simplement en l'appelant via le code suivant : <link rel="stylesheet" media="screen" href="http://www.tahitidocs.com/cours/epub/css/styleEpub.css" type="text/css"> o styleEpub.css est le nom de la feuille de style. A noter ! Nous pourrions parfaitement raliser plusieurs feuilles de styles et afficher le document diffremment, par exemple :

pour un cran dont la largeur d'affichage est infrieure 640 px : <style media="screen and (max-width:640px)"> /* instructions CSS */ </style> Pour l'impression <style media="print"> /* instructions CSS */ </style>

Mais il ne s'agit pas, ici de faire un cours complet sur le CSS, loin de l. Pour plus d'information je vous renvoie donc ici.

32

La validation du document
6.1 En ligne
Le World Wide Web Consortium (W3C) a en charge la normalisation des changes via le rseau Internet, notamment la publication des spcifications des langages HTML, XHTML, XML, du DOM (document object model), des feuilles de styles, etc. Les navigateurs ne sont en fait que des logiciels qui mettent en forme des pages HTML, en s'appuyant sur des moteurs de rendu.

Les principaux sont les suivants :


Trident (Internet Explorer) WebKit (Chrome, Safari, Androd) Gecko (Firefox, K-meleon) Presto (Opra) KHTML (Konkeror)

Une application peut galement utiliser l'un de ces moteurs de rendu. Les rendus l'cran ne sont pas toujours les mmes, mais aucune technique, sauf raliser des feuilles de styles diffrentes pour chaque type et version de navigateur, ne permet de contrler entirement le rsultat l'cran. La premire chose faire est donc de vrifier le rendu en affichant la page dans diffrents navigateur : Chrome, Firefox, Opra, Safari, et Internet explorer, qui brille surtout par son absence de respect des normes HTML, bien qu'il y ait quelques progrs ces derniers temps. Malgr cela, les dernires versions de navigateur permettent des mises en page trs correctes. N'oublions pas que tout le texte pourra tre redimensionn ensuite selon le terminal d'affichage et que l'essentiel est de conserver des proportions harmonieuses.

6.2 Avec HTML validator


Le W3C propose sur son site web un outil appel le Validateur ( Validator en anglais). Le validateur est une sorte de programme qui va analyser votre code source et vous dire s'il est correctement crit ou s'il comporte des erreurs que vous devez corriger. La validation est donc en quelque sorte une certification de l'absence de faute grammaticale dans le HTML. Vous pouvez valider votre page web de trois faons diffrentes, via trois onglets :

adresse (URL) ; envoi du fichier .html ; copier-coller du code HTML.

33

http://validator.w3.org Il faut veiller cocher la case xhtml lors de la validation. Si votre document est valide (plus de message d'erreur, les avertissements ne sont pas un gros problme) il est prt pour la conversion. Dans le cas contraire il faudra corriger les erreurs signales. L'indication des lignes o se trouvent les erreurs permettent de les retrouver facilement (en tout cas avec un diteur affichant les numros de lignes). A noter ! Une page peut comporter beaucoup d'erreurs et s'afficher correctement... dans un navigateur, mais pas une tablette. Il faut donc imprativement corriger le code pour esprer avoir un document lisible par (presque) tous les logiciels.

34

La conversion avec Calibre


7.1 Tlcharger, installer, utiliser
Calibre de Convertor And LIBRary for Ebooks est un logiciel Open Source permettant de grer votre collection d'e-books en toute simplicit. Grce celui-ci, vous pourrez, en effet, enregistrer vos E-books, les convertir, les grer. Le site permet de tlcharger Calibre et de consulter l'aide (en anglais) ou la FAQ. L'installation est on ne peut plus simple. L'objet de ce tutoriel n'est pas l'utilisation de Calibre mais simplement la fonction convertir. Pour plus d'information un tutoriel plus gnral est propos en divers formats, PDF, EPUB ou CALAMEO.

7.2 Importer un fichier


La premire tape consiste ajouter un livre la Bibliothque. Pour cela, lancez Calibre puis cliquez sur l'icne et slectionnez le fichier que vous avez cr au format HTML (par exemple). Vous pouvez importer un ou plusieurs livres la fois. Ce fichier est alors ajout la bibliothque, au format ZIP. Vous pouvez l'afficher pour le lire. Vous pouvez galement importer les mtadonnes d'un livre partir de son ISBN.

Il suffit ensuite d'ajouter un ou plusieurs ISBN.

35

Les mtadonnes sont alors rcupres, quelquefois mme la couverture.

36

7.3 Formats de conversion


Le fichier est d'abord transform en XHTML ce qui est facilit par la ralisation d'un fichier HTML conforme et valid via le site en ligne du W3C (voir 6.2 validation en ligne). Ensuite, ce fichier est transform dans un autre format, en l'occurrence EPUB. Les formats les plus facilement transforms sont, dans l'ordre : LIT, MOBI, AZW, EPUB, AZW3, FB2, HTML, PRC, RTF, PDB, TXT, PDF. Convertir partir d'un PDF reste compliqu. Les fichiers HTML doivent de prfrence tre encods en UTF-8. Calibre traite en entre ou en sortie un nombre impressionnant de formats : - Input Formats : CBZ, CBR, CBC, CHM, DJVU, EPUB, FB2, HTML, HTMLZ, LIT, LRF, MOBI, ODT, PDF, PRC, PDB, PML, RB, RTF, SNB, TCR, TXT, TXTZ - Output Formats : AZW3, EPUB, FB2, OEB, LIT, LRF, MOBI, HTMLZ, PDB, PML, RB, PDF, RTF, SNB, TCR, TXT, TXTZ source : http://manual.calibre-ebook.com/conversion.html

7.4 Convertion
Lancement Cliquez sur le document convertir puis sur le bouton FAIRE BOUTON. Le format d'entre, ZIP, a t reconnu, celui de sortie est par dfaut EPUB. Diffrents crans vont vous permettre de mieux mettre en forme vote fichier original. Notons que de nombreux champs sont prremplis puisqu'ils ont t reconnus par Calibre. Le bouton Dboguer, tous en bas de la colonne de gauche, permet de gnrer un fichier temporaire qui chaque tape du processus de cration. Pour cela, vous devez prciser le rpertoire dans lequel ce fichier va tre cr. Vous pouvez ainsi tester vos modifications avant de crer le fichier dfinitif.

37

Mtadonnes

Les principaux champs, auteur, titre ont t rcupr. Pour faciliter le classement des ouvrages, vous pouvez ventuellement ajouter des tiquettes (cls de rangement) par exemple ici "Tutoriel". Un rsum pourra galement tre propos. Le champ modifier l'image de couverture va permettre de choisir une image de fond pour la premire de couverture. Si vous ne le renseignez pas, une image gnrique va tre produite. Vous pouvez galement changer la couverture ultrieurement. La taille de l'image retenue ici est de 300 X 400 pixels environ.

38

Prsentation Normalement, les lments de type famille de police et taille ont t reconnus, notamment via la feuille de style. Mais vous pouvez ici les modifier, voire importer vos propres polices. La taille de base de la police va gnrer les autres tailles pour conserver l'harmonie de la prsentation. Vous pouvez galement modifier ici l'espacement des paragraphes, l'interlignage etc. Mais tout l'intrt de la production d'un fichier HTML conforme au dpart est justement de minimiser tous ces rglages. Vous pouvez donc parfaitement laisser ces champs, tout comme l'cran suivant, leur valeur par dfaut.

Mise en page La rubrique Mise en page permet essentiellement de slectionner le type de sortie parmi un choix assez consquent. Par dfaut c'est le mode Tablet qui est slectionn. Mais vous pouvez galement publier pour d'autres types de tablette (Kindle, Ipad, Kobo, Sony etc.). Le champ description permet de se faire une ide plus prcise des diffrents types de sortie demands. Dtection de la structure

39

Mme remarques concernant la dtection de la structure que pour le reste des rglages. Votre document tant correctement structur la base, les niveaux de titres (h1, h2 etc.) sont reconnus. Vous pouvez ventuellement cocher la case "Insrer les mtadonnes comme page au dbut du livre" si cela vous semble pertinent. Table des matires Si vous avez une table des matires en mtadonne, celle-ci pourra tre utilise. Dans ce cas, vous pouvez cocher la case "Forcer l'utilisation d'une Table des Matires auto-gnre. Vous pouvez galement choisir de "Ne pas ajouter les chapitres dtects la table des matires" en cochant la case approprie. Par dfaut Calibre va tout simplement tenter de reconnatre la structure de votre document et gnrer des liens hypertextes vers les titres (h1) et sous-titres (h2).

Rechercher & remplacer Comme son nom l'indique Rechercher et remplacer permet de chercher une occurrence et la remplacer par une autre. Sortie Epub Le dernier bouton permet de prciser les rglages du fichier EPUB : taille maximale, prsence ou non d'image de couverture. Si vous n'avez pas utilis d'image au format SVG pour la couverture, il est recommand de cocher "conserver les proportions de la couverture" pour viter sa dformation.

Le bouton OK va lancer la conversion, une icne vous indique son tat d'avancement. Si le rsultat ne vous convient pas, vous pouvez modifier directement les mtadonnes, soit en cliquant sur l'icne prvue cet effet, soit par un clic droit sur le fichier.

7.5 Enregistrer le fichier

40

Pour enregistrer le fichier sur votre disque dur, il suffit de faire un clic avec le bouton droit sur le fichier EPUB. Une fentre vous propose ensuite de choisir l'endroit o vous souhaitez l'enregistrer. Vous pouvez ainsi diffuser votre livre par exemple en l'envoyant en pice jointe, en le proposant en tlchargement sur un site, ou en via des bibliothques numriques, ce qui l'objet du chapitre suivant...

7.6 Modifier, corriger le fichier EPUB


Pour extraire le contenu d'un fichier ePub, il suffit de le dcompresser, par exemple avec 7-Zip. Tous les fichiers apparaissent alors en clair et vous pouvez les diter avec un diteur de texte. Les fichiers les plus importants :

toc.ncx : c'est la table des matires interactive. Vous pouvez ventuellement corriger quelques erreurs. Par exemple ici le noeud <navPoint id="ued23e387-a415-42b3-8cde-765ff4f8b439" playOrder="0"> <navLabel> <text>cette page</text> </navLabel> <content src="support.html"/> </navPoint> ne correspondait rien et a donc t supprim.

41

content.opf : contient les mtadonnes sur louvrage ainsi quune liste des fichiers de contenu. La section "metadata" apporte des informations sur le contenu, la section "manifest" liste les fichiers (images) utiliss, la section "spine" l'ordre d'apparition des fichiers html et la section "guide" donne l'adresse de la page de couverture.

Pour reconstruire votre EPUB, il suffit de faire la dmarche inverse. Slectionner tous les fichiers, les ajouter l'archive au format ZIP. Renommer enfin avec l'extension EPUB et votre fichier, corrig ou enrichi est prt pour la lecture.

42

Lire, publier le livre


Le format EPUB est pris en charge par l'ensemble des liseuses, sauf la Kindle.

8.1 Avec la visionneuse de Calibre


Cliquer sur la bouton "Ajouter un livre". Les livres protgs par DRM ne peuvent pas tre lus avec la visionneuse de Calibre. Pour le reste, l'essentiel des fonctions s'y trouvent : Navigation avec un effet paramtrable, table des matires, signets, information sur le style, thmes... Aide

8.2 Avec Adobe Digital edition


Adobe Digital Editions est un lecteur gratuit d'eBooks et de publications numriques qui permet d'acheter, de tlcharger et de lire des livres numriques au format PDF et EPUB. On retrouve les principales fonctionnalits minimales de ce type de lecteur : gestion des signets, taille du texte, recherche, table des matires, mode bibliothque et mode lecture. En mode Bibliothque, vous pouvez ajouter des lments dans votre bibliothque. Vous pouvez procder de diffrentes manires :

l'aide de la commande de menu Ajouter l'lment la bibliothque (ou du raccourci clavier correspondant) ;. Par glisser-dposer des fichiers depuis le Bureau ou l'Explorateur de fichiers ;

Tlcharger le logiciel Aide

43

8.3 Publier et lire avec Kindle


Kindle est une liseuse vendue par Amazon. L'application de lecture est gratuite et peut s'installer sur diffrents terminaux : ordinateurs, liseuses, tablettes, tlphones... De nombreuses fonctions sont proposes : Synchronisation automatique de vos ebooks sur tous vos appareils compatibles Kindle, dictionnaire intgr, recherche, thmes, notes... Ici encore vous tes dans un cosystme ferm, tout se passe en ligne aprs avoir cr un compte chez Amazon.

44

45

Pour publier un livre, rendez-vous sur le site : https://kdp.amazon.com/self-publishing/signin et suivez la procdure d'ajout de votre livre. Vous pouvez galement installer Kindle Previewer, un outil qui mule l'affichage des livres sur les appareils et applications Kindle. La documentation pour Kindle Previewer est disponible en tlchargement aux formats Kindle et PDF Une fois le previewer install, cliquez sur le lien "ajouter un livre pour un aperu. Les formats reconnus sont les suivants : MOBI, EPUB, HTML, OPF. Pour faciliter la procdure, faites une conversion au format MOBI avec Calibre, exportez-le puis ouvrez-le avec le previewer. Vous pouvez, ds lors, visionner le rsultat sur les diffrents modles de Kindle.
46

Quelques recommandations :

Le texte du corps ne doit pas subir d'alignement forc (par exemple align gauche ou justifi). Ne pas imposer au texte du corps la couleur de police. Utilisez les attributs CSS page-break-before et page-break-after pour les sauts de page. Marges et bordure intrieure (margin et padding) doivent tre prcises en pourcentage (%) au lieu d'units em. La couverture est une image JPEG de 2500 pixels (avec un minimum de 1000 pixels) sur son ct le plus long. Les tableaux doivent tre utiliss uniquement pour prsenter des donnes tabulaires. Le livre ne doit comporter aucune rfrence aux numros de page, y compris dans les renvois, la table des matires et l'index. Le livre ne doit comporter aucune rfrence aux numros de page, y compris dans les renvois, la table des matires et l'index. Les images ne doivent pas tre trop petites.

A ce stade, vous pouvez galement visionner directement le rsultat dans le logiciel Kindle pour PC.

Un guide trs complet pour peaufiner vos documents : http://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines_FR.pdf

8.4 Avec Ibooks


Comme toujours chez Apple, l'application Ibooks est totalement ferme. Soit vous disposez d'une tablette, soit il vous est quasi impossible d'installer l'application, mme sur un ordinateur de la marque. Ajoutons que le dveloppement d'applications ncessite le paiement d'un code dveloppeur et vous tes dans l'ecosystme assurment le plus ferm, celui d'Apple : carte bleue obligatoire! Fichier propritaires, applications fermes, obsolescence programme, toutes sortes de pratiques que ne sauraient cautionner l'auteur de cette page. Pour ajouter un livre, ouvrir Itunes, cliquez sur Fichier / Ajouter le fichier la bibliothque. Le livre est ensuite synchronis avec votre application.

8.5 Publier sur Google books


Pour publier des livres sur Google books, connectez-vous avec votre compte, puis suivez la procdure. Pour importer un fichier l'aide de l'outil Google Uploader, procdez comme suit :
47

1. 2. 3. 4. 5.

Connectez-vous votre compte Google Livres Cliquez sur le lien Ajouter/Mettre jour des livres Cliquez sur le lien Transfrer/Expdier les livres Cliquez sur le bouton Lancer Google Uploader Ajoutez vos fichiers en les faisant glisser dans la fentre de Google Uploader ou en les recherchant l'aide du bouton Ajouter des livres 6. Ajoutez vos informations bibliographiques, y compris l'ISBN, le titre et les autres paramtres d'aperu 7. Cliquez sur le bouton Transfrer des fichiers pour dmarrer l'importation 8. Attendez la fin de l'opration http://support.google.com/books/partner/bin/answer.py?hl=fr&answer=40288

48

Raliser un EPUB manuellement


9.1 La structure du dossier
L'arborescence d'un EPUB est constitue de deux rpertoires principaux, OEBPS et META-INF. La quasi totalit des fichiers se trouve dans le rpertoire OEBPS que l'on pourra scinder en autant de sous rpertoires (images, vido, audio...) que ncessaire. Les fichiers mime et container.xml sont crs une fois et restent en gnral les mmes pour tous les projets. Pour faire manuellement un EPUB, il s'agit donc en quelque sorte de crer un mini site Web. De fait, l'on peut assimiler un fichier EPUB un minisite Web qui serait compress. Pour cela crer :

Un rpertoire nomm OEBPS qui contiendra les fichiers HTML (norme XHTML), la feuille de style et deux fichiers trs importants (voir 9.9 et 9.3) toc.ncx et content.opf. Dans ce rpertoire, crer deux sous-rpertoires : Un rpertoire pour les images nomms images Un rpertoire pour les fichiers audio et vido nomm audioVido Un rpertoire nomm META-INF

Cration du fichier mimetype


49

Le contenu de ce fichier se limite une, et une seule ligne. Ce contenu est toujours le mme, quelque soit votre projet de fichier EPUB. Ce fichier ne possde pas d'extension. Il sert simplement indiquer aux ordinateurs le type de fichier, en loccurrence .epub (application/epub+zip). Attention ! Ce fichier ne doit pas tre compress. Il faut donc d'abord compresser tous les autres fichiers, puis l'ajouter l'archive. application/epub+zip Cration du fichier container.xml Dans META-INF, crer un fichier nomm container.xml. De fichier sert principalement indiquer o se trouve le contenu de lebook. <?xml version="1.0"?> <container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container"> <rootfiles> <rootfile full-path="OEBPS/content.opf" media-type="application/oebps-package+xml" /> </rootfiles> </container> Sauf modification du nom ou de l'emplacement du fichier content.opf, le contenu de ce fichier ne changera pas. On pourra ajouter un fichier (option) com.apple.ibooks.display-options.xml qui permet de rgler certains rendus pour le logiciel de lecture dApple, iBooks. La structure de base de votre document est prte. Tous les autres fichiers seront placs dans le rpertoire OEPBS. Vous y placerez tous vos fichiers HTML, un rpertoire pour vos images (la cration d'un rpertoire est facultative mais facilite l'organisation), un autre rpertoire (le cas chant) pour vos fichiers audio et vido.

9.2 Le fichier toc.ncx


La structure de la table des matires et lordre des pages sont dfini s dans le fichier toc.ncx. Ce fichier n'est plus ncessaire en EPUB version 3 mais pour des raisons de compatibilit actuelle, il est recommand de le conserver. Le fichier toc.ncx est un fichier au format XML qui commence par les lignes suivantes : <?xml version="1.0" encoding="UTF-8"?> <ncx version="2005-1" xml:lang="fr" xmlns="http://www.daisy.org/z3986/2005/ncx/"> Puis vient l'entte du document, qui contient quatres lments :

dtb:uid : contient un identifiant unique, qui peut tre l'ISBN ou un nombre unique (UUID) gnr par exemple en le prfixant par urn:uuid: dtb:depth : Nombre de niveaux et de sous niveaux de la table des matires. Par exemple 1 niveau pour les pages liminaires, couverture, index, titres principaux et 1 niveau pour les sous-sections des chapitres dtb:totalPageCount : Cet lment doit tre prsent mais n'est utilis que pour les ouvrages papier, sa valeur est donc zro.

50

dtb:maxPageNumber : Cet lment doit tre prsent mais n'est utilis que pour les ouvrages papier, sa valeur est donc zro.

Vient ensuite l'lment title, qui, comme son nom l'indique, contient le titre du document. <head> <meta name="dtb:uid" content="30e08b74-a19e-44d4-87d5-c1dc5e7c51fa"/> <meta name="dtb:depth" content="2"/> <meta name="dtb:totalPageCount" content="0"/> <meta name="dtb:maxPageNumber" content="0"/> </head> <docTitle><text>Comment raliser un livre au format EPUB ?</text></docTitle> L'lment nav contient la table des matires telle qu'elle sera affiche par la tablette. Chaque entre de la table est dfinie par un lment navPoint qui possde deux attributs :

id : un identifiant unique d'entre dans la table playOrder : la place dans la table

A l'intrieur de chaque lment navPoint, l'on place un lment navLabel qui indique le nom de l'entre dans un lment text, par exemple la couverture. Vient enfin la cible du lien : <content src="couverture.html"/> <navMap> <navPoint id="navpoint001" playOrder="1"> <navLabel><text>Couverture</text></navLabel> <content src="couverture.html"/> </navPoint> <navPoint id="navpoint002" playOrder="2"> <navLabel><text>Prsentation</text></navLabel> <content src="abstract.html"/> </navPoint> <navPoint id="navpoint003" playOrder="3"> <navLabel><text>Table des matires</text></navLabel> <content src="table.html"/> </navPoint>

9.3 Le fichier content.opf


L'ensemble des ressources, c'est--dire l'ensemble des fichiers comportant le contenu de notre eBook (texte, images), est rfrenc dans le fichier content.opf. Le fichier content.opf (opf, pour Open Publication Format) est le fichier de plus important. Qu'est-ce dire ? Il sert Quatre fonctions essentielles :

l'identification du fichier epub; la description du fichier avec les mtadonnes; le listage des lments du fichier; l'ordre dans lequel ces lments doivent tre affichs.
51

<?xml version="1.0" encoding="utf-8" standalone="yes"?> <package xmlns="http://www.idpf.org/2007/opf" unique-identifier="BookID" version="3.0"> <metadata> </metadata> <manifest> </manifest> <spine> </spine> <guide> </guide> </package> L'identification L'unique-identifier ou identifiant unique, ici "BookID" peut tre l'iSBN d'un livre ou alors un uuid (numro unique) gnr par un logiciel, par exemple urn:uuid:200901056906. Les mta donnes <metadata xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:opf="http://www.idpf.org/2007/opf"> <dc:identifier id="BookID" opf:scheme="uuid">urn:uuid:200901056906</dc:identifier> <dc:identifier opf:scheme="URI">http://www.tahitidocs.com/cours/epub/faireEpub.html</dc:identifier> <dc:title>Comment raliser un livre au format EPUB ?</dc:title> <dc:language>fr-FR</dc:language> <dc:creator opf:role="aut">Denis Weiss</dc:creator> <dc:date opf:event="creation">2013-04-01T00:00:00Z</dc:date> <dc:date opf:event="publication">2013-04-01T00:00:00Z</dc:date> <dc:description>Tutoriel sur la ralisation d'un livre lectronique au format EPUB3 partir d'un document ralis en HTML5 et css3. Conversion avec Calibre. Mise en ligne.</dc:description> <meta name="cover" content="images/couverture.png"/> </metadata> Le Manifest L'lment manifest contient la liste des fichiers constituant la publication lectronique. La manifest liste toutes les ressources prsentes dans la publication lectronique : les pages web, les feuilles de style, les polices incorpores, les images, la table des matires .ncx, les lments audios et vidos, etc. Elle doit lister toutes les ressources utilises sans quoi le fichier epub ne sera pas valide. L'ordre des entres n'a pas importance. <manifest> <item href="stylemini.css" id="stylesheet" media-type="text/css"/> <item href="cover.css" id="covercss" media-type="text/css"/> <item href="toc.ncx" id="ncx" media-type="application/x-dtbncx+xml"/> <item href="audioVideo/son.mp3" id="son01" media-type="audio/mpeg"/> </manifest> Spine L'lment spine permet d'indiquer l'ordre d'affichage des fichiers. Il possde un attribut toc="ncx" qui indique qu'il faut se servir du fichier .ncx pour construire la table des matires. <spine toc="ncx"> <itemref idref="couverture"/> <itemref idref="abstract"/>
52

<itemref idref="table"/> <itemref idref="html001"/> <itemref idref="html002"/> <itemref idref="annexe-01"/> <itemref idref="sitographie"/> </spine> Guide Dclar obsolte par la spcification 3 de l'EPUB, cet lment permettait de dcrire plus prcisment certaines parties du fichier epub (couverture, prface, index, etc.) http://www.w3schools.com/xml/xml_validator.asp http://fr.slideshare.net/cwehrung/epub-3-html-5-css-3-fixedlayout http://www.numericus-glutinator.org/fabrication-livre-numerique/epub-content-opf/311

9.4 SIGIL
Sigil est un logiciel Libre qui permet d'diter les fichiers aux formats EPUB, HTML et TXT. La structure d'un fichier EPUB, la table des matires peuvent tre modifis ou crs. Malheureusement le format EPUB3 n'est pas (encore) support actuellement. http://code.google.com/p/sigil/downloads/list

53

Lorsque vous ouvrez un fichier au format Epub ou si vous enregistrez un fichier au format Epub, la structure de base est cre, le fichier est compress et enregistr avec l'extension .epub. A l'ouverture d'un fichier EPub, celui-ci est analys et ventuellement corrig puis sa structures est affiche (fichiers, table de matires). Vous pouvez retravailler votre livre lectronique, le modifier, changer la table, ajouter des fichiers etc.

Lire, tlcharger ce document


Ce document est consultable ou tlchargeable en divers formats. Conformment la charte Creative commons, vous tes libres de le partager, le reproduire, distribuer et communiquer :

Vous devez attribuer l'uvre de la manire indique par l'auteur de l' uvre ou le titulaire des droits (mais pas d'une manire qui suggrerait qu'ils vous approuvent, vous ou votre utilisation de l'uvre). Pas d'Utilisation Commerciale Vous n'avez pas le droit d'utiliser cette uvre des fins commerciales. Pas d'uvres drives Vous n'avez pas le droit de modifier, de transformer ou d'adapter cette uvre.

Contact : http://www.tahitidocs.com/outils/mails/contact.php

Sitographie restreinte
Jacques Andr. Petites leons de typographie. http://jacques-andre.fr/faqtypo/lessons.pdf Elizabeth Castro. Crez des documents ePub. Pearson. ISBN : 978-2744024672 Accessibilit. 30 jours pour rendre son site plus accessible. http://www.la-grange.net/accessibilite/table_of_contents.html Epub. Site officiel de l'International Digital Publishing Foru (idpg). http://idpf.org/ EpubCheck. Validation en ligne d'un fichier EPUB : http://validator.idpf.org/ HTML5test. Pour tester la compatibilit html5 de son navigateur. http://html5test.com/ Le site du zro. Excellent site de ressources pour les dbutants. http://www.siteduzero.com/ Note Pad++. Un diteur de texte. http://notepad-plus-plus.org/ OpenWeb. Une rfrence historique francophone sur les standards du Web. http://openweb.eu.org/ Pompage. Articles sur la conception web. http://www.pompage.net/ Walrus. Studio de cration spcialis dans la fabrication de livres numriques (ebooks) au format EPUB. http://walrusbooks.com/

Cette uvre est mise disposition selon les termes de la Licence Creative Commons Attribution - Pas dUtilisation Commerciale - Pas de Modification 3.0 non transpos
54