Crear libros de formato fijo sin elementos emergentes

Si necesita un formato fijo para mantener el diseño original del libro, pero también quiere añadir funciones de selección, diccionario y subrayado, debe utilizar formato fijo sin elementos emergentes. Esta técnica de conversión es perfecta para contenido que es lo suficientemente grande para leerse sin aumentarlo. Esto también se puede conseguir si vuelve a diseñar el eBook para optimizar la lectura digital (en un tablet de 7", las mayúsculas dentro del texto tienen que tener como mínimo una altura de 2 mm en libros para adultos y de 4 mm en libros infantiles y juveniles).

El HTML y CSS de este formato sigue las especificaciones para libros de formato fijo con texto emergente, incluido el restablecimiento de CSS y las fuentes incrustadas. Las fuentes deben ir incrustadas ya que es el estándar de todos los libros de formato fijo.

Este formato no admite actualmente la tipografía mejorada.

Pautas de metadatos

El archivo OPF especifica los metadatos necesarios para libros de formato fijo. A diferencia de otros libros de formato fijo, este formato no incluye meta name="book-type" ni meta name="RegionMagnification".

Metadatos	Descripción
El diseño puede especificarse con uno de los siguientes campos de metadatos: 1) <meta property="rendition:layout">prepaginated</meta> 2) <meta name="fixed-layout" content="true"/>	Obligatorio. Identifica si el libro tiene un formato fijo. Los valores válidos de metadatos de rendition:layout son reflowable o pre-paginated. El valor predeterminado es reflowable. Los valores válidos de metadatos para fixed-layout son true o false. El valor predeterminado es false.
<meta name="original-resolution" content="1024x600"/>	Obligatorio. Identifica la resolución de diseño original del contenido (“1024x600” es solo un ejemplo). Las dimensiones del píxel pueden tener cualquier valor positivo entero. Estos valores deben igualar la relación de aspecto global del contenido original.
La orientación puede especificarse con uno de los siguientes campos de metadatos: 1) <meta property="rendition:orientation">lands cape</meta> 2) <meta name="orientation-lock" content="landscape"/>	Opcional. Los valores válidos de metadatos de rendition:layout son portrait, landscape, o auto. Esto fija la orientación del libro en modo horizontal o vertical. Si el valor es auto, se admitirá tanto el modo horizontal como el vertical. El valor predeterminado es auto. Los valores válidos de metadatos de orientation-lock son portrait, landscape o none. Esto fija la orientación del contenido en modo horizontal o vertical. Si el valor es none, se admitirá tanto el modo horizontal como el vertical. El valor predeterminado es none. Amazon le recomienda que desbloquee la orientación cuando el texto permita la lectura tanto en horizontal como en vertical.
<meta name="primary-writing-mode" content="horizontal-rl"/>	Opcional. Define el orden de renderización de la página, el modo de lectura y la navegación del lector (como el texto emergente Kindle, la vista de viñeta y los paneles virtuales). Los valores válidos son horizontal-lr, horizontal-rl, vertical-lr y vertical-rl. El valor predeterminado es horizontal-lr.

Pautas sobre texto

En este formato, cada página contiene una imagen de fondo que es mayor que la pantalla para favorecer la calidad y definición de la imagen. El texto se puede crear con uno de los siguientes métodos y ambos se pueden utilizar en el mismo libro. En ambos métodos, las mayúsculas deben tener una altura mínima de 4 mm para el contenido infantil, o de 2 mm para el resto de contenido, cuando se visualizan en un dispositivo de 7".

Texto HTML vivo

En este método, la imagen de fondo contiene líneas de texto y la mayoría del texto del libro está renderizado como texto HTML vivo. También se puede reubicar como se desee con el fin de mejorar la calidad. A su vez, se permiten funciones como las de búsqueda y diccionario.

HTML:

<p id="p3_2" class="ptxt">A veces salgo a la calle

<br />a investigar. Lo investigo todo.

<br/>Olisqueo las piedras. Mordisqueo las hojas. Nunca

<br />se sabe.

<br/>Tengo que estar siempre alerta.<br/></p>

</div>

CSS:

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

Texto invisible superpuesto

Si el texto forma parte de una imagen o tiene un tamaño, inclinación o curvatura irregulares, puede capturarlo como parte del fondo y utilizar texto invisible superpuesto (con la propiedad opacity:0 en el archivo CSS) para habilitar las funciones de selección, diccionario y búsqueda. El texto invisible superpuesto se debe colocar directamente sobre el texto correspondiente de la imagen y debe tener el tamaño justo para que el área seleccionada del texto invisible se corresponda con el texto de la imagen.

HTML:

<div class="overlay" id="o3_3">llamo</div>

</div>

Debido al texto inclinado, debe colocarse cada palabra de forma individual para que el texto HTML aparezca sobre la palabra correcta.

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: 46,6%; left: 9,9%; font-size: 500%; }

Valore nuestro servicio a través de esta página

¡Gracias! Le agradecemos sus comentarios.

Temas de ayuda

Contacto