Professional Documents
Culture Documents
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
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
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.
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
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.
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 ?
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)
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
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
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.
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
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
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
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
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 © € ¢ $ £ 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; Alt+0230 Alt+0198 , œ Oelig; Alt+339 Alt+338 É « » … § ± • ∑ √ ∞ µ ° φ ψ Ω ε ¼ ½ ⅓ – - | Ø ¶ ¬ ƒ 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 -
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.
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 />
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 : ou   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 :   ou   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
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>.
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
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)
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.
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
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
/* 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.
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.
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
35
36
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.
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...
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
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 ;
43
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.
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
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
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.
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 :
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>
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.
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