Créer des livres à format fixe sans pop-ups

Si une mise en page fixe est requise pour préserver la mise en forme du livre d'origine, mais si la sélection de texte, l'accès au dictionnaire et le surlignement restent nécessaires, l'option de mise en page fixe sans pop-ups peut être utilisée. Cette technique de conversion est idéale pour les contenus composés de texte suffisamment grand pour être lu facilement sans agrandissement, ce qui peut également être obtenu en reconfigurant l'eBook pour une lecture optimale sur écrans numériques (sur une tablette 7", les lettres majuscules dans le corps du texte doivent mesurer au moins 2 mm de haut dans les livres autres que les livres pour enfants et au moins 4 mm de haut dans les livres pour enfants).

Les propriétés HTML et CSS de ce format suivent les spécifications des livres à mise en page fixe avec pop-ups textuels, notamment le reset CSS et les polices intégrées. Les polices doivent être intégrées conformément à la norme applicable à l'ensemble des livres à mise en page fixe.

À l'heure actuelle, ce format ne prend pas en charge la composition améliorée.

Règles applicables aux métadonnées

Le fichier OPF spécifie les métadonnées nécessaires aux livres à mise en page fixe. Contrairement aux autres livres à mise en page fixe, ce format n'inclut pas les propriétés meta name="book-type" et meta name="RegionMagnification".

Métadonnées	Description
La mise en page peut être définie à l'aide de l'un des champs de métadonnées suivants : 1) <meta property="rendition:layout">prepaginated</meta> 2) <meta name="fixed-layout" content="true"/>	Obligatoire. Indique que le livre a une mise en page fixe. Les valeurs acceptées pour les métadonnées rendition:layout sont reflowable ou pre-paginated. La valeur par défaut est reflowable. Les valeurs acceptées pour les métadonnées fixed-layout sont true ou false. La valeur par défaut est false.
<meta name="original-resolution" content="1024x600"/>	Obligatoire. Indique la résolution d'origine du contenu (« 1024x600 » n'est qu'un exemple). Les dimensions en pixels peuvent être exprimées par n'importe quel entier positif. Ces valeurs doivent conserver les proportions générales du contenu d'origine.
L'orientation peut être définie à l'aide de l'un des champs de métadonnées suivants : 1) <meta property="rendition:orientation">lands cape</meta> 2) <meta name="orientation-lock" content="landscape"/>	Facultatif. Les valeurs acceptées pour les métadonnées rendition : layout sont portrait, paysage ou auto. Cette option verrouille l'orientation du livre en mode portrait ou paysage. Si la valeur choisie est auto, les modes portrait et paysage sont tous deux pris en charge. La valeur par défaut est auto. Les valeurs acceptées pour les métadonnées orientation-lock sont portrait, landscape ou none. Cette option verrouille l'orientation du contenu en mode portrait ou paysage. Si la valeur choisie est none, les modes portrait et paysage sont tous deux pris en charge. La valeur par défaut est none. Amazon recommande de ne déverrouiller l'orientation que si le texte est lisible aussi bien en mode portrait qu'en mode paysage.
<meta name="primary-writing-mode" content="horizontal-rl"/>	Facultatif. Définit l'ordre dans lequel les pages sont affichées, le mode de lecture et le type de navigation (y compris pour les pop-ups textuels Kindle, l'affichage case à case Kindle et les cases virtuelles Kindle). Les valeurs acceptées sont horizontal-lr, horizontal-rl, vertical-lr et vertical-rl. La valeur par défaut est horizontal-lr.

Règles relatives à la mise en forme du texte

Dans ce format, chaque page contient une image d'arrière-plan qui est plus grande que la taille de l'écran. Ainsi, l'image qui s'affiche est lisible et de bonne qualité. Le texte peut ensuite être créé via l'une des deux méthodes suivantes. Les deux méthodes peuvent être utilisées dans un même livre. Avec l'une ou l'autre méthode, les lettres majuscules figurant dans le corps du texte doivent mesurer au moins 4 mm de haut pour les contenus pour enfants et 2 mm de haut pour les autres contenus, sur un appareil de 7".

Texte HTML

Avec cette méthode, l'image d'arrière-plan ne contient pas de texte, et la plus grande partie du texte du livre s'affiche sous forme de texte HTML. Le texte peut être repositionné en fonction des besoins, de façon à optimiser la lecture de l'eBook. Cette méthode permet également d'utiliser les fonctionnalités de recherche et de dictionnaire.

HTML :

<p id="p3_2" class="ptxt">Parfois, je sors dehors pour scruter

<br />les alentours. Je m'assure que tout

<br/>va bien. Je renifle les pierres. Je mords les feuilles. On ne

<br />sait jamais.

<br/>Je dois toujours monter la garde.<br/></p>

</div>

CSS :

.ptxt{
font-family: "billy";
font-size: 450%;
line-height: 95%;
position: absolute;
top: 0%;
left: 2.35%; }

Superposition de texte invisible

Lorsque le texte fait partie d'une image ou présente des dimensions, angles ou courbes irréguliers, vous pouvez le capturer dans l'arrière-plan et utiliser la fonction de superposition de texte invisible (à l'aide de la propriété opacity:0 dans le fichier CSS) pour activer les fonctions de sélection et de recherche dans le dictionnaire et dans le texte. Le texte invisible superposé doit être placé directement sur le texte correspondant dans l'image de base et doit être dimensionné de façon à ce que la zone de surbrillance du texte invisible corresponde au texte de l'image de base.

HTML :

<div class="overlay" id="o3_1">BONJOUR,</div>

<div class="overlay" id="o3_5">BRUTUS !</div>

</div>

Comme le texte présente des angles, chaque mot doit être positionné individuellement de façon à ce que le texte HTML invisible recouvre le mot correct.

CSS :

.overlay{

position: absolute;
font-family: "billy";
opacity: 0;
color: red;
font-size: 500%;
line-height: 107%;
text-align: center;
}

…

#o3_1{top: 39.5%; left: 6.7%; font-size: 450%; }

#o3_2{top: 41.5%; left: 15.5%; font-size: 450%; }

#o3_3{top: 44.2%; left: 24.5%; font-size: 500%; }

#o3_4{top: 44.1%; left: 4.2%; font-size: 450%; }

#o3_5{top: left 9.9%; font-size: 500%; }

Veuillez évaluer votre expérience sur cette page

Merci ! Vos commentaires nous seront très utiles.

Rubriques d'aide

Contactez-nous