EPUB : HTML et CSS

Durée du module / 2 à 5 jours - Intra-entreprise

Livre numérique pour liseuse et application créé en HTML/XHTML et CSS

Objectif

Création de contenu pour l'EPUB2 et EPUB3 en HTML/HTML5 et CSS/CSS3.
-       Gérer la production de contenus pour l’EPUB
-       Structurer un livre via le langage HTML
-       Habiller et mettre en page le livre via les feuilles de styles CSS
-       Découvrir HTML5 et CSS3 pour des EPUB3 enrichis

Ce module peut être suivi après une formation Création d'EPUB avec Indesign, afin d'être autonome quant à la maîtrise des fichiers générés.

Il peut aussi être suivi sans qu'Indesign intervienne dans la chaîne de création.

Prérequis

Connaissances de l'outil Internet et bonne maîtrise du système d'exploitation (environnement Windows ou Mac).

Débutant HTML/CSS : 5 jours
Connaissances HTML/CSS : 2 à 3 jours

Outil

Editeur de code : Brackets ou autre
Editeur d'epub : Sigil/Calibre ou Viewporter
Lecteur d'epub : ADE, IBOOKS, READIUM etc.

Déroulé

HTML : Structurer et définir le contenu
(2 jour)

-       Qu’est-ce qu’Internet, l'epub et le langage HTML/XHTML ?
-       Les outils de développement et de diffusion pour l'EPUB
-       L’outil de codage : Brackets
-       Structure de base d’une page HTML
-       Syntaxe d’une balise HTML (élément, attribut, valeur)
-       Les balises de structuration de contenu (titres, <p>, listes, tableaux, <div> etc.)
-       La division sémantique du livre
-       Les balises pour le texte
-       L’imbrication et l’héritage du contenu
-       Créer des liens
-       Insérer des images et de la vidéo
-       Inflexion sémantique, et éléments ou propriétés pour l’EPUB -       L’attribut data* et  epub:type
-       La page HTML dans un contexte EPUB :
        o   Aperçu des fichiers spécifiques au format EPUB et de leur structure
        o   Aperçu des éléments d’un livre : TDM, couverture, métadonnées…
        o   Approche : édition, rendu, validation de l'EPUB, et publication
        o   Les shemas : exemple d'Html Book d'Oreilly

CSS : Habiller et mettre en page le contenu
(3 jour)

-       Qu’est-ce que le langage CSS ?
-       Les sélecteurs : cibler les éléments ou id de la page, et définir des classes
-       Maîtriser la cascade et l’héritage (sélecteurs et pseudo-éléments)
-       Les propriétés CSS et leurs valeurs :
        o   Les couleurs
        o   Les images de fond
        o   Modèle de boîte : margin, padding, width, height, border
        o   Unités de valeurs : pixels, em, %, hexa, RGBA etc.
        o   Effets visuels avec CSS3 (bords arrondis, ombres…)

-       Stylisation du texte
        o   La police, typographie, la police incorporée à l'epub
        o   Habillage du texte pour l'epub, des liens ou des listes (propriétés de base du texte, justification, césure, décoration et espacement)
        o   Créer des gabarits (multicolonnage, centré, fluide etc.)
        o   Le préfixe CSS3 epub
        o   Les notes de bas de page, annotations et renvois

-       Les positionnements :
        o   Le flux des éléments
        o   Gestion du flux HTML par la propriété display
        o   Créer des menus de navigation (verticaux, horizontaux)
        o   Les flottants (la propriété float)
        o   Les positionnements par la propriété position

-       Accessibilité et bonnes pratiques pour l'EPUB

-       EPUB2 versus EPUB3

La formation s’articulera autour d’exemples et d’exercices concrets :

-       Création et habillage de pages HTML
-       Création d’un livre dans un contexte EPUB