AmazonKindlePublishingGuidelines_ES.pdf

Instrucciones para la publicación en Amazon

Kindle

Cómo crear libros para la plataforma Kindle

Versión 2014.3

Este documento describe las principales vías de que disponen los editores, los autores y las casas de conversión para que sus contenidos se encuentren disponibles para la plataforma Amazon Kindle. Este documento incluye instrucciones y sugerencias desarrolladas para garantizar un proceso fluido de conversión y publicación.

Copyright © 2014 Amazon.com, Inc. o sus filiales. Todos los derechos reservados

.

Instrucciones de publicación para Kindle Amazon.com 1

Publicación en Kindle: instrucciones para editores

Historial de Cambios Número de Versión

Notas de la Versión

2014.3 • Actualizado 2.2.2.3 Uso de KindleGen • Actualizado 3.6.3 Instrucción nº 3 para las imágenes: utilizar imágenes en color • Actualizado 3.6.5 Instrucción nº 5 para las imágenes: utilizar formato GIF para arte lineal y texto • Actualizado 3.6.6 Instrucción nº 6 para las imágenes: requisitos de imagen y tamaño de fuente para

texto y arte lineal • Actualizado 4.3.3 Recomendación nº 3: optimización de contenido para pantalla completa • Actualizado 4.3.7 Recomendación nº 7: no inclusión de una portada HTML • Agregado 4.3.9 Recomendación nº 9: no inclusión de una posición de inicio de lectura • Actualizado 4.4.1 Utilizar imágenes en paralelo para formar un desplegado de doble página cuando el

bloqueo de orientación fijado a paisaje (landscape) • Actualizado 5.2 Requisitos de recursos • Actualizado 6 Instrucciones para audio y vídeo • Actualizado 9.1 Comprobación de libros Kindle

2014.2 • Actualizado 3.1.1 Texto Instrucción N.º 1: el texto del cuerpo debe usar el formato predeterminado • Actualizado 3.2.2 Imagen de Portada Instrucción N.º 2: uso obligatorio de una imagen de portada del

contenido interno • Actualizado 3.2.3 Imagen de Portada Instrucción N.º 3: la portada interna no debe aparecer dos veces • Actualizado 3.6.1 Imágenes Instrucción N.º 1: utilice formatos de entrada compatibles • Actualizado 3.6.2 Imágenes Instrucción N.º 2: KindleGen realiza conversiones automáticas de las

imágenes • Agregado 3.10.9 HTML Instrucción N.º 9: las referencias a archivos deben coincidir con la grafía y uso

de mayúsculas de la fuente

2014.1.1 • Actualizado 5.2 Requisitos de recursos

2014.1 • Actualizado 2.2.2.4 Mensajes KindleGen • Actualizado 3.2.1 Imagen de Portada Instrucción Nº.1: la imagen de portada es obligatoria • Actualizado 3.6 Instrucciones para imágenes • Actualizado 3.6.2 Imágenes Instrucción N.º.2: KindleGen realiza conversiones automáticas de las

imágenes • Agregado 3.6.11 Imágenes Instrucción Nº.11: utilice etiquetas y elementos SVG compatibles • Agregado 3.12 Instrucciones para enlaces externos • Actualizado 4.3.3 Recomendación N.º3: optimización de contenido para pantalla completa • Actualizado 5 Creación de novelas gráficas/manga/cómics con diseño fijo • Actualizado 5.2 Requisitos de recursos • Actualizado 7 Descripción general de los diccionarios (y todas sus subdivisiones) • Actualizado 11.1 Apéndice A: etiquetas HTML compatibles con el formato Kindle 8 • Actualizado 11.2 Apéndice B: selectores, atributos y propiedades de la CSS compatibles con el

formato Kindle



Indice 1 Comenzar ........................................................................................................................................................... 6 2 Vías para colocar su contenido en Kindle ...................................................................................................... 6

2.1 Plataforma de edición directa para Kindle de Amazon.............................................................................. 6 2.2 Crear libros para Kindle de forma interna utilizando las herramientas Kindle Publisher ......................... 6

2.2.1 Plugin de Kindle para Adobe InDesign .................................................................................................................................... 6 2.2.2 KindleGen ............................................................................................................................................................................... 6 2.2.3 Programa Kindle Previewer (Previsualizador de Kindle) .......................................................................................................... 9

2.3 Servicios de conversión de terceros ........................................................................................................ 10 3 Instrucciones generales de formato .............................................................................................................. 10

3.1 Instrucciones para el texto ....................................................................................................................... 11 3.1.1 Instrucción n. º 1 para el texto: el cuerpo del texto debe utilizar valores por defecto .............................................................. 11 3.1.2 Instrucción n. º 2 para el texto: utilizar CSS para saltos de página ........................................................................................ 12 3.1.3 Instrucción n.º 3 para el texto: formato de párrafos ................................................................................................................ 12 3.1.4 Instrucción n.º 4 para el texto: otras codificaciones son compatibles ..................................................................................... 12 3.1.5 Instrucción n.º 5 para el texto: espacios y caracteres Unicode ............................................................................................... 13 3.1.6 Instrucción n.º 6 para el texto: la fuente monoespaciada es compatible ................................................................................ 13 3.1.7 Instrucción n.º 7 para el texto: compatibilidad con CSS ......................................................................................................... 13 3.1.8 Instrucción n.º 8 para el texto: números de página ................................................................................................................ 14 3.1.9 Instrucción n.° 9 para el texto: personalización de la selección de fuente .............................................................................. 14

3.2 Instrucciones para imágenes de portada ................................................................................................ 15 3.2.1 Instrucción n.º 1 para imagen de portada: uso obligatorio de una imagen de portada con fines de mercadotecnia ................ 15 3.2.2 Instrucción n.º 2 para imagen de portada: uso obligatorio de una imagen de portada del contenido interno .......................... 16 3.2.3 Instrucción para imagen de portada n.º 3: la portada interna no debe aparecer dos veces .................................................... 16

3.3 Instrucciones para las tablas de contenidos (TOC) ................................................................................. 16 3.3.1 Instrucción n.º 1 para TOC: se recomienda el uso de una TOC lógica ................................................................................... 17 3.3.2 Instrucción n.º 2 para TOC: la tabla de contenidos HTML debe estar vinculada .................................................................... 19 3.3.3 Instrucción n.º 3 para TOC: la tabla de contenidos HTML debe ser referenciada .................................................................. 19 3.3.4 Instrucción n.º 4 para TOC: la tabla de contenidos no debe contener tablas ......................................................................... 19 3.3.5 Instrucción n.º 5 para TOC: la tabla de contenidos no debe contener números de página ..................................................... 20 3.3.6 Instrucción n.º 6 para TOC: colocar la tabla de contenidos al principio del libro ..................................................................... 20 3.3.7 Instrucción n.º 7 para TOC: incluir una tabla de contenidos para colecciones........................................................................ 20

3.4 Instrucciones para elementos landmarks nav ......................................................................................... 20 3.4.1 Instrucción n.° 1 para elementos landmarks nav: elementos landmarks nav recomendados ................................................. 20

3.5 Instrucciones para elementos de guía ..................................................................................................... 20 3.5.1 Instrucción n.º 1 para elementos de guía: elementos de guía recomendados ........................................................................ 20

3.6 Instrucciones para imágenes ................................................................................................................... 20 3.6.1 Instrucción n.º 1 para imágenes: utilizar formatos de entrada compatibles ............................................................................ 20 3.6.2 Instrucción n.º 2 para imágenes: KindleGen realiza conversiones automáticas de las imágenes ........................................... 21 3.6.3 Instrucción n.º 3 para imágenes: utilizar imágenes en color ................................................................................................... 21 3.6.4 Instrucción n.º 4 para imágenes: las fotografías deben utilizar el formato JPEG .................................................................... 21 3.6.5 Instrucción n.º 5 para imágenes: utilizar formato GIF o PNG para arte lineal y texto .............................................................. 21 3.6.6 Instrucción n.º 6 para imágenes: requisitos de imagen y tamaño de fuente para texto y arte lineal........................................ 22 3.6.7 Instrucción n.º 7 para imágenes: preferencia de HTML frente a imágenes ............................................................................ 24 3.6.8 Instrucción n.º 8 para imágenes: colocación del título de la imagen....................................................................................... 25 3.6.9 Instrucción n.º 9 para imágenes: controlar la relación de aspecto de una imagen.................................................................. 25 3.6.10 Instrucción n.° 10 para imágenes: mostrar el texto correctamente dentro de SVG ................................................................. 25 3.6.11 Instrucción n.° 11 para imágenes: utilice etiquetas y elementos SVG compatibles ................................................................ 26

3.7 Instrucciones para tablas ......................................................................................................................... 28 3.7.1 Instrucción n.º 1 para tablas: utilizar tablas únicamente para información tabular .................................................................. 28 3.7.2 Instrucción n.º 2 para tablas: evitar tablas grandes ................................................................................................................ 28 3.7.3 Instrucción n.º 3 para tablas: crear tablas HTML sencillas ..................................................................................................... 29 3.7.4 Instrucción n.º 4 para tablas: dividir tablas cuando sea necesario ......................................................................................... 29 3.7.5 Instrucción n.º 5 para tablas: optimizar el tamaño máximo de la tabla ................................................................................... 29

3.8 Instrucciones de compatibilidad para ediciones digitales de Adobe ....................................................... 29 3.8.1 Instrucción n.º 1 de compatibilidad para ediciones digitales de Adobe: utilizar ID de elemento único .................................... 29

3.9 Instrucciones de estilo ............................................................................................................................. 30 3.9.1 Instrucción n.º 1 de estilo: utilizar una tabla de contenidos HTML anidada ............................................................................ 30 3.9.2 Instrucción n.º 2 de estilo: formato correcto de las barras laterales........................................................................................ 30

3.10 Instrucciones para HTML ......................................................................................................................... 30 3.10.1 Instrucción n.º 1 para HTML: construir documentos HTML (XHTML) bien estructurados ....................................................... 30



3.10.2 Instrucción n.º 2 para HTML: las anclas deben añadirse antes de las etiquetas de formato .................................................. 31 3.10.3 Instrucción n.º 3 para HTML: los elementos de guía de EPUB son opcionales ...................................................................... 31 3.10.4 Instrucción n.º 4 para HTML: utilizar un diseño de columna única y evitar las posiciones absolutas ...................................... 31 3.10.5 Instrucción n.º 5 para HTML: utilizar el atributo position:absolute para texto sobre imagen ................................................... 31 3.10.6 Instrucción n.º 6 para HTML: evitar el uso de valores negativos ............................................................................................ 31 3.10.7 Instrucción n.º 7 para HTML: evitar el uso de secuencias de comandos ................................................................................ 31 3.10.8 Instrucción n.º 8 para HTML: evitar el uso de valores negativos para la altura de línea ......................................................... 31

3.11 Instrucciones para fuentes incrustadas ................................................................................................... 31 3.12 Instrucciones para enlaces externos ....................................................................................................... 32

4 Crear libros infantiles con diseño fijo ........................................................................................................... 32 4.1 Campos de metadatos compatibles con libros infantiles con diseño fijo ................................................ 32 4.2 Requisitos de contenido .......................................................................................................................... 34

4.2.1 Requisito n.º 1: uso de la estructura del archivo HTML .......................................................................................................... 34 4.2.2 Requisito n.º 2: uso del aumento de zona (ventanas emergentes) ........................................................................................ 34 4.2.3 Requisito n.º 3: establecer imágenes como imágenes de fondo ............................................................................................ 36

4.3 Recomendaciones de contenido ............................................................................................................. 36 4.3.1 Recomendación n.º 1: aplicación de CSS Reset ................................................................................................................... 36 4.3.2 Recomendación n.° 2: inclusión de un archivo CSS por cada página HTML.......................................................................... 36 4.3.3 Recomendación n.° 3: optimización de contenido para pantalla completa ............................................................................. 37 4.3.4 Recomendación n.º 4: uso de grandes objetivos de pulsación para el aumento de zona en libros infantiles .......................... 37 4.3.5 Recomendación n.º 5: contenido con diseño fijo válido para el futuro en los libros infantiles ................................................. 37 4.3.6 Recomendación n.º 6: inclusión de fuentes específicas ......................................................................................................... 37 4.3.7 Recomendación n.° 7: no inclusión de una portada en HTML ................................................................................................ 38 4.3.8 Recomendación n.° 8: inclusión de una cubierta trasera ....................................................................................................... 38 4.3.9 Recomendación nº. 9: no inclusión de una posición de inicio de lectura ................................................................................ 38

4.4 Crear libros infantiles con imágenes de fondo y texto en múltiples páginas ........................................... 38 4.4.1 Utilizar imágenes en paralelo para formar un desplegado de doble página cuando el bloqueo de orientación fijado a paisaje (landscape) ........................................................................................................................................................................ 38 4.4.2 Bloques de texto: posición ..................................................................................................................................................... 40 4.4.3 Alinear texto .......................................................................................................................................................................... 40

5 Creación de novelas gráficas/manga/cómics con diseño fijo .................................................................... 40 5.1 Campos de metadatos compatibles con libros infantiles con diseño fijo ................................................ 40 5.2 Requisitos de recursos ............................................................................................................................ 42 5.3 Calidad de la imagen ............................................................................................................................... 42 5.4 Panel de visualización (aumento de zona) .............................................................................................. 42 5.5 Optimizar contenido para las novelas gráficas ........................................................................................ 44

5.5.1 Optimizar objetivos de pulsación ........................................................................................................................................... 44 5.5.2 Optimizar los paneles de vista ............................................................................................................................................... 44 5.5.3 Optimizar para escenas de acción anchas o altas ................................................................................................................. 44 5.5.4 Optimizar para grandes bloques de texto .............................................................................................................................. 45

5.6 Paneles virtuales en cómics y Manga ..................................................................................................... 47 5.6.1 Requisito n.° 1: Emparejar páginas cuando el bloqueo de orientación es igual a none .......................................................... 48

6 Instrucciones para audio y vídeo................................................................................................................... 52 6.1 Vídeo incrustado. ..................................................................................................................................... 52 6.2 Vídeo en streaming .................................................................................................................................. 53 6.3 Incrustar audio ......................................................................................................................................... 53 6.4 Audio en streaming .................................................................................................................................. 53 6.5 Directorio multimedia ............................................................................................................................... 53 6.6 Instrucciones para audio .......................................................................................................................... 53 6.7 Instrucciones para vídeos ........................................................................................................................ 53 6.8 Metadatos de audio y vídeo ..................................................................................................................... 54 6.9 Archivo NCX ............................................................................................................................................ 55 6.10 Imágenes con Controles de Reproducción ............................................................................................. 55 6.11 Distinción entre mayúsculas y minúsculas en los nombres de archivo ................................................... 55 6.12 Confirmar tipo de mime correcto ............................................................................................................. 55 6.13 Tamaño del archivo ................................................................................................................................. 55 6.14 Narración ................................................................................................................................................. 56 6.15 Tabla de contenidos ................................................................................................................................ 56 6.16 Pautas para encabezados multimedia .................................................................................................... 56 6.17 Archivo de muestra personalizado .......................................................................................................... 57

7 Descripción general de los diccionarios ...................................................................................................... 57



7.1 Plantilla de entradas al diccionario .......................................................................................................... 57 7.2 Metadatos: creación del archivo OPF...................................................................................................... 58 7.3 HTML básico de diccionario .................................................................................................................... 59

7.3.1 Formato ................................................................................................................................................................................. 59 7.3.2 Elemento rameset ................................................................................................................................................................. 59 7.3.3 Índice de palabras claves ...................................................................................................................................................... 60

7.4 Conjugaciones para diccionarios ............................................................................................................. 61 7.4.1 Índice de conjugaciones ........................................................................................................................................................ 61 7.4.2 Parámetro de coincidencia exacta ......................................................................................................................................... 62

7.5 Creación de un diccionario con Kindlegen .............................................................................................. 63 7.6 Prueba de diccionarios de Kindle ............................................................................................................ 63

7.6.1 Prueba de formato ................................................................................................................................................................. 63 7.6.2 Prueba de búsqueda ............................................................................................................................................................. 63

8 Consultas de medios ...................................................................................................................................... 64 8.1 Utilizar consultas de medios .................................................................................................................... 64 8.2 Utilizar consultas de medios para retrocompatibilidad con Mobi ............................................................ 67 8.3 Enviar una consulta de medios ................................................................................................................ 68

8.3.1 Opción 1: utilizar un archivo CSS .......................................................................................................................................... 68 8.3.2 Opción 2: utilizar distintos archivos CSS ............................................................................................................................... 69 8.3.3 Opción 3: utilizar etiquetas de estilo ...................................................................................................................................... 69 8.3.4 Opción 4: utilizar @import ..................................................................................................................................................... 69

8.4 Cómo utilizar la pantalla: propiedad none para Consultas de los Medios de Comunicación ................. 70 8.4.1 Cómo utilizar la pantalla: propiedad none con Tablas Complejas .......................................................................................... 70 8.4.2 Cómo utilizar la pantalla: propiedad none con Imágenes SVG .............................................................................................. 71 8.4.3 Limitación para usar la pantalla: propiedad none ................................................................................................................... 72

9 Prácticas recomendadas para Kindle ........................................................................................................... 72 9.1 Comprobación de libros Kindle ............................................................................................................... 72

10 Instrucciones de calidad para Kindle ............................................................................................................ 73 11 Apéndices ......................................................................................................................................................... 75

11.1 Apéndice A: Etiquetas HTML compatibles con el formato Kindle 8 ........................................................ 75 11.2 Apéndice B: Selectores, atributos y propiedades de la CSS compatibles con el formato Kindle 8 ........ 80 11.3 Apéndice C: instrucciones para convertir XMDF a KF8 .......................................................................... 85

11.3.1 Comando Kindlegen .............................................................................................................................................................. 85 11.3.2 Problemas con el archivo de origen ....................................................................................................................................... 85 11.3.3 Características no soportadas ............................................................................................................................................... 87



1 Comenzar Existen varias opciones para que sus libros se encuentren disponibles para la plataforma Amazon Kindle. La opción más adecuada para usted depende de la naturaleza de las publicaciones (por ejemplo, el formato del archivo fuente), los recursos y los conocimientos técnicos de los que se disponga, así como el modelo de ventas de libros electrónicos. Para ayudarlo a escoger, encontrará, a continuación, ejemplos de los escenarios de publicación más habituales, así como nuestras recomendaciones:

• Los editores autónomos o autores que desean aprovechar las herramientas de autoservicio de Amazon para crear libros Kindle y venderlos en Amazon, pueden consultar la sección 2.1 de la Plataforma de edición directa de Amazon Kindle.

• Los editores que deseen convertir diversos títulos y dispongan de la experiencia para crear libros Kindle internamente con el software Kindle Publisher Tools, pueden consultar la sección 2.2. Crear libros para Kindle de forma interna utilizando las herramientas Kindle Publisher.

• Para aquellos editores que no deseen convertir títulos de forma interna o que no dispongan de los recursos técnicos necesarios, en la sección 2.3 Servicios de conversión de terceros se describe cómo contratar una casa de conversión.

2 Vías para colocar su contenido en Kindle

2.1 Plataforma de edición directa para Kindle de Amazon Los editores internos pueden convertir sus libros a formato electrónico, utilizando las herramientas de autoedición de Amazon, y venderlos en Amazon Kindle con la Plataforma de edición directa de Amazon Kindle (KDP). KDP es un sistema ágil y sencillo de autoedición para Amazon Kindle. Suba su contenido, introduzca información sobre precios y copias para venta y publíquelo en minutos. Para obtener más información, así como para registrarse, visite, http://kdp.amazon.com.

2.2 Crear libros para Kindle de forma interna utilizando las herramientas Kindle Publisher

Los editores pueden optar por crear sus propios libros Kindle internamente a partir del contenido en Adobe InDesign y archivos HTML, XHTML y EPUB con las herramientas de Kindle Publisher. Amazon avala oficialmente estas herramientas para convertir archivos a formato Kindle 8. Los archivos Kindle creados con estas herramientas están diseñados para ser compatibles con los dispositivos Kindle actuales y futuros y sus aplicaciones. Los archivos creados con el software de terceros pueden no funcionar correctamente en los dispositivos y aplicaciones Kindle actuales o futuros.

2.2.1 Plugin de Kindle para Adobe InDesign Los editores pueden optar por crear libros Kindle de forma interna a partir del contenido de Adobe InDesign, utilizando un programa gratuito llamado Kindle Plugin para Adobe InDesign. Este plugin permite al editor convertir el contenido en formato InDesign a formato Kindle. La versión actual del Kindle Plugin para Adobe InDesign es compatible con el formato Kindle 8. Visite www.amazon.com/kindleformat/kindleplugin para descarga de plugins, documentación de instalación, documentación de ayuda y detalles de las opciones compatibles en la actualidad en el Kindle Plugin para Adobe InDesign.

2.2.2 KindleGen Los editores pueden optar por crear sus propios libros para Kindle de forma interna utilizando un programa gratuito llamado KindleGen. Esta es una herramienta de línea de comandos diseñada para crear un libro electrónico para Kindle. KindleGen acepta contenido fuente en formato HTML, XHTML o formato EPUB.

La versión más actual del KindleGen puede descargarse de forma gratuita desde nuestro sitio web en www.amazon.com/kindleformat/kindlegen. Amazon periódicamente lanza nuevas versiones del software KindleGen. Revise este sitio regularmente para conocer las actualizaciones. Para crear libros para Kindle en formato 8, se debería utilizar el KindleGen 2 o versiones posteriores.


http://www.amazon.com/gp/redirect.html/ref=amb_link_6926212_2?location=http://dtp.amazon.com/&token=ED7546842AF86000862C6B4CDB683D114A0EDF07&pf_rd_m=ATVPDKIKX0DER&pf_rd_s=center-1&pf_rd_r=08KYWX232563469ED6QH&pf_rd_t=1401&pf_rd_p=404669501&pf_rd_i=1000234621

http://www.amazon.com/kindleformat/kindleplugin

http://www.amazon.com/kindleformat/kindlegen


2.2.2.1 Archivos fuente para utilizar con KindleGen

Para crear archivos Amazon Kindle utilizando KindleGen, necesitará:

• disponer de un único archivo HTML que incluya el libro entero, o

• proporcionar archivos compatibles con EPUB. (Las especificaciones EPUB de IDPF están disponibles en: http://idpf.org/EPUB/30/spec/EPUB30-overview.html).

A través de la especificación EPUB, puede crear un libro Kindle con múltiples archivos HTML y un único archivo OPF que los vincule todos.

2.2.2.2 Instalar KindleGen

IMPORTANTE: siga estos pasos para ejecutar el KindleGen. Hacer doble clic sobre el icono de KindleGen no abre este programa.

KindleGen para Windows (XP, Vista, 7):

1. Descargue el archivo comprimido KindleGen en el escritorio de su computadora desde www.amazon.com/kindleformat/kindlegen.

2. Haga clic con el botón derecho sobre el archivo comprimido, selección Extraer todo e introduzca el nombre de la carpeta c:\KindleGen.

3. Abra una ventana de comandos desde el menú Inicio > Todos los programas > Accesorios > Ejecutar.

4. Introduzca c:\KindleGen\kindlegen. Aparecerán las instrucciones para ejecutar el KindleGen.

Ejemplo de conversión: para convertir un archivo llamado book.html, utiliza cambiar directorio (cd) para acceder al directorio en el que se encuentra el libro, por ejemplo “cd Escritorio” y, a continuación, escriba c:\KindleGen\kindlegen book.html. Si la conversión se ha realizado correctamente aparecerá un nuevo archivo en su escritorio llamado book.mobi.

KindleGen para Linux 2.6 i386 o superior:

1. Descargue el archivo KindleGen tar.gz en su computadora, desde www.amazon.com/kindleformat/kindlegen, en una ubicación tal como el directorio (~) de inicio (~).

2. Extráigalo en ~/KindleGen.

3. Abra una ventana de comandos y escriba ~/KindleGen/kindlegen. Aparecerán las instrucciones para ejecutar el KindleGen.

Ejemplo de conversión: para convertir un archivo llamado book.html, utilice cambiar directorio (cd) para acceder al directorio en el que se encuentra el libro, por ejemplo cd Escritorio y, a continuación, escriba ~/KindleGen\kindlegen book.html. Si la conversión se ha realizado correctamente aparecerá un nuevo archivo en su Escritorio llamado book.mobi.

KindleGen para Mac OS 10.5 y superior i386:

1. Descargue KindleGen.zip desde www.amazon.com/kindleformat/kindlegen. Por defecto, el archivo se descarga en la carpeta Descargas.

2. Descomprima el archivo. En Safari, el archivo comprimido se descomprime automáticamente tras la descarga. Si este ajuste está deshabilitado, o si se utilizó otro navegador, haga doble clic sobre el archivo para descomprimirlo.

3. Haga clic sobre el icono del foco, situado en la esquina superior derecha y escriba Terminal. Haga clic sobre la aplicación para abrirla.

4. Para ver las instrucciones para ejecutar el KindleGen, busque el programa kindlegen en la ventana del Finder. Haga clic y arrástrelo hasta la ventana Terminal, donde se encuentra el cursor. El cursor escribe la ruta y se desplaza hasta el final de la línea. Pulse Enter para ver las instrucciones.


http://idpf.org/epub/30/spec/epub30-overview.html





o Alternativamente, es posible ver las instrucciones escribiendo el comando cd ~/Downloads/KindleGen_Mac_i386_v2 en Terminal y, a continuación, escribiendo el comando kindlegen.

Ejemplo de conversión:

1. Para convertir un archivo llamado book.html, copie book.html en el escritorio

2. En la ventana del Finder, haga clic sobre el programa kindlegen, arrástrelo a la ventana Terminal y suéltelo donde se encuentra el cursor. El cursor introduce la ruta y se desplaza al final de la línea.

3. En la ventana del Finder, haga clic sobre el documento, arrástrelo a la ventana Terminal y suéltelo donde se encuentra el cursor. El cursor introduce la ruta y se desplaza al final de la línea. Pulse Enter. Si la conversión si realizó correctamente, aparecerá un nuevo archivo en su escritorio llamado book.mobi.

o Alternativamente, es posible ver las instrucciones escribiendo el comando cd ~/Downloads/KindleGen_Mac_i386_v2 en Terminal y, a continuación, escribiendo el comando kindlegen ~/Desktop/book.html. Si la conversión se realizó correctamente, aparecerá un nuevo archivo llamado book.mobi en el escritorio.

2.2.2.3 Utilizar el KindleGen

Utilice el programa KindleGen versión 2 o superior para convertir un libro en formato EPUB o HTML a formato Kindle 8, tal y como se indica a continuación:

C:> kindlegen filename.opf/.htm/.html/.epub [-c0 or -c1 or c2] [-verbose] [-western] [-o <file name>]

Opciones:

-c0: sin compresión

-c1: compresión DOC estándar

-c2: compresión huffdic Kindle (recomendado para archivos grandes con mucho texto)

-o <file name>: especifica el nombre de archivo de salida. El archivo de salida se creará en el mismo directorio que el de entrada. El <file name> no debe contener la ruta del directorio.

-verbose: proporciona información adicional durante la conversión del ebook.

-western: fuerza versión de libro en Windows-1252

-releasenotes: muestra notas de distribución

-gif: las imágenes se convierten a formato GIF (el libro no contiene JPEG)

-locale <locale option>: para mostrar mensajes en el idioma seleccionado.

en: inglés

de: alemán

fr: francés

it: italiano

es: español

ch: chino



ja: japonés

bp: portugués de Brasil

nl: holandés

2.2.2.4 Mensajes de KindleGen

KindleGen muestra mensajes informativos detallados a medida que avanza la conversión.

Si durante la conversión de archivos Kindlegen encuentra algún problema, le mostrará una advertencia o un error.

Amazon le recomienda enfáticamente que solucione todas las advertencias y los errores de KindleGen antes de publicar el libro.

• Si KindleGen muestra un error, no generará el archivo .mobi. Los errores son problemas que reducen la legibilidad del libro en su dispositivo Kindle.

• Si KindleGen muestra una advertencia, generará el archivo.mobi intentando arreglar automáticamente el problema al que se refiere dicha advertencia. Amazon no garantiza los resultados de ningún arreglo automático efectuado por KindleGen, que podría hacer que el libro luzca distinto que el diseño original.

2.2.3 Programa Kindle Previewer (Previsualizador de Kindle) El Kindle Previewer es una interfaz gráfica de usuario que imita la visualización de los libros en los dispositivos Kindle y sus aplicaciones. El Kindle Previewer facilita la vista previa del diseño de un libro y garantiza que el texto se muestre correctamente en cualquier orientación o tamaño de fuente. Amazon recomienda esta herramienta, junto con el KindleGen, para crear libros Kindle de la mejor calidad.

El Kindle Previewer está disponible tanto para plataformas Windows como para Mac OS X.

2.2.3.1 Instalar el Kindle Previewer

La versión más actual del Kindle Previewer puede descargarse de forma gratuita desde www.amazon.com/kindleformat/kindlepreviewer. La documentación de instalación y ayuda puede encontrarse en http://kindlepreviewer.s3.amazonaws.com/UserGuide.pdf.

Kindle Previewer para Windows (XP, Vista, 7, 8):

1. Descargue el Kindle Previewer para Windows desde www.amazon.com/kindleformat/kindlepreviewer.

2. Guarde el ejecutable (KindlePreviewerInstall.exe) en el disco local.

3. Ejecute KindlePreviewerInstall.exe haciendo doble clic en el archivo.

4. Acepte el Acuerdo de licencia para usuario final en el cuadro de diálogo que contiene la información detallada para instalar el Kindle Previewer.

5. Tras la correcta instalación, el Kindle Previewer aparece en Inicio > Programas > Amazon > Kindle Previewer.

Kindle Previewer para Mac OS 10.6 y superior i386:

1. Descargue el Kindle Previewer para Intel Mac desde www.amazon.com/kindleformat/kindlepreviewer.

2. Guarde el archivo zip (KindlePreviewer.zip) en el disco local.

3. Haga doble clic en el archivo comprimido para descomprimir el Kindle Previewer.

4. Arrastre el Kindle Previewer de la carpeta de Descargas a la carpeta Aplicaciones.

5. Inicie el Kindle Previewer.

Utilice F1 o el menú Ayuda para encontrar el Manual del usuario del Kindle Previewer.


http://www.amazon.com/kindleformat/kindlepreviewer

http://kindlepreviewer.s3.amazonaws.com/UserGuide.pdf




2.3 Servicios de conversión de terceros Los editores tienen la posibilidad de subcontratar el servicio de conversión de títulos a partir de una diversidad de formatos a formato de libro electrónico. Las casas de conversión ofrecen a los editores soluciones y servicios que incluyen la importación de una variedad de formatos de entrada para crear un libro electrónico o un formato de salida listo para su impresión. Los formatos de entrada habituales son:

• Word (.DOC, .DOCX), formato de texto enriquecido (.rtf), texto (.txt)

• PDF

• Libro impreso escaneado

• FrameMaker, InDesign, PageMaker, QuarkXPress

• XML (como DocBook, etc.)

• HTML, XHTML

• EPUB (también conocido como IDPF o OEB)

El proceso de conversión de contenido no ajustable (como PDF o escaneos) a contenido ajustable es una tarea que requiere una gran cantidad de trabajo y un conocimiento especializado en formatos.

Cuando examine las diversas opciones respecto a casas de conversión, Amazon recomienda que confirme qué formato(s) de origen requiere la casa de conversión para convertir los archivos que se utilizarán en el Kindle.

Para Amazon, los archivos de salida preferidos provenientes de las casas de conversión para ser procesados son:

• Libros en formato Amazon Kindle (.mobi/.prc.)

• Metadatos en formato ONIX (XML)

Amazon también puede procesar contenido en formato de origen EPUB. KindleGen compila el archivo y ejecuta verificaciones en busca de errores comunes. Cualquier error o advertencia impedirá que los títulos estén disponibles. Estos errores deberán solucionarse en el archivo EPUB antes de que el título se publique en la tienda Kindle. Los títulos en formato EPUB deberán verificarse con software y/o hardware de Amazon, y también se deberán cumplir las instrucciones de edición que figuran en este documento.

Las casas de conversión también pueden ayudar a los editores a proporcionar metadatos a los minoristas de libros electrónicos. Busque en la web “conversión de libros electrónicos” para encontrar socios con los que trabajar.

3 Instrucciones generales de formato El formato Kindle 8 (KF8) supone la siguiente generación en formato de archivos (en sustitución del Mobi 7) para libros Kindle y es compatible con HTML 5 y CSS 3. La tabla que figura a continuación resume las características del formato Kindle 8 y la compatibilidad del dispositivo/aplicación:

Características y ventajas Todos los dispositivos y aplicaciones Kindle, except los dispositivos Kindle de 1.ra y 2.a generación, y Kindle DX

Compatibilidad completa para CSS que permite que los editores controlen todos los elementos del diseño del texto, inclusive el interlineado, la alineación, la justificación, los márgenes, el color, el estilo y los bordes.

Sí

Compatibilidad para letra capitular al inicio de los párrafos. Sí



Compatibilidad para elementos flotantes que incluye cuadros de texto, llamadas, menús de opciones e imágenes con texto alrededor.

Sí

Compatibilidad para listas numeradas y con viñetas. Sí

Compatibilidad para tablas anidadas y celdas combinadas necesarias en libros de texto y libros técnicos.

Sí

Compatibilidad para imágenes de fondo en las páginas y para texto sobre imágenes de fondo.

Sí

Compatibilidad para gráficos de vectores escalables (SVG) que pueden ampliarse sin perder fidelidad.

Sí

Compatibilidad para fuentes incrustadas que permiten a los editores crear un aspecto personalizado para el libro.

Sí

Compatibilidad para esquinas redondeadas en elementos colocados en cuadros.

Sí

Compatibilidad para sombra proyectada. Sí

Compatibilidad para texto con contorno. Sí

Compatibilidad para imágenes de fondo múltiples y repetidas.

Sí

Compatibilidad para gradiente de color. Sí

Permite un control meticuloso de los atributos para texto y otros elementos mediante los selectores CSS.

Sí

Compatibilidad para páginas con diseño fijo para tamaños de pantalla específicos.

Sí

Existen diferencias importantes entre escribir HTML para sitios web y para libros Kindle. Para ofrecer una experiencia de lectura satisfactoria, deberían evitarse un gran número de prácticas de diseño de páginas web durante la creación de libros Kindle. Para obtener más información, consulte las siguientes secciones.

Compatibilidad para texto en chino, japonés y coreano

Los dispositivos -inclusive Paperwhite y Fire HD- nunca soportan texto vertical de izquierda a derecha y texto japonés ruby. Los antiguos dispositivos de tinta electrónica y tablets están limitados a texto horizontal de izquierda a derecha en chino, japonés y coreano.

3.1 Instrucciones para el texto 3.1.1 Instrucción n. º 1 para el texto: el cuerpo del texto debe utilizar valores por defecto El cuerpo del texto en un libro Kindle reajustable (de ficción y de no ficción) debe ser todo por defecto. Amazon sugiere a los creadores de contenido que utilicen estilos creativos para los encabezados, los párrafos especiales, las notas al pie, las tablas de contenido, etc., pero no para el cuerpo del texto. Esto se debe a que cualquier estilo en el cuerpo del texto del HTML suprimirá la configuración preferida del usuario. Los usuarios tienden a informar negativamente sobre este comportamiento. Los puntos más importantes figuran a continuación:

• El cuerpo del texto debe utilizar tamaño de fuente y altura de línea por defecto. El texto normal no debe usar la etiqueta <font size="…"> o los atributos tamaño de fuente y altura de línea en la hoja de estilo en cascada.

• El cuerpo del texto no debería utilizar principalmente la negrita o la cursiva. Determinadas partes del texto pueden utilizar dicho estilo para énfasis. Esta instrucción solo prohíbe, por ejemplo, un libro en negrita en su totalidad.



• El cuerpo del texto no debería tener un color de fuente impuesto a lo largo del libro. Si prefiere utilizar un color de fuente impuesto en algunas secciones de su libro, por favor no utilice colores demasiado oscuros o suaves. Los colores suaves no se mostrarán con el contraste suficiente en los dispositivos configurados con fondos blancos o en dispositivos con tinta electrónica. Para grises, utilice colores con el valor de rango hexadecimal #666 a #999.

• El cuerpo del texto no debe tener el color de fuente blanco o negro. Los clientes informan de ello como una experiencia negativa porque el texto se puede tornar invisible cuando se configure el fondo del Kindle con el mismo color de la fuente.

• El cuerpo del texto no debe tener un fondo de color negro o blanco. Los clientes informan de ello como una experiencia negativa porque puede crear una experiencia de lectura extraña y encajonada cuando se configure el fondo del dispositivo con un color diferente y porque el texto se puede tornar invisible cuando un usuario cambie la configuración del color de fondo en su dispositivo y el color de fuente se invierte automáticamente.

• Los clientes declaran que disfrutan tener la opción de seleccionar una tipografía de una lista por defecto del dispositivo.

3.1.2 Instrucción n. º 2 para el texto: utilizar CSS para saltos de página No inserte líneas de texto en blanco para crear saltos de página. Utilice los atributos CSS page-break-before y page-break-after(salto de página antes y salto de página después).

3.1.3 Instrucción n.º 3 para el texto: formato de párrafos El KindleGen sangra automáticamente la primera línea de cada párrafo por defecto. Para modificar este comportamiento utilice el estilo text-indent (sangría de texto) en la etiqueta <p>. Por ejemplo:

• <p style="text-indent:0"> - sin sangría en la primera línea.

• <p style="text-indent:10%"> - sangría positiva, 1’% del ancho de la página.

• <p style="text-indent:5em"> - sangría positiva, 5 eme.

Para modificar el espacio anterior a cada párrafo, utilice el estilo margin-top (margen superior) en la etiqueta <p>.

3.1.4 Instrucción n.º 4 para el texto: otras codificaciones son compatibles El origen de un libro Kindle puede codificarse de distintas formas. Todas las codificaciones son compatibles siempre que:

• la codificación de los archivos HTML esté claramente declarada en el HTML, y

• la computadora utilizada para compilar los archivos fuente sea compatible con la codificación y conozca cómo convertirla a UNICODE.

Amazon recomienda especificar la codificación de los archivos HTML en el mismo HTML, utilizando la etiqueta <meta> en la sección <head>.

Ejemplo

<html>

<head>

…

<meta http-equiv="content-type" content="text/html; charset=iso-

8859-1">

…



3.1.5 Instrucción n.º 5 para el texto: espacios y caracteres Unicode Los únicos espacios compatibles son el espacio normal, el espacio de no separación ( ) y la entidad zero-width non-joiner (&zwnj;). El uso de cualquier otro tipo de espacio puede alterar la selección, la búsqueda en el diccionario y los algoritmos de encapsulamiento de línea.

NO utilice caracteres con formato Unicode, ya que también pueden causar problemas.

3.1.6 Instrucción n.º 6 para el texto: la fuente monoespaciada es compatible Kindle utiliza una fuente por defecto para el contenido y también es compatible con una fuente monoespaciada.

Kindle utiliza la fuente monoespaciada para renderizar el contenido de las siguientes etiquetas: <pre>, <code>, <samp>, <kbd>, <tt>, <font face="courier">, <font face="monospace">.

Las etiquetas que figuran en la lista anterior, con la excepción de la etiqueta <pre>, no modifican la alineación del texto. Si el contenido de estas etiquetas se debe alinear a la izquierda, debe encapsular las etiquetas que figuran en la lista anterior en un <div> con estilo CSS utilizando text-align:left..

Los editores también pueden incluir sus propias fuentes para su contenido. Amazon dispone de un proceso de control de calidad para garantizar que estas fuentes aparecerán de forma correcta en los dispositivos basados en tinta electrónica y que no perjudicarán la experiencia de lectura del cliente. No incluya la fuente Charis; será sustituida por una fuente de mayor calidad en los lectores Kindle.

3.1.7 Instrucción n.º 7 para el texto: compatibilidad con CSS La plataforma Kindle anterior ofrecía una compatibilidad muy básica para las Hojas de estilo en cascada (CSS). Este aspecto se ha mejorado notablemente en el KF8 con compatibilidad para CSS 2/CSS 3. (Consulte la sección 11.2 para examinar la lista de atributos/selectores CSS compatibles). Asegúrese de previsualizar su libro Kindle en distintos dispositivos antes de publicarlo, para verificar que los elementos de la CSS aparezcan de la forma deseada.

Evite el uso de valores fijos como puntos o píxeles para propiedades CSS como, por ejemplo, font-size, width, height, margin, padding, text-indent y line-height. Los valores deben especificarse en porcentajes para permitir la renderización en distintos tamaños de pantalla y resoluciones.

Cuando utilice las propiedades CSS margin y padding, especifique los valores en porcentajes (%) en lugar de en unidades eme. Esto garantiza que los márgenes no se amplíen con tamaños de fuente grandes. A los márgenes se les deben asignar valores 0 o mayores para impedir que el contenido se “caiga” del borde de la pantalla o que se solape con otro contenido. Siempre configure los márgenes izquierdo y derecho a 0 para el texto normal del cuerpo para permitir que los usuarios seleccionen todo el rango de margen utilizando los valores por defecto del dispositivo.

Para garantizar la paginación, el lector Kindle no respeta un valor de altura de línea inferior a 1,2 eme o 120%.

Los elementos como las letras capitulares deberían especificarse utilizando porcentajes (%) o unidades relativas (positiva/negativa), evitando el uso de valores fijos como puntos o píxeles. (Por ejemplo, letras capitulares: utilizar tamaño de fuente: 300%). La parte superior de las letras capitulares debe estar alineada con el texto del cuerpo. Para crear letras capitulares, Amazon recomienda utilizar la siguiente CSS de muestra.

Ejemplo

p.para {

font-family: "Times New Roman";

font-size: 4em;

margin-bottom: 0;

margin-top: 0;



text-align: justify;

text-indent: 0;

}

@media amzn-kf8

{

span.dropcaps

{

font-weight:normal;

font-size:320%;

float:left;

margin-top:-0.3225em;

margin-bottom:-0.3245em;

}

}

@media amzn-mobi

{

span.dropcaps

{

font-size:3em;

font-weight: bold;

}

}<p class="para"><span class="dropcaps">T</span>here is a sample

Para verificar que las letras capitulares se muestren de la manera deseada, pruebe el libro como se describe en la sección 9.1, Cómo probar libros para Kindle.

3.1.8 Instrucción n.º 8 para el texto: números de página Las páginas de los libros Kindle no siempre se relacionan directamente con los números de página de la edición de un libro impreso. Por lo tanto, no debe figurar ninguna referencia a los números de página en el libro. Los números de página no deberían incluirse en las referencias cruzadas ni en el índice. Amazon puede crear números de página para libros como metadatos adicionales. Amazon genera estos números de página basándose en su propia tecnología interna.

3.1.9 Instrucción n.° 9 para el texto: personalización de la selección de fuente La fuente principal en un libro debe establecerse a nivel del <body>. Si prefiere utilizar un estilo de texto adicional, como negrita o itálicas, asegúrese que los estilos estén configurados en el texto en vez de en la fuente, para que cualquier fuente que escoja el usuario muestre correctamente estos elementos de estilo. A continuación hay ejemplos tanto correctos como incorrectos respecto a la implementación de Fuentes personalizadas en un libro electrónico.



Código HTML incorrecto Código HTML correcto

<html> <body>

<p style="font-family:PrimaryFont"> Contenido de la fuente principal </p>

<p style="font-family:SecondaryFont"> Contenido de la fuente secundaria</p>



</body> </html>

<html> <body style="font-family:PrimaryFont">

<p> Contenido de la fuente principal </p>

<p style="font-family:SecondaryFont"> Contenido de la fuente secundaria </p>



</body> </html>

Se puede lograr el mismo comportamiento utilizando clases CSS como se muestra a continuación.

Código CSS incorrecto Código CSS correcto

body{ font-size: asize; }

.indent { font-size: asize; font-family: PrimaryFont; }

.sidebar-text { font-family: SecondaryFont; weight: bold; }

body { font-family: PrimaryFont; font-size: asize; } .indent { font-size: asize; } .sidebar-text { font-family: SecondaryFont; weight: bold; }

3.2 Instrucciones para imágenes de portada 3.2.1 Instrucción n.º 1 para imagen de portada: uso obligatorio de una imagen de portada con

fines de mercadotecnia Los libros Kindle deben contener una imagen de mercadotecnia en la portada para su uso en la página de detalles del sitio web. El formato preferido para la portada con fines de mercadotecnia es una imagen JPEG de 2560 píxeles en el lado más largo y 1600 píxeles en el lado más corto con 350 dpi para asegurar la calidad de imagen en los dispositivos Kindle HDX. El tamaño de la imagen debe ser de 5 Mb o menos.

Si el tamaño de la imagen de portada con fines de mercadotecnia es menor a los 2560 X 1600 recomendados, aparecerá un recordatorio al cargarla. Las portadas con menos de 500 píxeles en el lado más pequeño no se muestran en el sitio web. Si el tamaño de su imagen de portada es menor que el recomendado, Amazon le recomienda enfáticamente que genere una nueva imagen que cumpla con el tamaño recomendado. No estire la imagen para llegar al tamaño requerido ya que esto puede disminuir la calidad de imagen.

El contenido de su imagen de portada no debe:

• Infringir los derechos de autor de otro editor o artista en la misma portada.

• Mencionar el precio u otras promociones temporales.



3.2.2 Instrucción n.º 2 para imagen de portada: uso obligatorio de una imagen de portada del contenido interno

Los libros Kindle deben incorporar también una imagen de portada interna para su uso dentro del contenido del libro. Proporcione una portada de gran tamaño y de alta resolución, ya que el control de calidad de Amazon no concederá el visto bueno al libro si la portada es demasiado pequeña. Defina la portada en el .OPF, utilizando uno de los siguientes métodos (los elementos subrayados son obligatorios):

Método 1 (preferido):

<manifest>

...

<item id="cimage" media-type="image/jpeg" href="other_cover.jpg" properties="cover-image"/>

...

</manifest>

Esta sintaxis es parte del estándar IDPF 3.0 y se describe en http://idpf.org/epub/30/spec/epub30-publications-20111011.html#sec-item-property-values.

Método 2:

<metadata>

...

<meta name="cover" content="my-cover-image" />

...

</metadata> ... <manifest>

...

<item href="MyCoverImage.jpg" id="my-cover-image" media-type="image/jpeg" />

...

</manifest>

Es obligatorio el uso de name=”cover” en el nombre del elemento de metadatos.

Esta sintaxis no forma parte del estándar IDPF debido a que el estándar no estipula imágenes de portada. Sin embargo, ha sido diseñada con la ayuda del IDPF y se validará en un verificador IDPF.

3.2.3 Instrucción para imagen de portada n.º 3: la portada interna no debe aparecer dos veces No añada imágenes de portada al contenido de ninguna otra forma que no sea la establecida en la sección 3.2.2 Instrucción n.º 2 para imagen de portada: uso obligatorio de una imagen de portada del contenido interno; de lo contrario, la portada puede aparecer dos veces en el libro.

3.3 Instrucciones para las tablas de contenidos (TOC) Amazon recomienda encarecidamente el uso de una tabla de contenido en HTML para todos los libros que puedan beneficiarse de estas funciones de navegación. Esto se aplica a la mayoría de los libros, exceptuando los libros infantiles con diseño fijo (consultar sección 4) y las novelas gráficas/manga/cómics con diseño fijo (consultar sección 5).


http://idpf.org/epub/30/spec/epub30-publications.html%23sec-item-property-values

http://idpf.org/epub/30/spec/epub30-publications.html%23sec-item-property-values


3.3.1 Instrucción n.º 1 para TOC: se recomienda el uso de una TOC lógica Amazon recomienda ampliamente que todos los libros Kindle incluyan TOC tanto lógica como en HTML. La TOC lógica resulta de vital importancia para que la experiencia de lectura del cliente resulte satisfactoria, ya que permite que el lector se desplace fácilmente entre capítulos. Los usuarios esperan encontrar una tabla de contenidos en HTML cuando hojean un libro desde el principio, mientras que una TOC lógica es una forma adicional para que los usuarios se desplacen por los libros. La inclusión de una TOC lógica es especialmente importante para los libros con más de 20 páginas.

Las TOC lógicas se generan utilizando elementos toc_nav o un archivo de control de navegación para aplicación XML (NCX, por sus siglas en inglés). La creación de una TOC lógica muestra la estructura jerárquica de un libro Kindle y permite que el usuario se desplace a través de este.

En los libros con TOC lógicas habilitadas, los usuarios pueden ver en qué punto de su lectura se encuentran, porque se muestran la parte, el capítulo o la sección. Este indicador de progreso también muestra el progreso en el libro.

Importante: Las etiquetas de ancla anidadas no se soportan en libros con diseño fijo. Se suprimirán los libros con diseño fijo y etiquetas de ancla anidadas.

3.3.1.1 Creación de una TOC lógica usando un elemento toc nav

El elemento toc nav es parte de la especificación IDPF 3.0 y se describe en http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html#sec-xhtml-nav-def-model y http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html#sec-xhtml-nav-def-types-toc.

Al crear un elemento toc nav se proporciona una TOC lógica y una TOC en HTML.

Ejemplo:

<nav epub:type="toc">

<ol>

<li><a href="Sway_body.html#preface_1">NOTA DEL AUTOR</a></li>

<li><a href="Sway_body.html#part_1">PRIMERA PARTE</a>

<ol>

<li><a href="Sway_body.html#chapter_1">THE HOUSES, 1969</a></li>

<li><a href="Sway_body.html#chapter_2">ROCK AND ROLL, 1962</a></li>

<li><a href="Sway_body.html#chapter_3">THE EMPRESS, 1928–1947</a></li>

</ol>

</li>

</ol>

</nav>

El ejemplo anterior define la siguiente jerarquía TOC:

NOTA DEL AUTOR

PRIMERA PARTE

THE HOUSES, 1969

ROCK AND ROLL, 1962

THE EMPRESS, 1928–1947


http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html%23sec-xhtml-nav-def-model

http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html%23sec-xhtml-nav-def-types-toc


Este extracto del OPF (archivo de encabezado de publicación) muestra cómo declarar el elemento toc nav en el “manifiesto” <manifest>:

Ejemplo:

<manifest>

<item id="toc" properties="nav" href="xhtml/toc.xhtml" media-type="application/xhtml+xml"/>

Es opcional usarlo en el <spine> si se usará como la TOC en HTML.

<spine>

<itemref idref="toc"/>

3.3.1.2 Creación de una TOC lógica mediante NCX

NCX forma parte de la especificación IDPF 2.0 y se describe a continuación: http://www.niso.org/workrooms/daisy/Z39-86-2005.html#NCX.

Ejemplo de NCX:

<navMap>

<navPoint class="titlepage" id="L1T" playOrder="1">

<navLabel><text>NOTA DEL AUTOR</text></navLabel>

<content src="Sway_body.html#preface_1" />

</navPoint>

<navPoint class="book" id="level1-book1" playOrder="2">

<navLabel><text>PRIMERA PARTE</text></navLabel>

<content src="Sway_body.html#part_1" />

<navPoint class="chapter" id="level2-book1chap01" playOrder="3">

<navLabel><text>THE HOUSES, 1969</text></navLabel>

<content src="Sway_body.html#chapter_1" />

</navPoint>


<navLabel><text>ROCK AND ROLL, 1962</text></navLabel>


</navPoint>


<navLabel><text>THE EMPRESS, 1928–1947</text></navLabel>


</navPoint>

</navPoint>

</navMap>


http://www.niso.org/workrooms/daisy/Z39-86-2005.html%23NCX


El ejemplo de NCX anterior define la jerarquía de la tabla de contenidos que figura a continuación:

NOTA DEL AUTOR PRIMERA PARTE THE HOUSES, 1969 ROCK AND ROLL, 1962 THE EMPRESS, 1928–1947

Este extracto del .OPF (archivo encabezado de publicación) muestra cómo añadir una tabla de contenidos NCX a un libro.

Declare el NCX en el “manifiesto”:

<manifest>

<item id="toc" media-type="application/x-dtbncx+xml"

href="toc.ncx"/>

Asimismo, utilícelo en la “espina”:

<spine toc="toc">

3.3.2 Instrucción n.º 2 para TOC: la tabla de contenidos HTML debe estar vinculada Coloque una página HTML con una tabla de contenidos al principio del libro, para que los usuarios puedan saltar fácilmente a determinados puntos del mismo (generalmente, a un capítulo determinado). Las entradas presentes en la tabla de contenidos deben ser enlaces HTML, para que el usuario pueda hacer clic y acceder a un punto específico. Una tabla de contenidos que no esté creada a partir de vínculos no es útil en el Kindle.

3.3.3 Instrucción n.º 3 para TOC: la tabla de contenidos HTML debe ser referenciada La tabla de contenidos debe ser referenciada desde un elemento de guía de tabla de contenidos en el archivo OPF o el archivo html de navegación debe referenciar a una TOC en un elemento landmarks nav, para permitir al cliente saltar a la tabla de contenidos desde el menú del Kindle.

Cada dispositivo o aplicación Kindle dispone de un elemento de interfaz de usuario que permite al usuario saltar al elemento de guía tabla de contenidos o al elemento TOC en un elemento landmarks nav desde cualquier punto del libro.

A continuación, encontrará un ejemplo de un elemento de guía para una tabla de contenidos (los elementos subrayados son obligatorios):

<guide> <reference type="toc" title="Tabla de contenidos" href="toc.html"/> </guide>

He aquí un ejemplo de un elemento landmarks nav para una tabla de contenidos (los elementos subrayados son obligatorios):

<nav epub:type="landmarks">

<ol><li><a epub:type="toc" href="toc.html">Tabla de contenidos</a></li></ol>

</nav>

3.3.4 Instrucción n.º 4 para TOC: la tabla de contenidos no debe contener tablas No cree una tabla de contenidos utilizando etiquetas de tablas <table> en HTML. Cuando la tabla de contenidos incluye etiquetas de tablas <table> en HTML, se impide que los hipervínculos de la tabla de contenidos puedan clicarse/sean funcionales. Las tablas son, únicamente, para información tabular, no para el diseño.



3.3.5 Instrucción n.º 5 para TOC: la tabla de contenidos no debe contener números de página No utilice números de página en las tablas de contenido. Las páginas de los libros Kindle no siempre se relacionan directamente con los números de página de la edición del libro impreso.

Si importa el documento desde Word, utilice los estilos “Encabezado” y la función “Tabla de contenidos” de Microsoft Word. Las tablas de contenidos creadas por Word se importarán de forma correcta y se convertirán a tablas de contenidos que cumplan estas instrucciones.

3.3.6 Instrucción n.º 6 para TOC: colocar la tabla de contenidos al principio del libro Sitúe la tabla de contenidos HTML al principio del libro, no al final. Esto garantiza que el cliente que navega desde el principio encuentre la tabla de contenidos de forma natural. La colocación incorrecta de la tabla de contenidos afecta la precisión de la función “Última página leída”. La colocación correcta garantiza, asimismo, que la tabla de contenidos aparezca en descargas de muestras del libro.

3.3.7 Instrucción n.º 7 para TOC: incluir una tabla de contenidos para colecciones Para colecciones que contengan más de un libro individual, incluya una tabla de contenidos global al inicio del archivo.

3.4 Instrucciones para elementos landmarks nav 3.4.1 Instrucción n.° 1 para elementos landmarks nav: elementos landmarks nav recomendados La plataforma Kindle soporta elementos landmarks nav para definir la portada, tabla de contenidos (TOC) y ubicación de inicio de lectura (”Ir al principio”). No establezca la ubicación de lectura inicial en una página blanca.

Amazon no recomienda añadir elementos landmarks nav adicionales al archivo OPF, ya que aparecerán en gris en las opciones del menú y podrían confundir al cliente.

IMPORTANTE: Los elementos landmarks nav, especialmente el elemento landmarks nav de la tabla de contenidos, no sustituyen la tabla de contenidos.

Los elementos landmarks nav son parte de la especificación IDPF 3.0 y se describen en:

http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html#sec-xhtml-nav-def-model y

http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html#sec-xhtml-nav-def-types-landmarks.

3.5 Instrucciones para elementos de guía 3.5.1 Instrucción n.º 1 para elementos de guía: elementos de guía recomendados La plataforma Kindle soporta elementos de guía para definir la portada, la tabla de contenidos (TOC), y la ubicación de inicio de lectura ("Ir al principio"). No establezca la ubicación de lectura inicial en una página en blanco.

Amazon no recomienda añadir elementos de guía adicionales al archivo OPF, ya que aparecerán en gris en las opciones del menú y podrían confundir al cliente.

IMPORTANTE: los elementos de guía, especialmente el elemento de guía tabla de contenidos, no sustituyen la tabla de contenidos.

3.6 Instrucciones para imágenes Estas instrucciones aplican a la mayoría de libros, si bien no pueden aplicarse a los libros infantiles ni a las novelas gráficas/manga/cómics con diseño fijo y una gran cantidad de imágenes (consultar la sección 5). Con respecto a las instrucciones para las imágenes de portada, consulte la sección 3.2.

3.6.1 Instrucción n.º 1 para imágenes: utilizar formatos de entrada compatibles La plataforma Kindle soporta imágenes GIF, BMP, JPEG, PNG no transparente y gráficos de vectores escalables (SVG).

Cuando utilice imágenes para esquemas, gráficos, tablas, mapas o cualquier otro elemento que incluya texto, preste especial atención a la legibilidad de la imagen final.


http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html%23sec-xhtml-nav-def-model

http://idpf.org/epub/30/spec/epub30-contentdocs-20111011.html%23sec-xhtml-nav-def-types-landmarks


Añada imágenes a la fuente utilizando la etiqueta estándar HTML <img>.

Utilice una resolución de 300 dpi o 300 ppi para todas las imágenes.

Utilice RGB como perfil de color para guardar sus archivos. Kindle no admite CMYK ni sRGB.

3.6.2 Instrucción n.º 2 para imágenes: KindleGen realiza conversiones automáticas de las imágenes

El tamaño máximo de un archivo de imagen individual es de 5 MB. El tamaño máximo de un archivo mobi es de 650 MB.

Obtendrá los mejores resultados si optimiza sus imágenes con la mayor calidad posible dentro de los límites del tamaño del archivo antes de colocar sus archivos en el KindleGen.

Si la conversión automática de la imagen no resulta de su agrado, intente optimizar las imágenes antes de proporcionarlas al KindleGen.

3.6.3 Instrucción n.º 3 para imágenes: utilizar imágenes en color Utilice imágenes con color cuando sea posible y pertinente. Si la imagen es una fotografía, debe tener formato JPEG.

3.6.4 Instrucción n.º 4 para imágenes: las fotografías deben utilizar el formato JPEG Las fotografías deberían estar en formato JPEG, con un factor de calidad de 40 o superior. Asimismo, deberían utilizar la mayor resolución posible dentro del tamaño límite del archivo. KindleGen procesa las fotografías según sea necesario, para adaptarlas a los requisitos del formato de archivo.

Las fotografías no deberían ser demasiado pequeñas. Asegúrese de que las fotografías de entrada tengan un tamaño mínimo de 600 x 800 píxeles, salvo si las optimiza siguiendo la sección 3.5.2 Instrucción n.º 2 para imágenes: KindleGen realiza conversiones automáticas de las imágenes. Las fotografías de menos de 300 x 400 píxeles son demasiado pequeñas y es posible que sean rechazadas.

Si las fotografías están en formato GIF o son demasiado pequeñas, convertirlas a JPEG o aumentar su tamaño de forma artificial no mejora la calidad. Regrese a la fuente original para crear una imagen JPEG con resolución suficiente.

3.6.5 Instrucción n.º 5 para imágenes: utilizar formato GIF o PNG para arte lineal y texto Las imágenes de arte lineal son gráficos dibujados con un número limitado de colores sólidos (como imágenes dibujadas utilizando Illustrator, Paint o PowerPoint, incluidos los dibujos en blanco y negro). El texto, los gráficos, los cuadros y las tablas son ejemplos de imágenes de arte lineal.

El arte lineal debería estar en formato GIF o PNG. El algoritmo JPEG intentará mezclar partes de la imagen y desdibujaría los bordes nítidos, lo que provocaría que la imagen (y el texto que incluya) se vean borrosos.

El texto que aparece en imágenes de arte lineal debería ser nítido y legible.

Optimice los GIF de arte lineal antes de enviarlos al programa KindleGen. Cambiar las dimensiones o utilizar compresión JPEG provoca que las imágenes se vuelvan borrosas o que aparezcan artefactos no deseados. Amazon recomienda, por lo tanto, que se utilicen los formatos GIF o PNG en las imágenes de arte lineal.

Para optimizar los GIF y los PNG y adecuarlos al límite de los 127 KB, puede seguir los consejos que figuran a continuación:

• Intente reducir el número de colores utilizados. Esto puede realizarse, normalmente, sin alterar la calidad de la imagen. Las imágenes de arte lineal que parecen estar en blanco y negro podrían estar en color debido a ciertos algoritmos anti-solapamiento. A continuación encontrará un ejemplo (observe las sombras de color rojo y azul alrededor de la “A” en la imagen de la izquierda):



• Elimine los márgenes blancos alrededor de la imagen, si existieran. Al cortar, tenga en cuenta

cómo se verá la imagen en dispositivos configurados con fondos blanco, sepia o negro.

• Redimensione la imagen, si fuera necesario, pero preste especial atención a la legibilidad del texto (consulte la sección 3.5.6 Instrucción n.º 6 para imágenes: requisitos de imagen y tamaño de fuente para texto y arte lineal).

3.6.6 Instrucción n.º 6 para imágenes: requisitos de imagen y tamaño de fuente para texto y arte lineal

Una imagen que contenga texto no debería ser significativamente mayor que la pantalla Kindle. Los dispositivos Kindle de tinta electrónica ofrecen la posibilidad de rotar una imagen para utilizar más espacio de pantalla. Las tablets Fire y la aplicación Kindle para iPhone permiten ampliar la imagen y obtener vista panorámica. No obstante, la experiencia de lectura del usuario empeora rápidamente para imágenes de arte lineal muy grandes.

Las siguientes normas garantizan un correcto renderizado en todas las plataformas Kindle para imágenes de arte lineal que contengan texto:

• El tamaño MÁXIMO de la imagen es de 500 x 600 píxeles. Esto garantiza que la imagen no se encoja en un dispositivo Kindle, lo cual podría provocar que el texto fuera ilegible.

• El tamaño MÍNIMO del texto es de 6 píxeles para la altura de la "a" minúscula. La propia imagen deberá ser mayor de 6 pixeles de altura si hay espacio adicional por ecima o por debajo de la “a”. En el caso de las imágenes que contengan una sola línea de texto, como en el ejemplo que aparece más arriba, estas deben tener al menos 45 píxeles de altura para que tenga un aspecto proporcional al contenido del texto de alrededor.

Estas normas limitan el tamaño de las tablas disponibles en formato de imagen. Las tablas de mayor tamaño deberían ser redimensionadas.

Imágenes de ejemplo:

Descripción Imagen

Una tabla con contenido de arte lineal/texto renderizado como imagen. La imagen GIF tiene 317 x 233 píxeles y pesa 6KB. El texto es nítido y legible. Se cumple el requisito del tamaño de fuente (la “a” tiene una altura de 7 píxeles).



Descripción Imagen

La misma imagen con compresión JPEG. Aparecen artefactos de compresión que desdibujan el texto, si bien este sigue siendo legible. El tamaño ha aumentado a 17 KB.

Mala calidad: La imagen aparece borrosa debido al redimensionamiento y a la compresión JPEG. El texto no se puede leer. Se rechazará.

A continuación, figura un ejemplo de la tabla de mayor tamaño aceptable, renderizada como imagen. El tamaño es el máximo: 500 x 600 píxeles. La fuente utiliza un tamaño de cuerpo (altura de la “a”) de 7 píxeles, un poco por encima del mínimo de 6 píxeles. El GIF pesa 33 KB.

MAL



3.6.7 Instrucción n.º 7 para imágenes: preferencia de HTML frente a imágenes No renderice grandes porciones de texto como imágenes. Si una imagen contiene párrafos enteros de texto, no debería ser una imagen, sino HTML.

A continuación, figura un ejemplo de una imagen cargada de texto que debería ser HTML.

Nota: la imagen se encogerá para ajustarse a la pantalla y resultará ilegible, mientras que la versión en HTML será paginada.



3.6.8 Instrucción n.º 8 para imágenes: colocación del título de la imagen Amazon recomienda colocar el título debajo de la imagen, para que el lector vea la imagen antes de ver el título que la acompaña. Define un salto de línea entre la imagen y el título (por ejemplo, utilizando una etiqueta <br /> tag) para garantizar que el texto del título no quede ubicado junto a la imagen.

3.6.9 Instrucción n.º 9 para imágenes: controlar la relación de aspecto de una imagen Para preservar la relación de aspecto de las imágenes, no es posible ajustar el ancho y la altura a un porcentaje fijo. Se puede ajustar o bien el ancho o bien la altura a un porcentaje fijo (por ej. al 100%), pero la otra propiedad debería ajustarse en “auto” para mantener la relación de aspecto.

3.6.10 Instrucción n.° 10 para imágenes: mostrar el texto correctamente dentro de SVG Para mostrar el texto correctamente dentro de un SVG, utilice el atributo tamaño de fuente para el <texto> dentro del SVG.

Ejemplo

<html>

<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<text x="20" y="20" font-size=20 fill="red">svg text sample</text>

</svg>

</body>

MAL



</html>

3.6.11 Instrucción n.° 11 para imágenes: utilice etiquetas y elementos SVG compatibles El editor puede hacer referencia a archivos SVG desde un archivo HTML utilizando etiquetas <svg>, <img>, <embed> o <object> embebidas. Consulte la especificación de SVG en http://www.w3.org/TR/SVG/ para obtener detalles sobre SVG.

Ejemplo

<html>

<body>

<svg xmlns="http://www.w3.org/2000/svg"><!—Inline SVG--></svg>

<img src="svgfile1.svg"/>

<embed src="svgfile2.svg"/>

<object src="svgfile3.svg"/>

</body>

</html>

Elementos de SVG compatibles

<circle>

<clipPath>

<defs>

<ellipse>

<feBlend>

<feColorMatrix>

<feComponentTransfer>

<feComposite>

<feConvolveMatrix>

<feDiffuseLighting>

<feDisplacementMap>

<feDistantLight>

<feFlood>

<feFuncA>

<feFuncB>

<feFuncG>

<feFuncR>

<feGaussianBlur>


http://www.w3.org/TR/SVG/


<feMerge>

<feMergeNode>

<feMorphology>

<feOffset>

<fePointLight>

<feSpecularLighting>

<feSpotLight>

<feTile>

<feTurbulence>

<Filter>

<font-face>

<font-face-name>

<font-face-src>

<line>

<linearGradient>

<marker>

<mask>

<metadata>

<path>

<pattern>

<polygon>

<polyline>

<radialGradient>

<rect>

<stop>

<style>

<svg>

<symbol>

<text>

<textPath>

<tref>

<tspan>

<use>

Referencia: http://www.webkit.org/projects/svg/status.xml


http://www.webkit.org/projects/svg/status.xml


3.7 Instrucciones para tablas 3.7.1 Instrucción n.º 1 para tablas: utilizar tablas únicamente para información tabular IMPORTANTE: utilice las tablas, únicamente, para información tabular. El uso de tablas como diseño no está permitido en los libros Kindle. No utilice tablas para diálogos, transcripciones, cronologías, tablas de contenidos, listas, menús laterales o cualquier otro propósito de formato.

3.7.2 Instrucción n.º 2 para tablas: evitar tablas grandes Una tabla renderizada como una imagen no puede paginarse porque la imagen entera se muestra en una sola pantalla. Si la tabla se renderiza utilizando etiquetas HTML <table>, la paginación estará disponible y el usuario podrá desplazarse por las celdas de la tabla. La experiencia del usuario se empobrecerá si la tabla es significativamente más ancha que la pantalla y obliga al usuario a desplazarse lateralmente, y crea una experiencia pobre para el usuario.

Para que el usuario disfrute de la mejor experiencia: las tablas no deberían contener párrafos completos de texto o grandes dibujos en una celda.

Si una tabla es demasiado grande o contiene demasiado texto en las celdas, considere reformatearla de forma que mantenga un texto legible. Las columnas únicas de texto HTML proporcionan la mejor experiencia de lectura para los clientes utilizando una variedad de tamaños de fuente.

En el ejemplo que figura a continuación, incluso la rotación para obtener un mejor ajuste en pantalla no resulta útil. Para preservar el formato y diseño de los datos, sería preferible que el párrafo de texto estuviera en HTML plano y que únicamente la columna situada más a la derecha estuviera disponible como imagen o tabla HTML.

Tabla grande disponible en formato de imagen: texto ilegible, calidad no aceptable

El mismo contenido, reformateado como HTML, dando como resultado una tabla legible, de buena calidad

Vitamin C

Functions/Roles in Metabolism

Antioxidant; biosynthesis of connective tissue components (collagen, elastin, fibronectin, proteoglycans, bone matrix, and elastin–associated fibrillin); carnitine, and neurotransmitters

Deficiency Symptoms

Scurvy (involves deterioration of elastic tissue); follicular hyperkeratosis, petechiae, ecchymoses, coiled hairs, inflamed and bleeding gums, perifollicular hemorrhages, joint effusions, arthralgia, and impaired wound healing; dyspnea, edema, Sjögren syndrome, weakness, fatigue, depression

Toxicity Symptoms

Nausea, abdominal cramps, and diarrhea (from supplements)



3.7.3 Instrucción n.º 3 para tablas: crear tablas HTML sencillas Utilice las etiquetas <table> para crear sencillas con filas y columnas estándar. Estas tablas se mostrarán como tablas en los dispositivos Kindle y en Kindle para iPhone que están disponibles en la actualidad. En el Kindle 1, estas tablas aparecen aplanadas (es decir, todo el contenido se muestra en una columna). El KF8 soporta tablas anidadas y celdas combinadas, pero Amazon recomienda a los editores utilizar esta función con criterio y solo cuando sea necesario.

Los atributos colspan y rowspan deberían ser inferiores o iguales al número total de columnas o filas (según sea adecuado) en la tabla.

3.7.4 Instrucción n.º 4 para tablas: dividir tablas cuando sea necesario Hay ocasiones en las que puede ser necesario formatear una tabla como imagen, y que esta siga siendo demasiado grande para poder ser leída en la pantalla del Kindle. En este caso, una buena solución consiste en dividir la imagen. El siguiente ejemplo es una instrucción que puede utilizar cuando desee dividir una tabla en 2 páginas. Esta lógica puede extenderse a imágenes de tablas en múltiples páginas.

Ejemplo: divida la imagen por la mitad de forma horizontal, un 60% por debajo de la imagen y, a continuación, divida el encabezado y cópielo en la mitad inferior de la imagen y péguelo en una nueva imagen. Las dos imágenes finales deberían ser del mismo tamaño y disponer de encabezado de tabla.

Revise la imagen de origen, no el archivo GIF convertido; de lo contrario, la imagen se convertirá en formato GIF dos veces, lo que podría disminuir la calidad.

3.7.5 Instrucción n.º 5 para tablas: optimizar el tamaño máximo de la tabla Optimice las tablas, de manera que no superen el tamaño de 10 pantallas de Kindle. En términos generales, una pantalla de Kindle contiene, aproximadamente, 24 filas de 60 caracteres cada una, si bien el Kindle DX muestra un número mayor de caracteres. El límite de caracteres es el número máximo de caracteres en cada fila. Existe un número limitado de combinaciones para una tabla que aparezca como la que figura a continuación. Si una tabla contiene más caracteres que el número máximo especificado a continuación, divida la tabla en tablas más pequeñas o en imágenes, como se describe en la sección 3.6.4 Instrucción n.º 5 para tablas: dividir tablas cuando sea necesario. En este caso, los caracteres son caracteres no formateables (el texto real que el usuario ve cuando mira el contenido de la tabla.

Número de filas Caracteres máximos (por fila)

1 – 24 600

25 – 48 300

49 – 72 180

72 – 120 120

121 – 240 60

3.8 Instrucciones de compatibilidad para ediciones digitales de Adobe 3.8.1 Instrucción n.º 1 de compatibilidad para ediciones digitales de Adobe: utilizar ID de

elemento único Cuando utilice Adobe Digital Editions, asegúrese de que las ID de elementos en el manifiesto sean únicas. Adobe Digital Editions no fuerza la unicidad de las ID, lo cual no es correcto según el estándar IDPF.

<manifest> <item id="css1" href="core.css" media-type="text/css"/> <item id="css2" href="template.css" media-type="text/css"/>



... </manifest>

3.9 Instrucciones de estilo 3.9.1 Instrucción n.º 1 de estilo: utilizar una tabla de contenidos HTML anidada Para crear entradas útiles, navegables y profundas para la tabla de contenidos, Amazon recomienda utilizar la siguiente sintaxis en la tabla de contenidos HTML. A continuación, encontrará dos formas de escribir el mismo código de muestra: atributos de estilo y clases CSS.

Uso de los atributos de estilo:

<div>Section 1</div> <div style="margin-left:1em;">Capítulo 1</div> <div style="margin-left:1em;">Capítulo 2</div> <div style="margin-left:1em;">Capítulo 3</div> <div style="margin-left:2em;">Subcapítulo 1</div> <div style="margin-left:2em;">Subcapítulo 2</div> <div style="margin-left:1em;">Capítulo 4</div> <div style="margin-left:2em;">Subcapítulo 1</div> <div>Section 2</div>

Uso de las clases CSS:

<style> div.chapter { margin-left: 1em} div.subchapter { margin-left: 2em} </style> <div>Sección 1</div> <div class="chapter">Capítulo 1</div> <div class="chapter">Capítulo 2</div> <div class="chapter">Capítulo 3</div> <div class="subchapter">Capítulo 1</div> <div class="subchapter">Capítulo 2</div> <div class="chapter">Capítulo 4</div> <div class="subchapter">Subcapítulo1</div> <div>Sección 2</div>

3.9.2 Instrucción n.º 2 de estilo: formato correcto de las barras laterales A la hora de introducir contenido de barra lateral en el flujo principal de un libro formateado para Kindle formato 8, utilice la propiedad “float” en la CSS. No obstante, si el libro está formateado para Mobi 7, utilice las etiquetas HTML <hr/>, antes y después de la barra lateral, para diferenciar esto del cuerpo principal de texto. Evite utilizar valores eme negativos al especificar las dimensiones para un elemento flotante.

3.10 Instrucciones para HTML 3.10.1 Instrucción n.º 1 para HTML: construir documentos HTML (XHTML) bien estructurados El formato Kindle 8 es compatible con la mayoría de características HTML 5.0, si bien las siguientes no son completamente compatibles: formas, marcos y JavaScript.

Al crear HTML o XHTML fuente para Kindle, consulte uno de los siguientes libros como texto elemental para la construcción de documentos HTML bien estructurados:

HTML, XHTML, and CSS de Elizabeth Castro (publicado por Peachpit Press): http://www.amazon.com/HTML-XHTML-and-CSS/dp/B000SEFC5Q


http://www.amazon.com/HTML-XHTML-and-CSS/dp/B000SEFC5Q/ref=sr_1_1?ie=UTF8&s=digital-text&qid=1247696116&sr=1-1


Primeros pasos en HTML con CSS y XHTML: Modern Guide and Reference de David Schultz y Craig Cook (publicado por Apress): http://www.amazon.com/Beginning-HTML-CSS-XHTML-Reference/dp/B001D25ZPE Primeros pasos en la programación web con HTML, XHTML, y CSS de John Duckett (publicado por Wrox): http://www.amazon.com/Beginning-Programming-HTML-XHTML-ebook/dp/B000VZQVVG

3.10.2 Instrucción n.º 2 para HTML: las anclas deben añadirse antes de las etiquetas de formato Correcto: <a name="Chapter1"/><h1>Chapter 1</h1>.

Incorrecto: <h1><a name="Chapter1"/>Chapter 1</h1>

3.10.3 Instrucción n.º 3 para HTML: los elementos de guía de EPUB son opcionales Los elementos de guía son una característica opcional en el formato EPUB, pero son muy recomendables. El Kindle brinda soporte para los ítems de guía de cubierta, tabla de contenido y texto. Si opta por no incluir elementos de guía para la portada o índice, estos artículos de lista seguirán apareciendo en los menúes de Kindle, pero estarán en gris y no se podrán seleccionar.

3.10.4 Instrucción n.º 4 para HTML: utilizar un diseño de columna única y evitar las posiciones absolutas

Cree el contenido utilizando un diseño de columna única y evite utilizar el atributo position:absolute para la alineación.

3.10.5 Instrucción n.º 5 para HTML: utilizar el atributo position:absolute para texto sobre imagen Para colocar texto sobre una imagen que debe tener una posición exacta, utilice el atributo position:absolute. Utilice este atributo únicamente en aquellos libros que requieren un diseño fijo, como libros de imágenes para niños con texto específicamente posicionado en relación con los elementos de imagen del fondo.

3.10.6 Instrucción n.º 6 para HTML: evitar el uso de valores negativos Evite el uso de valores negativos para posicionar texto e imágenes. El posicionamiento con valores negativos sin agregar relleno para su compensación puede causar que el contenido se muestre con su borde recortado. Por ejemplo, si quiere usar sangría de texto: -2em también debe agregar relleno izquierdo: 2em

3.10.7 Instrucción n.º 7 para HTML: evitar el uso de secuencias de comandos Las secuencias de comandos no son compatibles. Todas las secuencias de comandos se eliminarán de la fuente durante la conversión. Tampoco son compatibles las SVG con animación.

3.10.8 Instrucción n.º 8 para HTML: evitar el uso de valores negativos para la altura de línea No utilice valores negativos para el atributo de altura de línea. No son compatibles.

3.10.9 Instrucción n.º 9 para HTML: las referencias a archivos deben coincidir con la grafía y el uso de mayúsculas de la fuente

Según los estándares WC3 HTML, todas las referencias a archivos (fuentes, imágenes, etc.) deben coincidir exactamente con la grafía y el uso de mayúsculas del archivo fuente.

3.11 Instrucciones para fuentes incrustadas El formato Kindle 8 soporta fuentes incrustadas en el libro electrónico. Estas fuentes pueden ser Open Type (OTF) o True Type (TTF). Kindle no recomienda el uso de fuentes Tipo 1 (PostScript). Para brindar a los clientes de Kindle la mejor experiencia de lectura posible, los libros reajustables que usan fuentes Tipo 1 se renderizan usando fuentes Kindle de manera predeterminada. En dispositivos y aplicaciones compatibles con KF8, los clientes tienen la opción de activar o desactivar las fuentes suministradas por el editor.

Los archivos de fuentes del libro se difuminan deliberadamente para reducir la probabilidad de que se reutilicen, pero es responsabilidad del editor asegurarse de que cuenta con los derechos de licencia requeridos sobre las fuentes. A menos que sean necesarias las fuentes incrustadas para transmitir el


http://www.amazon.com/Beginning-HTML-CSS-XHTML-Reference/dp/B001D25ZPE/ref=sr_1_4?ie=UTF8&s=digital-text&qid=1247696116&sr=1-4

http://www.amazon.com/Beginning-HTML-CSS-XHTML-Reference/dp/B001D25ZPE/ref=sr_1_4?ie=UTF8&s=digital-text&qid=1247696116&sr=1-4

http://www.amazon.com/Beginning-Programming-HTML-XHTML-ebook/dp/B000VZQVVG/ref=sr_1_9?ie=UTF8&s=digital-text&qid=1247696116&sr=1-9


propósito, Amazon recomienda usar el conjunto predeterminado de fuentes instaladas en los dispositivos y aplicaciones Kindle debido a que están optimizadas para la renderización de alta calidad.

Incruste solo fuentes que no estén ya disponibles en los dispositivos y las aplicaciones. Los editores no necesitan incluir la fuente Charis en sus libros Kindle ya que es una tipografía con licencia abierta. Al seleccionar una fuente, considere el uso para lectores con incapacidades visuales y seleccione una fuente simple y clara que contraste bien en todos los fondos de las tablets y la tinta electrónica.

3.12 Instrucciones para enlaces externos Los enlaces externos dentro de los libros Kindle deberían estar presentes solo si mejoran directamente la lectura y el contenido del título según lo determinado por Amazon. Algunos ejemplos son:

• Enlaces a contenido multimedia directamente relacionado con el contenido del título;

• Enlaces a material auxiliar adicional (listas de verificación, formularios de evaluación, motivos artesanales y materiales impresos similares);

• Enlaces a sitios web típicos (por ejemplo un enlace a Whitehouse.gov en un libro que trata sobre el gobierno de los Estados Unidos);

• Medios sociales relativos al libro o al autor (por ejemplo un hashtag de Twitter)

Algunos ejemplos de enlaces prohibidos incluyen:

• Enlaces a pornografía;

• Enlaces a sitios comerciales de venta de libros electrónicos aparte de Amazon;

• Enlaces a formularios web que pidan información del usuario (como la dirección de correo electrónico, la dirección física, entre otros);

• Enlaces a contenido ilegal, dañino, transgresor u ofensivo;

• Enlaces con intención maliciosa (por ejemplo un virus, un fraude electrónico, entre otros)

Amazon se reserva el derecho de quitar enlaces a criterio propio.

4 Crear libros infantiles con diseño fijo Determinados libros poseen elementos con unas dimensiones y orientación fijas que no permiten cambiar el tamaño de las fuentes ni el reajuste de texto. Por ejemplo, los libros infantiles y las novelas gráficas tienen imágenes a pantalla completa, con texto situado de forma precisa en relación con las ilustraciones. Para dar a cabida a estos tipos de medios, el KF8 introduce nuevos campos de metadatos y las directrices correspondientes. Los libros con diseño fijo no son compatibles con el texto reajustable y dicho diseño solo debería emplearse en los libros creados con un diseño fijo en su totalidad; los libros no pueden ser parcialmente reajustables o estar creados con un diseño fijo parcial.

Para demostrar las prácticas recomendadas para la creación de libros con diseño fijo, Amazon proporciona un libro infantil de ejemplo en www.amazon.com/kindleformat (bajo el encabezado Ejemplos KindleGen). Este ejemplo es una demostración de cómo crear contenido para aprovechar el diseño fijo con aumento de zona. No está diseñado como tutorial de HTML.

4.1 Campos de metadatos compatibles con libros infantiles con diseño fijo El archivo OPF especifica los metadatos necesarios para los libros con diseño fijo. Cada uno de estos valores se aplica al libro entero. Para ver una demostración, consulte el ejemplo de libro infantil en www.amazon.com/kindleformat (bajo el encabezado Ejemplos KindleGen).

MetadatosMetadatos DescripciónDescripción

El diseño puede especificarse usando uno de los siguientes campos de

Requerido. Identifica que el libro tiene un diseño fijo.

Los valores válidos para los metadatos rendition:layout son reflowable o pre-paginated. El


http://www.amazon.com/kindleformat



metadatos:

1) <meta property="rendition:layout">pre-paginated</meta>

2) <meta name="fixed-layout" content="true"/>

valor predeterminado es reflowable.

Los valores válidos para metadatos fixed-layout son true (verdadero) o false (falso). El valor por defecto es false.

<meta name="original-resolution" content="1024x600"/>

Requerido. Identifica la resolución de diseño original del contenido (“1024x600” es solo un ejemplo). La resolución de pantalla puede tener cualquier valor positivo entero. Estos valores deben igualar la relación de aspecto global del contenido original.

La orientación puede especificarse usando uno de los siguientes campos de metadatos:

1) <meta property="rendition:orientation">landscape</meta>

2) <meta name="orientation-lock" content="landscape"/>

Opcional.

Los valores válidos para los metadatos rendition:layout son portrait, landscape o auto. Bloquea la orientación del libro a modo retrato o apaisado. Si el valor es auto, se soportan ambos modos. El valor predeterminado es auto.

Los valores válidos para los metadatos orientation-lock son portrait (retrato), landscape (paisaje) o none (ninguno). Bloquea la orientación del contenido, bien a retrato bien a paisaje. Si el valor es none, se soportan tanto el modo retrato como apaisado. El valor por defecto es none.

<meta name="RegionMagnification" content="true"/>

Opcional. Permite el Panel de visualización de Kindle y Kindle Text Pop-Up. Los valores válidos son true (verdadero) o false (falso). El valor predeterminado es false (falso). Para habilitar esta característica se requieren instrucciones de CSS adicionales, como se especifica en la sección 4.2.2.

<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 (inclusive Kindle Text Pop-Up, el Panel de visualización de Kindle y los Paneles virtuales de Kindle). Los valores válidos son horizontal-lr, horizontal-rl, vertical-lr y vertical-rl. El valor predeterminado es horizontal-lr.

<itemref id="page-id" properties="page-spread-left"/>

Opcional. Permite a los editores especificar diseños de páginas (páginas dobles, páginas opuestas) a nivel de página y puede variar en todo el libro. Las propiedades de página deben especificarse en los elementos itemref (hijo del elemento <spine> en el archivo OPF).

Los valores válidos son page-spread-left, page-spread-right, facing-page-left, facing-page-right y layout-blank. El valor layout-blank puede usarse de forma independiente o junto con otros valores válidos. El valor predeterminado es layout-blank.

<meta name="book-type" Opcional para libros infantiles. Elimina la funcionalidad del lector (por ejemplo, compartir) que



content="children"/> tal vez no sea relevante para ciertos libros, como los infantiles. Los valores válidos son children (infantil) o comic (cómic).

4.2 Requisitos de contenido 4.2.1 Requisito n.º 1: uso de la estructura del archivo HTML El contenido con diseño fijo debe disponer de un único archivo HTML para cada página que deba mostrarse en un dispositivo Kindle. Los editores pueden usar los metadatos del OPF para crear experiencias de lectura esparcidas en páginas dobles.

Bloqueo de orientación retrato:

1 página impresa = 1 archivo HTML

Ejemplo:

Bloqueo de orientación de paisaje:

2 páginas impresas (1 página doble) = 1 archivo HTML

Ejemplo:

4.2.2 Requisito n.º 2: uso del aumento de zona (ventanas emergentes) El contenido fijo no permite que el usuario modifique el tamaño de la fuente; permitir que cambien los tamaños de la fuente podría confundir el contenido relevante a la narración. Kindle utiliza el Aumento de



zona (ventanas emergentes) para ampliar el texto de diseño fijo sin alterar el diseño original. Para ver un ejemplo de aumento de zona, observe el ejemplo que figura a continuación.

El usuario activa el aumento de zona pulsando dos veces sobre una “área activa” en dispositivos con pantalla táctil (en dispositivos sin pantalla táctil, al hacer clic en la flecha del controlador de 5 vías se selecciona la región y al hacer clic en el botón central se activa Kindle Text Pop-Up o las Vistas de paneles de Kindle). Dentro del modo de aumento de zona, el área activa (elemento fuente) queda oculta y se muestra el área de aumento (elemento objetivo).

Deben seguirse los pasos que figuran a continuación para lograr la compatibilidad con el aumento de zona:

1. Establezca el área activa creando un elemento ancla HTML bien definido (<a>) alrededor del texto que debe ampliarse. El ancla debe especificar la clase app-amzn-magnify. El ancla debe disponer, asimismo, de los siguientes atributos almacenados en un objeto JSON (http://www.w3schools.com/json/json_syntax.asp) como parte del valor data-app-amzn-magnify:

a. "targetId":"<string:elementId>" = id de elemento único del área de aumento (la posición y el tamaño de la fuente se establecen en el archivo CSS).

b. "sourceId":"<string:elementId>" = id de elemento único de la fuente que se ampliará.

c. "ordinal":<integer:reading order>" = orden de lectura de las zonas de aumento (el orden en que aparecerán los paneles como parte del flujo de lectura). Esto es necesario para todo el texto que utiliza el aumento de zona.

2. Crear un elemento objetivo <div> que esté alineado para cubrir totalmente el texto que se amplíe y posicionado para minimizar la cobertura de la ilustración de fondo de la página. Esto garantiza que el texto de origen no desaparecerá de la vista de la página. Cuando se active la vista de aumento, el texto de origen ya no se visualizará. También es importante no colocar un elemento emergente directamente contiguo a los bordes derecho o inferior de la pantalla. Las diferencias entre las clases de dispositivos pueden crear errores de solapamiento si los elementos emergentes se encuentran demasiado cerca de estos bordes. Controle el contenido en tantos dispositivos diferentes como sea posible antes de publicar.

3. El <div> de tamaño de fuente del texto de la zona de aumento debe ajustarse a un 150% del tamaño normal de la fuente en la página. Existen, sin embargo, algunas excepciones:

• Una de ellas ocurre cuando el texto de la página es tan grande que ampliarlo a 150% dificultaría su lectura en lugar de mejorarla.

• Otra excepción ocurre cuando el texto de la página debe ampliarse más del 150% en el <div> de aumento de zona para mejorar su legibilidad. Por ejemplo, si el tamaño de fuente del texto de la página es del 45%, el tamaño de fuente del texto en el <div> de aumento de zona tal vez necesite ser ampliado a 225% para facilitar su lectura


http://www.w3schools.com/json/json_syntax.asp


Ejemplo de página con diseño fijo

El mismo ejemplo de página con aumento de zona activado

Ejemplo:

<div id="fs1-4-org" class="txt fs1-txt4">

<a class="app-amzn-magnify"

data-app-amzn-magnify='{"targetId":"fs1-txt4-magTarget", "sourceId":"fs1-4-txt", "ordinal":4}'>

<p id="fs1-4-txt"><span class="dropcap">D</span>stands for DONKEY, - a poor patient beast<br/>Who thinks some fresh thistles a very great feast.</p></a></div>

…

<div id="fs1-txt4-magTarget" class="target-mag fs1-txt4"></div>

4.2.3 Requisito n.º 3: establecer imágenes como imágenes de fondo La imágenes en los libros con diseño fijo deben establecerse como imágenes de fondo utilizando la propiedad background-image del CSS (en lugar de utilizar etiquetas <img> de HTML). Esto resulta importante para el contenido de los libros infantiles y cómics porque las imágenes HITML interfieren con el aumento de zona si no se establecen como imágenes de fondo. Si las imágenes de fondo están establecidas correctamente, las imágenes no se abrirán en el visor de imágenes cuando se las toque dos veces.

4.3 Recomendaciones de contenido 4.3.1 Recomendación n.º 1: aplicación de CSS Reset Aplicar un CSS reset a libros con diseño fijo. Un CSS reset elimina los estilos inconsistentes que los navegadores aplican de forma automática como, por ejemplo, el tamaño de las fuentes, los márgenes, etc. Añadir un CSS reset, como el reset YUI ((http://yuilibrary.com/yui/docs/cssreset) elimina estas inconsistencias, permitiendo que los diseñadores construyan una plantilla de estilo fiable. Es recomendable aplicar un css reset a los diseños fijos.

4.3.2 Recomendación n.° 2: inclusión de un archivo CSS por cada página HTML Para incrementar el desempeño al voltear la página en libros con diseño fijo, incluya un archivo CSS corto e importante por cada página HTML. Los archivos CSS deben contener únicamente información que esté directamente referenciada por los archivos HTML asociados.


http://yuilibrary.com/yui/docs/cssreset


4.3.3 Recomendación n.° 3: optimización de contenido para pantalla completa Los libros Kindle se leen a través de una extensa variedad de dispositivos (por ejemplo: Kindle e Ink, tablets Fire además de los teléfonos inteligentes y tabletas de otros fabricantes) y de una amplia variedad de dimensiones de pantallas. El Kindle Fire HD 8.9” 2013 posee una resolución de 1920 x 1200 píxeles. Si es posible, diseñe el contenido para mantener esta proporción.

Para que el usuario disfrute de la mejor experiencia, Amazon recomienda a los editores que diseñen contenido con diseño fijo para maximizar el espacio disponible de las dimensiones de la pantalla. Si el contenido tiene una diferencia en cuanto al tamaño o la proporción, los dispositivos y las aplicaciones Kindle lo escalan para que se ajuste a la pantalla, lo centran y aparece rodeado por un margen blando (enmarcado en blanco).

Es más probable que el diseño fijo y otro tipo de contenido con muchas imágenes se amplíe debido a que los clientes prefieren leer con el Panel de visualización de Kindle o en dispositivos con pantallas grandes. Amazon recomienda enviar imágenes escaladas para soportar por lo menos una ampliación de 2X con alta calidad. Por ejemplo, si planea para Kindle FireHD 8.9 " 2013, las dimensiones en píxeles de las imágenes deben ser al menos de 3840 x 2400 (esto coincide con la proporción de aspecto y soporta un aumento de 2X). Use siempre Kindle Previewer para validar la calidad del contenido.

4.3.4 Recomendación n.º 4: uso de grandes objetivos de pulsación para el aumento de zona en libros infantiles

El propósito principal del aumento de zona es permitir la accesibilidad y es más efectivo cuando el destino pulsado es mayor que el área que debe ampliarse. Para permitir obtener un área mayor, considere la posibilidad de añadir un relleno de entre 20 y 40 píxeles en los elementos de ancla del app-amzn-magnify, evitando que los destinos se solapen.

4.3.5 Recomendación n.º 5: contenido con diseño fijo válido para el futuro en los libros infantiles

Por definición, el diseño fijo está diseñado para ocupar el tamaño de una única pantalla. Para que el contenido sea válido en el futuro, Amazon recomienda utilizar valores en porcentajes o emes en lugar de píxeles o puntos. Para el posicionamiento de los bloques de texto y las ventanas emergentes del aumento de zona. Especificar la posición del texto o el tamaño de fuente con píxeles impide que el contenido se escale en nuevos dispositivos.

Por ejemplo, el ejemplo de libro infantil que se encuentra en www.amazon.com/kindleformat (bajo el título Ejemplos KindleGen) incluye una hoja de estilo de muestra (style-150.css) que muestra el conjunto mínimo de cambios que serían necesarios para escalar a un dispositivo que fuera un 150% mayor. Estos cambios están limitados a un tamaño de la fuente base y a los cambios en la altura y ancho del contenedor (aproximadamente, 5 actualizaciones).

4.3.6 Recomendación n.º 6: inclusión de fuentes específicas Los títulos con formato fijo no permiten que los usuarios seleccionen y modifiquen las fuentes. Utilizar @font-face en el CSS y empaquetar fuentes con el título permite que el aspecto del libro sea consistente en todos los dispositivos y pantallas. Esto no solo garantiza que las fuentes utilizadas para la fuente se utilicen en el título con formato fijo, sino que el texto HTML ofrezca un renderizado más fluido al pasar de la vista de página a la vista de Aumento de zona.

Ejemplo:

@font-face {

font-family: "Arial"; /* asigna el nombre de la fuente que se utilizará */

src: url(../fonts/arial.otf); /* incluye el archivo para la fuente correcta */

}




4.3.7 Recomendación n.° 7: no inclusión de una portada en HTML Aunque Amazon recomendaba anteriormente incluir una página de portada en HTML para los libros de formato fijo, esto ya no es necesario.

Los libros Kindle solo deben tener una portada JPEG visible. Esta portada debe consistir en una imagen JPEG de alta resolución que tenga la misma calidad que las páginas siguientes. Si todavía existe una portada en HTML, debe eliminarse para evitar la duplicidad de portadas.

La imagen de portada aparecerá en el carrusel del dispositivo. Si no es así, consulte la sección 3.2.2, Instrucción nº 2 para imagen de portada: uso obligatorio de una imagen de portada del contenido interno. En esta sección encontrará instrucciones sobre cómo configurar la portada en el archivo OPF.

4.3.8 Recomendación n.° 8: inclusión de una cubierta trasera Si bien los libros electrónicos Kindle de formatos anteriores y texto reajustable no utilizan cubiertas traseras, estas proporcionan una sensación de cierre en el contenido de la narrativa infantil. Se recomienda incluir una cubierta trasera como parte del diseño de libros infantiles con formato fijo. Elimine los códigos de barra, las listas de precios y el contenido promocional de la imagen de la cubierta trasera. No incluya elementos emergentes para ningún texto de la portada trasera a menos que la cubierta trasera contenga texto perteneciente a la historia.

4.3.9 Recomendación nº. 9: no inclusión de una posición de inicio de lectura En los libros Kindle de formato fijo, el archivo OPF no debe incluir el elemento de guía de posición de inicio de lectura (“Ir al inicio”). Para este tipo de libros, Amazon configura ahora el elemento de guía en la portada JPEG.

4.4 Crear libros infantiles con imágenes de fondo y texto en múltiples páginas Esta sección explica la forma correcta para crear páginas que contengan una única imagen de fondo y texto. Si bien existe un gran número de soluciones posibles, el objetivo de Amazon es garantizar que el marcado resulte fácilmente transferible con el mínimo esfuerzo. La plantilla proporcionada cumple este objetivo mediante la actualización de las normas de la CSS, sin cambiar el HTML.

4.4.1 Utilizar imágenes en paralelo para formar un desplegado de doble página cuando el bloqueo de orientación fijado a paisaje (landscape)

Muchos libros tienen un desplegado de doble página que consiste en una única imagen. Otros libros tienen un desplegado de doble página con dos imágenes adyacentes.

En el ejemplo que figura a continuación, se muestra un desplegado de doble página de 1024 x 600 píxeles, que es una resolución de pantalla completa para el Kindle Fire (1.ª generación). Las imágenes para cada página deberían tener unas dimensiones que sean, exactamente, la mitad del tamaño de pantalla completa: 512 x 600 píxeles. Las partes únicas de cada elemento se etiquetan utilizando ID de CSS; las partes comunes utilizan clases CSS. La imagen de la izquierda se muestra en el lado izquierdo de la página. La imagen de la derecha se desplaza hacia la parte de la derecha de la página definiendo un estilo margin-left ajustado al ancho de la imagen del lado izquierdo.



HTML <div class="fs"> <div id="fs1-left" class="leftPage"></div> <div id="fs1-right" class="rightPage"></div> </div>

CSS

/* Region sized for both pages */ div.fs { height: 600px; width: 1024px; /* 2 x page width */ position: relative; }

div.leftPage { position: absolute; background-repeat: no-repeat; height: 600px; width: 512px; /* 1 x screen width /

background-size: 100%; }

div.rightPage { position: absolute; background-repeat: no-repeat; height: 600px; width: 512px; /* 1 x screen width * margin-left: 512px; /* este valor es equivalente al valor del ancho de la imagen del lado izquierdo */}



4.4.2 Bloques de texto: posición Especifique la posición y el tamaño de fuente correctos utilizando porcentajes. Esto permite que la posición escale de forma consistente en distintas resoluciones, garantizando la compatibilidad en una amplia gama de dispositivos y pantallas. Cada párrafo debería agruparse dentro de un único elemento <div>, con múltiples líneas separadas por elementos <br/>. Si es necesario disponer de un interlineado personalizado, asígnelo a través de las declaraciones de estilo CSS en lugar de añadir marcadores como múltiples contenedores <div> o etiquetas extras de salto de línea.

El ejemplo que figura en la sección 4.2.2 ahonda en el ejemplo de la página doble e ilustra cómo colocar texto en la parte superior de una imagen de fondo: el texto está posicionado dentro de un bloque fijo, utiliza porcentajes para el atributo de margen, y está alineado y espaciado mediante CSS.

4.4.3 Alinear texto Por defecto, el texto se alinea en la esquina superior izquierda del elemento HTML contenedor. Muchos libros pueden contener texto alineado a la derecha o en la parte inferior o justificado. La forma más sencilla de identificar la alineación consiste en imaginar un contorno alrededor del texto e identificar qué bordes del párrafo están asociados con un margen (superior, izquierdo, derecho, inferior). Si el alineamiento no queda claro, utilice la izquierda superior predeterminada, aunque esto dificulta el posicionamiento del elemento ampliado.

Nunca utilice caracteres non breaking space (&nbsp) para la alineación del texto. En su lugar, utilice elementos CSS <div> top (superior), right (derecha), bottom (inferior) y left (izquierda) que contengan texto posicionado de forma absoluta. Utilice dos lados adyacentes para posicionar cada elemento <div>. Por ejemplo, superior (top) e izquierdo (left) peor nunca superior (top), izquierdo (left) e inferior (bottom). text-indent y line-height del CSS resultan útiles para alinear texto dentro de elementos de bloque HTML.

5 Creación de novelas gráficas/manga/cómics con diseño fijo Las novelas gráficas, los mangas y los cómics (en adelante denominados novelas gráficas) son similares a los libros infantiles, pero suponen un desafío único porque tienden a ser más largos y a contener contenido más complejo.

Las novelas gráficas incluyen imágenes con una gran cantidad de detalles en las imágenes, que se muestran en una pantalla de 1920 x 1200. Para superar este y otros problemas de accesibilidad, Amazon aconseja el uso de contenido personalizado y de su función Panel de visualización de Kindle, que optimiza el contenido para brindar a los usuarios una experiencia de lectura de alta resolución.

Cuando se diseñan novelas gráficas, también se aplican los siguientes requisitos genéricos de diseño fijo:

5.1 Campos de metadatos compatibles con libros infantiles con diseño fijo El archivo OPF especifica los metadatos necesarios para los libros con diseño fijo. Cada uno de estos valores se aplica al libro entero. Para ver una demostración, consulte el ejemplo de novela gráfica en www.amazon.com/kindleformat (bajo el encabezado Ejemplos KindleGen).

Metadatos Descripción

El diseño puede especificarse usando uno de los siguientes campos de metadatos:

1) <meta property="rendition:layout">pre-paginated</meta>

2) <meta name="fixed-layout" content="true"/>

Requerido. Identifica que el libro tiene un diseño fijo.

Los valores válidos para los metadatos rendition:layout son reflowable o pre-paginated. El valor predeterminado es reflowable.

Los valores válidos para los metadatos fixed-layout son true (verdadero) o false (falso). El valor por defecto es





false.

<meta name="original-resolution" content="1024x600"/>

Requerido. Identifica la resolución de diseño original del contenido (“1024x600” es solo un ejemplo). La resolución de pantalla puede tener cualquier valor positivo entero. Estos valores deben igualar la relación de aspecto global del contenido original.

La orientación puede especificarse usando uno de los siguientes campos de metadatos:

1) <meta property="rendition:orientation">landscape</meta>

2) <meta name="orientation-lock" content="landscape"/>

Opcional.

Los valores válidos para los metadatos rendition:orientation son portrait, landscape o auto. Bloquea la orientación del libro a modo retrato o apaisado. Si el valor es auto, se soportan ambos modos. El valor predeterminado es auto.

Los valores válidos para los metadatos orientation-lock son portrait (retrato), landscape (paisaje) o none (ninguno). Bloquea la orientación del contenido, bien a retrato bien a paisaje. Si el valor es none, se soportan tanto el modo retrato como el de paisaje. El valor por defecto es none.

<meta name="RegionMagnification" content="true"/>

Opcional. Permite el Panel de visualización de Kindle y Kindle Text Pop-Up. Los valores válidos son true (verdadero) o false (falso). El valor predeterminado es false (falso). Para habilitar esta característica se requieren instrucciones de CSS adicionales, como se especifica en la sección 5.4.

<meta name="primary-writing-mode" content="horizontal-rl"/>

Requerido para paneles virtuales en Manga con orden de lectura de derecha a izquierda; opcional para otros libros con diseño fijo. Define el orden de renderización de la página, el modo de lectura y la navegación del lector (inclusive Kindle Text Pop-Up, el Panel de visualización de Kindle y los Paneles virtuales de Kindle). Los valores válidos son horizontal-lr, horizontal-rl, vertical-lr y vertical-rl. El valor predeterminado es horizontal-lr.

<itemref idref="page-id" properties="page-spread-left"/>

Requerido para paneles virtuales en Cómics y Manga; opcional para otros libros con diseño fijo. Permite a los editores especificar diseños de páginas (páginas dobles, páginas opuestas) a nivel de página y puede variar en todo el libro. Las propiedades de página deben especificarse en los elementos itemref (hijo del elemento <spine> en el




archivo OPF).

Los valores válidos son page-spread-left, page-spread-right, facing-page-left, facing-page-right y layout-blank. El valor layout-blank puede usarse de forma independiente o junto con otros valores válidos. El valor predeterminado es layout-blank.

<meta name="book-type" content="comic"/> Requerido para todas las novelas gráficas; opcional para otros libros con diseño fijo. Elimina la funcionalidad del lector (por ejemplo, compartir) que tal vez no sea relevante para ciertos libros, como los infantiles. Los valores válidos son children (infantil) o comic (cómic).

5.2 Requisitos de recursos Cuando se optimicen para el Kindle Fire HD 8.9” 2013, las novelas gráficas deben mantener una proporción de aspecto de 1920 x 1200. La resolución de imagen diferirá dependiendo del factor zoom necesario para el Panel de visualización de Kindle. Sin embargo, Amazon recomienda planificar para una experiencia de lectura de alta calidad con un aumento de 2X. Las imágenes deben estar en formato JPEG. Amazon recomienda usar una resolución de imagen de 300 dpi o 300 ppi.

Existen cuatro factores de zoom estándar:

Factor Zoom

Cuando utilizarlo Resolución de imagen requerida

100% Evitar utilizar este factor de zoom. No ofrece aumento y supone un desafío de accesibilidad para los usuarios.

1920 x 1200 píxeles

125% Utilizarlo, únicamente, cuando sea absolutamente necesario ampliar un panel muy grande. Esto permite al usuario ver una escena de acción de gran tamaño, con el inconveniente de la ampliación limitada.


150% Este es el factor de zoom favorito y predeterminado. Utilícelo siempre que sea posible.


250% Utilice este factor de zoom únicamente en imágenes de doble página (dos páginas físicas se muestran a la vez y, como resultado de ello, el contenido se muestra especialmente pequeño). El inconveniente es que el panel ampliado solo representa una pequeña parte de la página original.


5.3 Calidad de la imagen La calidad de la imagen para las novelas gráficas requiere que las imágenes cumplan con los estándares de resolución incluidos en la sección 5.1 Requisitos de recursos, y que mantengan una relación de aspecto consistente. Más importante aún, requiere optimizar las imágenes para que las ilustraciones de fondo se perciban con claridad, así como la legibilidad del texto. Estos dos factores garantizar la mejor calidad para el formato de novelas gráficas.

5.4 Panel de visualización (aumento de zona) El panel de visualización para novelas gráficas ofrece una experiencia de lectura única. Aborda los problemas e accesibilidad y permite a los usuarios experimentar el flujo de acción en cada página, en



alta resolución y de forma sencilla. Los usuarios pueden deshabilitar el Panel de visualización en cualquier momento, para ver la página entera. Por obtener un ejemplo de Panel de visualización, observe las imágenes que figuran a continuación.

El usuario activa el Panel de visualización pulsando dos veces sobre el “objetivo de pulsación”. El área activa (elemento fuente) se oculta y se muestra el Panel de visualización (elemento objetivo).

Para que el Panel de visualización sea compatible, se requiere cumplir los siguientes pasos:

1. Establecer el área de pulsación creando un elemento contenedor bien definido (<div>)que contenga un elemento de ancla (<a>). El <div> proporciona el tamaño y la posición del objetivo de pulsación. El <a> está dimensionado para llenar el <div> y debe especificar la clase app-amzn-magnify. El ancla debería disponer, también, de los siguientes atributos almacenados en un objeto JSON como parte del valor data-app-amzn-magnify.

a. "targetId":"<string:elementId>" – ID de elemento único del elemento del panel de visualización que representa la zona ampliada.

b. "ordinal":<integer:reading order>" – orden de lectura de las áreas aumentadas (el orden en el que aparecen los paneles como parte del flujo de lectura)

2. Crear un elemento <div> del panel de visualización dimensionado y posicionado para mostrar la acción que mejor refleja el objetivo de pulsación.

Instantánea de contenido con diseño fijo.

Instantánea del mismo contenido con el Panel de visualización activado.

Ejemplo:

<div>

<img src="images/hij.jpg" alt="Comic Book Images" class="singlePage" />

</div>

<div id="pagehij-1">

<a class="app-amzn-magnify" data-app-amzn-magnify='{"targetId":"pagehij-1-magTargetParent", "ordinal":1}'></a>



</div>

…

<div id="pagehij-1-magTargetParent" class="target-mag-parent">

<div class="target-mag-lb">

</div>

<div id="pagehij-1-magTarget" class="target-mag">

<img src="images/hij.jpg" alt="Comic Book Images"/>

</div>

</div>

5.5 Optimizar contenido para las novelas gráficas 5.5.1 Optimizar objetivos de pulsación Los objetivos de pulsación deberían cubrir de forma efectiva el 100% de la pantalla. Esto garantiza que el usuario pueda ampliar contenido siempre que pulse dos veces sobre la novela gráfica.

5.5.2 Optimizar los paneles de vista Los paneles de vista deberían ser, por defecto, un 150% del objetivo de pulsación. Es posible utilizar distintos tamaños de paneles de vista para enfatizar una escena de acción específica dentro del objetivo de pulsación.

Coloque los paneles de vista para que converjan allí donde ocurrió la acción principal en la página original. Normalmente, los paneles de vista se alinean horizontalmente en los bordes izquierdo, central o derecho y, verticalmente, en los bordes superior, central o inferior.

Cuando se mantenga contexto en múltiples paneles, es aceptable que los paneles de vista se solapen ligeramente entre ellos.

5.5.3 Optimizar para escenas de acción anchas o altas Para utilizar el factor de zoom del 150%, a menudo es necesario dividir una escena de acción en dos paneles de visualización (normalmente, un panel derecho y uno izquierdo o uno superior y uno inferior). Esto permite que el usuario tenga una experiencia de lectura más satisfactoria que la que obtiene



utilizando un factor de zoom más pequeño, debido a que preserva la accesibilidad y ofrece una mayor resolución.

Divida los objetivos de pulsación para que el primero sea de entre un 50 y un 75% del ancho de toda el área, y el segundo sea de la cantidad restante necesaria para llegar al 100%. Esto garantiza que al pulsar dos veces sobre un área próxima al centro del panel de acción, el usuario vea el primer panel en primer lugar y el segundo a continuación.

Para preservar el flujo de la acción, los paneles de vista deberían mostrar cierta cantidad de acción solapada.

Ver en primer lugar el panel de visualización de una escena de acción dividida en dos paneles de vista

Segundo panel de visualización de una escena de acción dividida en dos paneles de vista

5.5.4 Optimizar para grandes bloques de texto Para mostrar grandes cantidades de texto, Amazon sugiere un tratamiento de texto híbrido que mezcla las experiencias de las novelas gráficas y de los libros infantiles. Amazon recomienda limitar el uso del tratamiento de texto híbrido a las secciones de texto que sean demasiado anchas para ser ampliadas de forma efectiva. El tratamiento de texto híbrido debería imitar el formato del texto al que representa -altura de línea, cursivas y/o negritas- y al aspecto general. Esto mejora la experiencia del usuario.



Ejemplo de texto HTML híbrido:

<div id="pageXXX-magTargetParent" class="target-mag-parent">

<div class="target-mag-lb"></div>

<div id="pageXXX-magTarget" class="target-mag">

<div class="text">

<p>WALTER CRANE'S <br />PICTURE BOOKS <br /></p>

<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>

</div>

</div>

</div>

Ejemplo de texto híbrido de CSS:

div.target-mag div.text{

height: 100%;

padding: 5px;

background-color: #FFFFEF;



font-size: 150%;

font-family: "Georgia";

}

5.6 Paneles virtuales en cómics y Manga La función de Paneles virtuales se activa para los libros de cómics y manga a falta de paneles proporcionados por el editor. Los metadatos RegionMagnification se utilizan para identificar si el editor proporcionó información sobre los paneles o no. Si el editor diseñó el contenido con paneles, la vista de Panel de visualización de Kindle no se habilita.

De manera predeterminada, cada página se divide en cuatro paneles con base en el valor de primary-writing-mode. Los siguientes ejemplos indican el orden de los paneles.

Ejemplo:

Modo retrato:

HORIZONTAL-LR HORIZONTAL-RL

13

24

31

42

VERTICAL-RL VERTICAL-LR

Modo paisaje:



VERTICAL-LR Y HORIZONTAL-LR

HORIZONTAL-RL Y VERTICAL-RL

5.6.1 Requisito n.° 1: Emparejar páginas cuando el bloqueo de orientación es igual a none Si la orientación no está bloqueada, el contenido debe diseñarse tanto para modo retrato como para modo apaisado. Además, cada página debe tener una “pareja” para soportar el modo apaisado. En la orientación retrato se ignoran los pares.

Todas las páginas individuales deben etiquetarse con las propiedades facing-page-left o facing-page-right. En este caso, el renderizador agregará la espina mientras pega las dos páginas.

Ejemplo:

El siguiente ejemplo muestra un desplegable a doble página con un separador visual en modo de paisaje.

<spine>

<itemref idref="page1" properties="facing-page-left"/>

<itemref idref="page2" properties="facing-page-right"/>

</spine>



Los desplegados de doble página deben etiquetarse con las propiedades page-spread-left o page-spread-right. Cada página izquierda debe tener asociada una página derecha y viceversa. En este caso, el renderizador no agregará la espina sino que pegará las dos páginas.

Ejemplo:

El siguiente ejemplo muestra un desplegado de doble página sin un separador visual en modo de paisaje.

<spine>

<itemref idref="page1" properties="page-spread-left"/>

<itemref idref="page2" properties="page-spread-right"/>

</spine>



En modo retrato, las dos páginas se renderizarán por separado como se muestra a continuación:

Si no se especifica ninguna propiedad, Kindle asume el uso de facing-page-left y facing-page-right para páginas alternadas basado en el modo de escritura del libro.

El siguiente ejemplo asume que primary-writing-mode es igual a horizontal-lr o vertical-lr.

Ejemplo:

<spine>

<itemref idref="page1" /> <!—assumed to be properties="facing-page-left" -->



<itemref idref="page2" /> <!—assumed to be properties="facing-page-right" -->

<itemref idref="page3" properties="page-spread-left"/> <!—double page spread’s left viewport -->

<itemref idref="page4" properties="page-spread-right"/> <!—double page spread’s right viewport -->

</spine>

El siguiente ejemplo asume que primary-writing-mode es igual a horizontal-rl o vertical-rl.

Ejemplo:

<spine>

<itemref idref="page1" /> <!—assumed to be properties="facing-page-right" -->




</spine>

En casos donde una página izquierda no tiene una página derecha equivalente (o viceversa), el editor debe insertar una página HTML en blanco y agregar la propiedad layout-blank a la página, a menos que sea la última. De manera opcional, la página en blanco puede incluir por diseño el título del libro y la marca de agua.

Las páginas con la propiedad layout-blank solo se renderizan en modo de paisaje y se ignoran en modo retrato.

En algunos casos, el editor tal vez quiera insertar una página en blanco para renderizarla tanto en modo retrato como apaisado. En este caso, no use la propiedad layout-blank. Use las mismas reglas de páginas opuestas (o dobles) como se indica anteriormente y haga referencia a un archivo de imagen que contenga una imagen jpeg “en blanco”.

El siguiente ejemplo asume que primary-writing-mode es igual a horizontal-lr o vertical-lr.

Ejemplo:

<spine>


<itemref idref="blank-page" properties="layout-blank"/> <!—assumed to be properties="facing-page-right". Ignored in portrait mode. -->





</spine>

6 Instrucciones para audio y vídeo En la actualidad, la edición de Kindle Vídeocon contenido de audio y/o vídeo está disponible en las tablets Fire (2.ª generación y posterior), Kindle Fire HD, iPad, iPhone e iPod Touch. El contenido de audio y vídeo no está admitido en los dispositivos de Kindle de tinta electrónica (los clientes pueden leer el libro pero el audio y el vídeo se sustituirán por un mensaje que indica que dicho contenido no es compatible con el dispositivo)..

Las características KF8 actualmente no son compatibles en las ediciones de Kindle con contenido de audio y/o vídeo. El archivo que se entregará a Amazon debe ser un EPUB Mobi 7 con audio y vídeo autocontenidos, o un archivo Mobi 7.prc con audio y vídeo autocontenidos. (Si entrega un archivo .prc, asegúrese de que el archivo haya sido creado utilizando la última versión del programa KindleGen disponible desde www.amazon.com/kindleformat).

La plataforma Kindle Direct Publishing (KDP) de Amazon no admite actualmente la edición Kindle con contenido de audio y vídeo.

Para añadir contenido de audio/vídeo a su libro Kindle, siga las instrucciones y ejemplos que figuran a continuación.

6.1 Vídeo incrustado. Para incrustar un vídeo dentro de un libro Kindle, añada una etiqueta HTML 5 estándar como la que figura a continuación:

Ejemplo:

<vídeo id="video_1" src="movie.mp4" controls poster="start.jpg" title="Vídeo about ...">

<br/><br/><br/> "Hay contenido de vídeo en este punto no compatible, actualmente, con su dispositivo. La leyenda de este contenido se muestra a continuación". <br/><br/><br/>

</video>

• etiqueta src (requerida): identifica el archivo de vídeo incrustado.

• etiqueta title (requerida): identifica la descripción del vídeo.

• etiqueta póster (requerida): identifica la imagen marcadora de posición. Los usuarios ven el marcador de posición en el libro electrónico antes de que se reproduzca el vídeo, El marcador de posición podría ser el primer fotograma del vídeo o un fotograma representativo, dependiendo de lo que usted prefiera. (Se mostrará una imagen en negro si no se especifica este archivo.)

• etiqueta controles (requerida, salvo si desea proporcionar una imagen para comenzar la reproducción del vídeo): indica a la aplicación Kindle que debe mostrar los controles para el vídeo incrustado.

Nota: la aplicación del Kindle puede renderizar un botón para reproducción en la parte superior del fotograma principal; aparece en medio del fotograma.

• contenido del texto (requerido): los dispositivos que no soportan contenido de vídeo muestran el texto entre las etiquetas <video> y </video>. Si el usuario lee este libro electrónico en un dispositivo que no sea compatible con vídeo, verá este texto. (Ejemplo: “Hay contenido en este punto que no es compatible con su dispositivo. La leyenda de este contenido se muestra a continuación”.




• etiqueta de identificación (opcional): debe ser única para el documento si se utiliza.

6.2 Vídeo en streaming El vídeo en streaming no es compatible en la actualidad. En su lugar, utilice vídeo incrustado.

6.3 Incrustar audio Para incrustar un archivo de audio dentro de un libro Kindle, añada una etiqueta HTML 5 estándar como la que figura a continuación:

Ejemplo:

<audio id="audio_1" src="audio.mp3" controls title="Audio about ...">

<br/><br/><br/>

"Hay contenido de audio en este punto que no es compatible con su dispositivo. La leyenda de este contenido se muestra a continuación".

<br/><br/><br/>

</audio>

• etiqueta src (requerida): identifica el archivo de audio incrustado, que debe estar en formato MP3.

• etiqueta title (opcional): identifica la descripción del audio.

• etiqueta controles (requerida, salvo si proporciona una imagen para comenzar la reproducción del vídeo): indica a la aplicación Kindle que debe mostrar los controles para el audio incrustado.

• contenido del texto (requerido): los dispositivos que no soportan contenido de audio muestran el texto entre las etiquetas <audio> y </audio>. Si el usuario lee este libro electrónico en un dispositivo que no sea compatible con audio, verá este texto. (Ejemplo: “Hay contenido en este punto que no es compatible con su dispositivo. La leyenda de este contenido se muestra a continuación”.

• etiqueta de identificación (opcional): debe ser única para el documento si se utiliza.

6.4 Audio en streaming El audio en streaming no es compatible actualmente. Utilice audio incrustado.

6.5 Directorio multimedia Cuando añada archivos de audio y vídeo a un libro electrónico, cree un directorio “audiovídeo” para almacenar estos archivos. Cuando haga referencia al archivo de audio o vídeo, incluya el nombre del directorio (Ejemplo: “audiovídeo/filename”) dentro del HTML.

6.6 Instrucciones para audio Amazon recomienda utilizar canales estéreo en la fuente de MP3 cuando sea posible, ya que el Kindle permite la reproducción de audio en estéreo. Utilice una tasa de bits tan alta como sea necesario para poder escuchar correctamente el contenido de audio; la decisión es personal. Para obtener buenos resultados, considere tasas de bits de entre 128 kbps y 256 kbps (kilobits por segundo). El máximo soportado por Kindle es de 320 kbps a una tasa de bits variable.

6.7 Instrucciones para vídeos Dado que el contenido de audio puede ser parte del contenido de vídeo, Amazon recomienda utilizar canales estéreo en su fuente de audio cuando sea posible, ya que el Kindle permite la reproducción de audio en estéreo.

Estas son las especificaciones fuente ideales:



Atributo Configuración

Dimensiones Pantalla panorámica: 704 x 396 (o cualquier otra relación de pantalla panorámica); pantalla completa: 640 x 480

Entrelazado Progresivo

Espacio de color 4:2:0 YUV

Códec de vídeo H.264 (recomendado), MPEG-2

Modo de vídeo VBR (recomendado) o CBR

Tasa de bits de vídeo Se recomienda 2500 kbps o superior.

Intervalo de fotograma clave Se recomiendan 2 ó 4 segundos.

Códec de audio MP3

Tasa de bits de audio Se recomienda 256 kbps o superior

Tasa de muestra de audio 48 kHz (recomendada), 44,1 kHz

Los siguientes formatos de contenedor son aceptables:

Contenedor Extensiones de archivo

Tipo de mime RFC

MP4 .mp4 vídeo/h264 RFC3984

Archivo de vídeo MPEG-2

.mpg, .mpeg vídeo/mpeg RFC2045, RFC2046

Flujo de programa MPEG-2

.ps vídeo/mp2p RFC3555

Flujo de transporte MPEG-2

.ts vídeo/mp2t RFC3555

No funcionará: cualquier otro códec de vídeo (como Windows Media, Apple ProRes), audio AC3, audio >2 canales.

6.8 Metadatos de audio y vídeo Amazon requiere que los editores (o sus casas de conversión) brinden una descripción del archivo de audio y vídeo y la duración del archivo en minutos y segundos en el HTML, inmediatamente después de que se especifique el archivo de audio y vídeo.

Ejemplo:

<p align="center" style="text-indent:0px">

<video id="video_1" src="movie.mp4" controls poster="start.jpg" title="Cómo crear contenido para Kindle (5:01)">

<br/><br/><br/>

"Hay contenido de vídeo en este punto que no es compatible con su dispositivo. La leyenda de este contenido se muestra a continuación".

<br/><br/><br/>

</video>



<strong>Cómo crear contenido para Kindle (5:01)</br>

</p>

6.9 Archivo NCX Cuando se crean libros electrónicos con contenido de audio y vídeo, Amazon requiere la creación de un archivo NCX que apunte hacia el material de audio y vídeo. Este archivo debe consistir de una lista de todos los archivos de vídeo y audio, en su orden de lectura, con vínculos a los lugares donde aparecen en el libro. Para las descripciones de los archivos de audio y vídeo, reutilice los mismos metadatos de audio y vídeo. (Ejemplo: un vínculo que apunte hacia el clip de vídeo que figura en la sección 6.8 indicaría “Cómo crear contenido para Kindle (5:01)” ). Esta información debería incrustarse en la porción NavList del archivo NCX.

6.10 Imágenes con Controles de Reproducción Es posible etiquetar las imágenes de manera tal que se reproduzcan al hacer clic sobre ellas. El ancho y alto mínimos de píxeles para tales imágenes es de 45 píxeles por 45 píxeles.

Para añadir controles de reproducción, superponga el icono PLAY de Amazon sobre el margen inferior derecho de cualquier imagen, utilizando Photoshop o un programa similar. A continuación, añada la siguiente etiqueta al HTML (en este ejemplo, el archivo de audio tiene el atributo de identificación “audio1” y no tiene etiqueta controls):

Ejemplo:

<a onclick="play(this);" data-AmznAudioTag="audio1"><img src="play.jpg"/></a>

Sin embargo, si utiliza la versión 1.2 de KindleGen o una versión anterior, utilice la siguiente etiqueta HTML:

Ejemplo:

<a onclick="document.getElementById(‘audio1’).play()"><img src="play.jpg"/></a>

Puede realizar un pedido del botón PLAY de Amazon.

6.11 Distinción entre mayúsculas y minúsculas en los nombres de archivo Los libros Kindle distinguen entre mayúsculas y minúsculas. Cuando haga referencia a los archivos de audio y vídeo dentro del HTML, preste atención a la distinción entre mayúsculas y minúsculas. (Ejemplo: “audiovideo/ThisFile.mp4” es diferente de “audiovideo/Thisfile.mp4”.)

Para indicar un archivo en un directorio, utilice los caracteres “/” y no los caracteres “\”. (Ejemplo: “multimedia/ThisFile.mp4” es válido, pero “multimedia\ThisFile.mp4” no lo es.)

6.12 Confirmar tipo de mime correcto Asegúrese de disponer de los tipos de mime correctos al especificar los archivos de audio y vídeo en el OPF, en función de las extensiones utilizadas. (Ejemplo: los archivos de vídeo MP4 deben tener un tipo de mime “vídeo/mp4” y no “audio/mpeg”.)

6.13 Tamaño del archivo Limite los tamaños de archivos combinados de audio y vídeo a 600MB o menos para cada título. Si los archivos son mayores de 600MB, transcodifíquelos manualmente para reducir el tamaño de los archivos. (El tamaño máximo de archivo de audio/vídeo que se puede convertir desde EPUB mediante el programa KindleGen es de 650MB).

Limite el número de archivos individuales de audio y vídeo dentro de cada título a 1.000 o menos.



6.14 Narración Actualmente, Amazon no acepta ningún libro de audio o vídeo con contenido “de narración”, lo que se define como alguien leyendo el texto completo o múltiples páginas del libro en formato de vídeo o de audio.

6.15 Tabla de contenidos Todos los libros deben contener una tabla de contenidos que empiece con una "Lista de audio y vídeo”. Esta línea debe aparecer en negrita. En la siguiente línea, empiece con una lista sangrada de los hipervínculos a cada archivo de audio y vídeo. El texto del vínculo debería incluir la descripción del archivo, con el tiempo de duración entre paréntesis.

Estas instrucciones se deben utilizar en todos los archivos de audio y vídeo cuya duración supere los 10 segundos de reproducción, y los cuales el usuario probablemente desee consultar mientras lee el libro.

A continuación le ofrecemos un ejemplo de cómo se mostraría el código siguiente en la tabla de contenidos:

Lista de audio y vídeo

Este es mi vídeo (5:01)

Este es mi audio (1:10)

Este es el código correspondiente para el ejemplo anterior:

<video id="video_1" src=" audiovídeo//movie.mp4" controls poster="start.jpg" title="Este es mi vídeo (5:01)">

<br/><br/><br/> "Hay contenido de vídeo en este punto no compatible, actualmente, con su dispositivo. La leyenda de este contenido se muestra a continuación".<br/><br/><br/>

</video>

<br>Este es mi vídeo (5:01)</br>

<audio id="audio_1" src=" audiovídeo//audio.mp3" controls title="Este es mi audio (1:10)">

<br/><br/><br/>

"Hay contenido de audio en este punto que no es compatible con su dispositivo. La leyenda de este contenido se muestra a continuación".

<br/><br/><br/>

</audio>

<strong>Este es mi audio (1:10)</br>

6.16 Pautas para encabezados multimedia Los encabezados multimedia describen al usuario los archivos de audio/vídeo. A continuación, figuran algunas instrucciones generales:

• Los encabezados no deben ser genéricos. Deben describir el contenido multimedia al cual hacen referencia.

Estos encabezados multimedia no resultan una experiencia satisfactoria para el usuario:

1. Medio 1

2. Pista 1

3. Audio 1



4. Vídeo 1

Estos encabezados multimedia que describen el contenido:

1. Introducción del autor

2. Cómo se hizo la película

• Los encabezados multimedia no pueden incluir extensiones de archivos (.mp3, .mp4, etc.).

6.17 Archivo de muestra personalizado Amazon requiere que los editores creen y envíen una muestra personalizada de cada edición para Kindle con audio y vídeo. El archivo de muestra debe incluir una tabla de contenidos completa, con una lista de audios/vídeo, con vínculos funcionales al contenido incluido dentro del archivo de muestra.

El archivo de muestra debe incluir, como mínimo, un tipo de cada medio disponible en el archivo completo, inclusive tanto audio como vídeo, cuando sea aplicable.

El archivo de muestra debe incluir un vínculo “Comprar ahora” al final, o allí donde resulte adecuado.

7 Descripción general de los diccionarios Un diccionario es un libro electrónico de Kindle (archivo.mobi) con etiquetas adicionales agregadas para permitir funciones de búsqueda y localización. Los libros electrónicos de diccionario:

• Contienen un índice primario: una lista de palabras o enunciados organizados por orden alfabético. Los lectores pueden buscar rápidamente en esta lista con solo escribir el principio de la palabra y seleccionar la entrada deseada.

• Se marcan como diccionarios. Los idiomas de entrada y salida del diccionario deben estar definidos correctamente de manera que los dispositivos Kindle puedan utilizar el diccionario para búsquedas dentro del libro.

Por ejemplo, un diccionario de inglés (monolingüe) indica el inglés como el idioma de origen y de destino. Un diccionario de inglés-francés indica el francés como idioma de origen y el inglés como idioma de destino.

Para crear un diccionario bilingüe bidireccional (ejemplo: español-francés y francés-español), debe crear dos libros electrónicos separados: uno para español-francés y otro para francés-español.

Un diccionario de Kindle debe tener los mismos componentes que un libro electrónico de Kindle normal. Debe haber un archivo OPF y archivos HTML con CSS. Todos los diccionarios deben tener:

• Una imagen de portada

• Una página de copyright

• Cualquier material inicial o final relevante (explicaciones de símbolos, apéndices, etc.)

• Definiciones de palabras (este es el volumen del archivo)

7.1 Plantilla de entradas al diccionario Un formato sencillo y limpio es el que mejor se adapta a las búsquedas dentro del libro. Amazon recomienda las siguientes características de contenido y formato de diccionario para lograr un desempeño de alta calidad:

• La palabra de cabecera (la palabra que estamos definiendo) debe aparecer primero en la entrada, y debe diferenciarse del resto del contenido (en su propia línea, alineada a la izquierda, en negrita).

• Cada entrada al diccionario debe contener una definición (o una traducción en el caso de los diccionarios bilingües).

• Debe haber una línea horizontal entre cada entrada.



• Cada sección de cada letra del alfabeto debe comenzar en su propia página.

• Se deben evitar las imágenes (consulte la sección 3.6 sobre restricciones a las imágenes).

• No se deben utilizar tablas (consulte la sección 3.7 sobre restricciones a las tablas).

• No se deben forzar el color, el tamaño y el tipo de fuente (consulte la sección 3.1 sobre instrucciones para el texto).

7.2 Metadatos: creación del archivo OPF El archivo OPF de un diccionario es similar al de otros libros de Kindle, excepto que contiene etiquetas de metadatos especializadas en la sección <x-metadata>.

Las etiquetas adicionales en el archivo OPF establecen el idioma de origen y el idioma de destino del diccionario. Si el diccionario tiene varios índices, el archivo OPF también especifica el nombre del índice de búsqueda primario.

• El elemento <DictionaryInLanguage> contiene el código de lenguaje ISO 639 correspondiente al idioma de los libros para los cuales está diseñado este diccionario. Para un diccionario español-francés, el idioma de origen es el español.

• El elemento <DictionaryOutLanguage> contiene el código de lenguaje ISO 639 correspondiente al idioma de las definiciones establecidas por el diccionario. Para un diccionario español-francés, el idioma de destino es el francés.

• El elemento <DefaultLookupIndex> indica qué índice se abrirá primero cuando el diccionario se utilice para búsquedas desde otro libro. Se debe especificar el índice predeterminado si el diccionario tiene más de un índice. El nombre del índice dentro de las etiquetas <DefaultLookupIndex> en el archivo OPF también debe aparecer como el valor del atributo name en los elementos <idx:entry> en el contenido del diccionario (consulte la sección 7.3.3).

Por ejemplo, para un diccionario español-francés el idioma de origen sería es; el idioma de destino sería fr, y el índice predeterminado podría ser Spanish.

Ejemplo: (metadatos de un diccionario bilingüe) <x-metadata> <DictionaryInLanguage>es</DictionaryInLanguage>

<DictionaryOutLanguage>fr</DictionaryOutLanguage>

<DefaultLookupIndex>Spanish</DefaultLookupIndex>

... </x-metadata>

Para un diccionario monolingüe, el mismo código de lenguaje deberá aparecer dos veces: la primera vez para identificar el idioma de origen y el mismo lenguaje la segunda vez para identificar el idioma de destino. Para identificar una variante regional del idioma de origen y/o el de destino, se debe agregar un sufijo regional al código ISO 639. Por ejemplo en-gb indica inglés británico mientras que en-us indica inglés estadounidense.

Ejemplo: (Metadatos de diccionario monolingüe, variante regional)

<x-metadata>

<DictionaryInLanguage>en-us</DictionaryInLanguage>

<DictionaryOutLanguage>en-us</DictionaryOutLanguage>

<DefaultLookupIndex>headword</DefaultLookupIndex>

...



</x-metadata>

7.3 HTML básico de diccionario 7.3.1 Formato Los diccionarios para Kindle deben estar en el formato Mobi 7 y no en KF8. Por esta razón, el diseño del diccionario debe utilizar un formato de columna simple. Las columnas múltiples y las barras laterales no están implementadas en el formato Mobi 7.

7.3.2 Elemento rameset Todos los diccionarios deben tener un elemento <mbp:frameset> como primer hijo del elemento <body>. Este elemento frameset contiene todos los elementos <idx:entry> del diccionario.

El espacio de nombres para este elemento <mbp:frameset> es xmlns:mbp="http://www.kreutzfeldt.de/mmc/mbp" y debe ser declarado en el elemento raíz <html> del documento XHTML.

Ejemplo:

<html xmlns:math="http://exslt.org/math" xmlns:svg="http://www.w3.org/2000/svg" xmlns:tl="http://www.kreutzfeldt.de/tl"

xmlns:saxon="http://saxon.sf.net/" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns:cx="http://www.kreutzfeldt.de/mmc/cx" xmlns:dc="http://purl.org/dc/elements/1.1/"

xmlns:mbp="http://www.kreutzfeldt.de/mmc/mbp" xmlns:mmc="http://www.kreutzfeldt.de/mmc/mmc" xmlns:idx="http://www.mobipocket.com/idx">

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<body>

<mbp:frameset>

<idx:entry name="english" scriptable="yes" spell="yes">

<idx:short><a id="1"></a>

<idx:orth value="aardvark"><b>aard•vark</b>

<idx:infl>

<idx:iform value="aardvarks"></idx:iform>

<idx:iform value="aardvark’s"></idx:iform>

<idx:iform value="aardvarks’"></idx:iform>

</idx:infl>

</idx:orth>

<p> A nocturnal burrowing mammal native to sub-Saharan Africa that feeds exclusively on ants and termites. </p>

</idx:short>

</idx:entry>

[...other entries…]


http://www.kreutzfeldt.de/mmc/mbp


</mbp:frameset>

</body>

</html>

7.3.3 Índice de palabras claves Para poder hacer un índice alfabético de palabras claves, es necesario utilizar etiquetas especiales que no sean HTML estándar. La fuente seguirá siendo XHTML válido con estas etiquetas <idx> agregadas.

<idx:entry>..</idx:entry>

La etiqueta <idx:entry> marca el alcance de cada entrada que será indexada. En un diccionario, cada palabra clave junto con su definición debe estar entre <idx:entry> y </idx:entry>. Puede poner cualquier tipo de HTML dentro de esta etiqueta.

La etiqueta <idx:entry> puede llevar los atributos name, scriptable, y spell. El atributo name indica el índice al cual pertenece la palabra clave. El valor del atributo name debe ser el mismo que el nombre del índice principal que se encuentra en el OPF. El atributo scriptable permite que se pueda acceder a una entrada desde el índice. El único valor posible para el atributo scriptable es “yes”. El atributo spell permite una búsqueda con caracteres comodín y la corrección ortográfica. El único valor posible para el atributo spell es “yes” .

Ejemplo:

<idx:entry name="english" scriptable="yes" spell="yes">

La etiqueta <idx:entry> también puede llevar un atributo id con el número secuencial que identifica la entrada. Este número debe coincidir con el valor del atributo id en una etiqueta ancla utilizada para el enlace de referencias cruzadas:

Ejemplo: <idx:entry name="japanese" scriptable="yes" spell="yes" id="12345">

<a id="12345"></a>

El número de identificación no se utiliza para una búsqueda dentro del propio libro; en cambio, la entidad de notación fonética que se indexará para su búsqueda deberá estar contenida en el elemento <idx:orth> como se ve a continuación.

<idx:orth>..</idx:orth>

La etiqueta se usa para delimitar el término que aparecerá en la lista del índice y que podrá buscarse como una palabra clave. Este es el texto que los usuarios podrán ingresar en la ventana de búsqueda para encontrar una entrada.

Ejemplo: <idx:orth>Término de la entrada en el índice</idx:orth>

He aquí un ejemplo de una entrada muy simple que podría ser parte de un diccionario de inglés. En este ejemplo, la palabra "chair" aparece en la lista del índice y los usuarios pueden buscarla.

Ejemplo:

<idx:entry> <idx:orth>chair</idx:orth> A seat for one person, which has a back, usually four legs, and sometimes two arms. <idx:entry>



El atributo value puede ser usado en la etiqueta <idx:orth> para incluir un término oculto en la entrada. Este atributo mantiene la funcionalidad de búsqueda en presencia del formato especial que normalmente aparece en las palabras claves en los diccionarios.

Ejemplo:

<idx:orth value="Hidden Label of entry in Index">Display format</orth>

Si la palabra clave debe aparecer en el diccionario con un número en superíndice para indicar homógrafos, con un símbolo de marca registrada, con puntos medios para separar sílabas o con cualquier otro símbolo adicional, este formato especial deberá aparecer en el texto entre etiquetas <idx:orth> pero no en el texto que figura en el atributo value. El texto en el atributo value debe tener la forma exacta que se utilizará en la búsqueda. Si no se suministra un atributo value, entonces la entidad entre las etiquetas <idx:orth> se indexará para la búsqueda. Si se incluyen puntos medios, números en superíndices o cualquier otro símbolo entre las etiquetas <idx:orth>, entonces la búsqueda dentro del libro fallará a menos que se proporcione un término oculto con este formato en el atributo value.

Ejemplo: <idx:orth value ="Amazon">A•ma•zon®<sup>3</sup></orth>

Si el diccionario utiliza más de un texto ortográfico, entonces el atributo format en la etiqueta <orth> puede ser usado para identificar cada texto al elaborar el índice.

Ejemplo:

<idx:orth format="script name">

Junto con este índice primario de palabras claves para todas las entradas en el diccionario, la búsqueda dentro del libro también requiere un índice complementario de formas conjugadas para cada palabra clave. Para elaborar el índice oculto de conjugaciones, se deberán agregar datos adicionales entre las etiquetas <idx:orth> según se indica a continuación.

7.4 Conjugaciones para diccionarios Los diccionarios deben elaborarse de manera que las distintas conjugaciones de una palabra raíz se dirijan todas a la misma entrada. Se debe proporcionar una lista completa de formas conjugadas de cada palabra clave. Si una entrada utiliza distintas ortografías , entonces se proporcionarán distintas formas conjugadas para cada ortografía.

7.4.1 Índice de conjugaciones Para construir el índice oculto de conjugaciones, las formas conjugadas deben estar entre etiquetas <idx:infl> y <idx:iform /> anidadas dentro del elemento <idx.orth>. Este índice no será utilizado para la búsqueda directa por parte del usuario, sino que será usado para búsquedas dentro del libro.

<idx:infl>..</idx:infl>

El elemento <idx:infl> puede contener varios elementos <idx:iform />. Los elementos <idx:iform /> son siempre elementos vacíos y se utilizan solo para llevar atributos y no contenido visible. El atributo value señala las formas conjugadas que forman parte del índice de conjugaciones.

Ejemplo:

<idx:orth>grabar

<idx:infl>

<idx:iform value="grabaciones" />

<idx:iform value="grabando" />



<idx:iform value="grabado" />

</idx:infl>

</idx:orth>

La etiqueta <idx:infl>, la etiqueta <idx:iform /> y el atributo value son obligatorios. El elemento <idx:infl> también puede llevar un atributo opcional inflgrp para señalar una parte del lenguaje, y el elemento <idx:iform /> puede llevar un atributo opcional name para indicar la categoría del paradigma de conjugación. Para idiomas que usan una conjugación extensiva, el incluir estas categorías opcionales agrandará el tamaño del índice de conjugaciones y puede enlentecer el rendimiento durante la búsqueda.

Ejemplo:

<idx:orth>grabar

<idx:infl inflgrp="sustantivo">

<idx:iform name="plural" value="grabaciones" />

</idx:infl>

<idx:infl inflgrp="verbo">

<idx:iform name="gerundio" value="grabando" />

<idx:iform name="participio pasado" value="grabado" />

<idx:iform name="presente" value="graba" />

</idx:infl>

</idx:orth>

Los valores calificados como atributos de la etiqueta <idx:iform /> no serán visibles para el usuario, pero darán la información necesaria para redireccionar las formas conjugadas a las palabras claves asociadas a estas durante la búsqueda dentro del libro. Para informar al usuario sobre las partes del lenguaje o sobre los paradigmas de conjugación, se debe incluir texto adicional en el cuerpo de la entrada (esto es, junto con la definición y los ejemplos).

<idx:key>..</idx:key> (OBSOLETO)

Al igual que la etiqueta <idx:infl>, la etiqueta <idx:iform /> está diseñada para permitir la búsqueda de una entrada en el índice a través de una palabra alternativa. Pero la presencia de una etiqueta <idx:key> en un diccionario Kindle puede generar inestabilidad en la búsqueda y puede interferir con la operación del parámetro de coincidencia exacta (consulte la sección 7.4.2). Debido a esto, el uso de las etiquetas <idx:key> es obsoleto; en cambio, las etiquetas <idx:infl> y <idx:iform /> deben utilizarse alrededor de los formularios de búsqueda alternativos.

7.4.2 Parámetro de coincidencia exacta El Kindle utiliza por defecto un algoritmo de búsqueda difusa para hacer coincidir signos diacríticos durante la búsqueda de una palabra. Los lenguajes que utilizan signos diacríticos contrastantes para distinguir entre distintas formas de la palabra deben usar el atributo exact="yes" en la etiqueta <idx:iform /> para forzar la coincidencia exacta de los signos diacríticos durante la búsqueda.

Ejemplo:

<idx:entry name="spanish" scriptable="yes" spell="yes">

<a id="12345"></a>

<idx:orth value="uña"><b>uña</b>



<idx:infl>

<idx:iform value="uñas" exact="yes" />

</idx:infl>

</idx:orth>

Cuando se asigna "yes" al parámetro exact se fuerza al dispositivo a hacer coincidir uñas con la palabra clave uña, y se prohíbe la coincidencia con una.

7.5 Creación de un diccionario con Kindlegen Al crear un diccionario con Kindlegen mediante la línea de comandos, use la siguiente sintaxis:

kindlegen.exe [nombrearchivo.opf] -c2 –verbose –dont_append_source

Si las entradas del diccionario se encuentran en un solo archivo XHTML de gran tamaño , Kindlegen podría no ser capaz de elaborar el diccionario. Si no es posible elaborar el diccionario, este problema puede resolverse dividiendo el contenido del diccionario entre dos o más archivos XHTML.

Para obtener más orientación sobre el uso de Kindlegen, consulte la sección 2.2.2.

7.6 Prueba de diccionarios de Kindle 7.6.1 Prueba de formato Amazon recomienda verificar que el diccionario convertido esté formateado correctamente para brindarle al usuario una buena experiencia visual. Controle el formato de las definiciones repasando el diccionario y leyéndolas varias veces. (El formato del diccionario puede ser controlado utilizando Kindle Previewer o cualquier dispositivo Kindle, aunque las pruebas de búsqueda requieren utilizar un dispositivo de lectura electrónica.)

• Controle las palabras buscando caracteres no permitidos, palabras partidas o juntadas, visualización apropiada de caracteres acentuados, símbolos, guía de pronunciación, etc.

• Controle que no existan erratas.

• Controle que los enlaces (si los hubiera) estén trabajando correctamente. (Los enlaces estarán deshabilitados en la ventana de búsqueda dentro del libro, pero los enlaces deben funcionar dentro del mismo diccionario).

• Si utiliza imágenes, controle que las imágenes sean claras y legibles.

• Controle que el color y el tipo de fuente no se vean forzados.

7.6.2 Prueba de búsqueda Amazon recomienda verificar que las definiciones aparezcan correctamente cuando se utilice el diccionario para buscar palabras en otros libros. Esta parte de la prueba puede efectuarse solamente con dispositivos de lectura electrónica (con excepción del Previewer) porque solamente los dispositivos de lectura electrónica permiten que el usuario configure el diccionario que utilizará para las búsquedas.

• Cargue el diccionario en el dispositivo de lectura electrónica. Para esto, conecte el Kindle a su computadora a través de un cable USB-a-mini-USB. Su computadora debería detectar el dispositivo. En la ventana que aparece, deberá ver una carpeta llamada Documentos (Documents). Ponga el archivo del diccionario dentro de esta carpeta y luego desconecte su Kindle de la computadora.

• Configure el diccionario que quiere probar como el diccionario predeterminado para búsquedas:

o Kindle Paperwhite: Vaya a Home > Menu > Settings >Device Options > Language and Dictionaries > Dictionaries > [Lenguaje fuente>.

• Busque una buena cantidad de palabras para ver qué definición aparece. Abra otro libro que no sea el del diccionario, seleccione una palabra y controle la definición que aparece en la ventana



de búsqueda. Si la búsqueda falla completamente, controle si hay errores en las etiquetas de HTML.

Sugerencias de palabras a buscar:

o Conjugaciones de verbos tanto regulares como irregulares.

• Ejemplos: walk, walks, walked, walking; go, goes, went, gone, going.

o Sustantivos, adjetivos, adverbios y sus conjugaciones/declinaciones.

• Ejemplos: desk, desks; wolf, wolves; hot, hotter, hottest.

o Convenciones gramaticales y de puntuación que se utilicen normalmente en el idioma.

• Ejemplo: contracciones, elisiones, verbos con pronombres personales.

Controle la vista de índice del diccionario. Para esto, abra el diccionario y comience a digitar una palabra en la ventana de búsqueda. Deberá aparecer una lista en orden alfabético de palabras claves, la que deberá actualizarse dinámicamente de acuerdo con las teclas que se pulsen. Si seleccionamos una palabra clave de la lista del índice, el usuario debería ser dirigido a la entrada de esa palabra.

8 Consultas de medios El nuevo formato 8 de Kindle (KF8) incluye un mayor soporte para hojas de estilo en cascada (CSS). Para dispositivos que no sean compatibles con los requisitos KF8, es posible que los creadores de contenido deban controlar más de cerca el trabajo con Mobi 7 de lo que permiten las conversiones estándar compatibles con el KindleGen. Para solucionar esta necesidad, Amazon ha implementado consultas de medios como forma para aplicar los mejores estilos de CSS para cada formato de archivo. Esto permite el uso de formato con CSS complejas para KF8, así como la aplicación de un formato más básico para el formato Mobi. Las consultas de medios forman parte del estándar W3. Para obtener más información, consulte http://www.w3.org/TR/css3-mediaqueries/.

La compatibilidad para dos nuevos tipos de medios permite que los creadores de contenido utilicen CSS específicas basadas en el formato de archivo Mobi o KF8: amzn-mobi y amzn-kf8.

• Para estilos CSS para KF8, utilice la consulta de medios @media amzn-mobi. Esto se aplica, únicamente para el formato KF8.

• Para estilos CSS para Mobi, utilice la consulta de medios @media amzn-mobi. Esto se aplica, únicamente, para el formato Mobi.

Los estilos @media screen y @media all seguirán aplicándose tanto a KF8 como a Mobi. Si el tipo de medio que se está especificando no es amzn-mobi, amzn-kf8, screen o all, el Kindle lo ignorará.

8.1 Utilizar consultas de medios La siguiente tabla muestra ejemplos de consultas de medios compatibles y la CSS aplicada a KF8, Mobi y otros lectores:

CSS CSS aplicada a KF8

CSS aplicada a Mobi

CSS aplicada a otros lectores

@media amzn-mobi

{

.class1

{

font=size:3em;

-

font=size:3em;

font-weight: bold;

-


http://www.w3.org/TR/css3-mediaqueries/



CSS aplicada a Mobi


font-weight: bold;

}

}

.class1

{

font-style: italic;

font-size:2em;

}

@media amzn-mobi

{

.class1

{

font-size:3em;

font-weight: bold;

}

}

font-style: italic;

font-size: 2em;

font-style: italic;

font=size:3em;

font-weight: bold;

font-style: italic;

font-size:2em;

@media amzn-mobi

{

.class1

{

font-size:3em

!important;

font-weight: bold !important;

}

}

.class1

{

font-style: italic;

font-size:2em;

font-style: italic;

font=size:3em;

font-weight: bold;

font-style: italic;

font-size:2em;




CSS aplicada a Mobi


font-style: italic;

font-size:2em;

}

@media not amzn-mobi

{

.firstletter

{

float: left;

font-size: 3em;

line-height: 1;

font-weight: bold;

padding-right: .2em;

margin: 10px

}

}

@media amzn-mobi

{

.firstletter {

font-size: 3em;

}

}

.firstletter

{

float: left;

font-size: 3em;

line-height: 1;

font-weight: bold;


margin: 10px

}

firstletter

{

font-size: 3em;

}

.firstletter

{

float: left;

font-size: 3em;

line-height: 1;

font-weight: bold;


margin: 10px

}

}

@media amzn-kf8

{

p {

color: red;

}

}

p {

color: red;

}

-



8.2 Utilizar consultas de medios para retrocompatibilidad con Mobi Las consultas de medios permiten que un archivo CSS proporcione CSS complejas para KF8 y CSS más básicas para el formato Mobi. Algunas pautas:

• Las CSS complejas pueden ignorarse para el formato Mobi redefiniendo la misma clase dentro de la consulta de medios @media amzn-mobi.

• Según el estándar W3C, las consultas de medios deberían ser:

o Consultas individuales especificadas después de la CSS común; o

Ejemplo:

class1 {font-size: 2em;}

@media amzn-mobi {.class1 {font-size: 3em;}}

Incluir !important con cada propiedad para cumplir con la precedencia.

Ejemplo:

@media amzn-mobi {.class1 {font-size: 3em !important; }}

.class1 {Font-size: 2em;}

CSS Estilos CSS aplicados a Mobi Estilos CSS aplicados a KF8

p

{

font-style: normal;

}

h

{

font-weight: bold;

}

div.example {

margin: 10px

}

ul {

margin: 20px

padding-left: 30px;

}

p

{

font-style: normal;

}

h

{

font-weight: bold;

}

div.example {

margin: 10px

}

ul {

margin: 20px

padding-left: 30px;

}

p

{

font-style: normal;

}

h

{

font-weight: bold;

}

div.example {

margin: 10px

}

ul {

margin: 20px

padding-left: 30px;

}



CSS Estilos CSS aplicados a Mobi Estilos CSS aplicados a KF8

.firstletter {

float: left;

font-size: 3em;

line-height: 1;

font-weight: bold;


}

@media amzn-mobi

{

.firstletter {

float: 0;

font-size: 3em;

line-height: 0;

font-weight: bold;

padding-right: 0;

}

}

.firstletter {

float: 0;

font-size: 3em;

line-height: 0;

font-weight: bold;

padding-right: 0;

)

.firstletter {

float: left;

font-size: 3em;

line-height: 1;

font-weight: bold;


}

8.3 Enviar una consulta de medios Existen cuatro opciones para enviar consultas de medios:

• Un archivo CSS

• Distintos archivos CSS

• Etiquetas de estilo

• @import

8.3.1 Opción 1: utilizar un archivo CSS Las consultas de medios pueden especificar distintas CSS para los formatos Mobi y KF8 en el mismo archivo CSS. En el ejemplo que figura a continuación, se especifica una clase .class1 para el formato Mobi distinta a la de otros formatos en el mismo archivo CSS.

Ejemplo:



.class1

{

font-style: italic;

font-size:2em;

}

@media amzn-mobi

{

.class1

{

font=size:3em;

font-weight: bold;

}

}

8.3.2 Opción 2: utilizar distintos archivos CSS Las consultas de medios pueden especificar distintas CSS para los formatos Mobi y KF8 en distintos archivos CSS. En el ejemplo que figura a continuación, los formatos Mobi y KF8 utilizan distintas hojas CSS y los estilos de CSS comunes se aplican a todos los medios.

Ejemplo:

link href="common.css" rel="stylesheet" type="text/css">

<link href="kf8.css" media="amzn-kf8" rel="stylesheet" type="text/css">

<link href="mobi.css" media="amzn-mobi" rel="stylesheet" type="text/css">

8.3.3 Opción 3: utilizar etiquetas de estilo Las consultas de medios pueden especificar directamente distintas CSS para los formatos Mobi y KF8 mediante etiquetas <style>.

Ejemplo:

<style type="text/css">

<style type="text/css" media="amzn-kf8">

<style type="text/css" media="amzn-mobi">

8.3.4 Opción 4: utilizar @import Las consultas de medios pueden especificar directamente distintas CSS para los formatos Mobi y KF8 utilizando @import para incluir distintos archivos CSS.

Ejemplos:

@import

@import url(common.css);

@import url(kf8.css) amzn-kf8;

@import url(mobi7.css) amzn-mobi;



8.4 Cómo utilizar la pantalla: propiedad none para Consultas de los Medios de Comunicación

Para especificar el CSS para el contenido en el formato para Mobi 7 y KF8, use la pantalla:propiedad none para consultas de los medios de comunicación. Asistencia para la pantalla:sin propiedad en el formato Mobi 7 se encuentra disponible en Kindlegen 2.4 y versiones posteriores.

Ejemplo:

.defaultcontent

{ display: block; }

.mobicontent

{ display: none; }

@media amzn-mobi

{

.defaultcontent

{ display: none; }

.mobicontent

{ display: block; }

}

8.4.1 Cómo utilizar la pantalla: propiedad none con Tablas Complejas Las tablas han tendido vasto soporte en KF8, pero las tablas complejas no se renderizan bien en Mobi 7. Con la pantalla:propiedad none, usted puede usar una tabla basada en HTML para el contenido KF8 y una tabla basada en imágenes para Mobi 7, como se muestra en el ejemplo de abajo.

Ejemplo:

.defaultcontent

{ display: block; }

.mobicontent

{ display: none; }

@media amzn-mobi

{

.defaultcontent

{ display: none; }



.mobicontent

{ display: block; }

}

<table class="defaultcontent" bordercolor="#E66C2C" border="1" cellpadding="4">

<tr>

<th>Heading</th>

<th>Heading</th>

<th>Heading</th>

</tr>

<tr>

<td>Cell</td>

<td>

<table bordercolor="#003399" border="1" cellpadding="4">

<tr>

<td>Nested</td>

<td>Nested</td>

</tr>

<tr>

<td>Nested</td>

<td>Nested</td>

</tr>

</table>

</td>

<td>Cell</td>

</tr>

</table>

<img class="mobicontent" src="tableimage.jpg"></img>

8.4.2 Cómo utilizar la pantalla: propiedad none con Imágenes SVG KF( soporta el formato de imagen SVG, pero Mobi 7 no lo hace. Con la pantalla:propiedad non, usted puede usar una imagen SVG para el contenido KF8 y una imagen JPEG para el contenido Mobi 7, como se muestra en el ejemplo de abajo.

Ejemplo:

.defaultcontent

{ display: block; }



.mobicontent

{ display: none; }

@media amzn-mobi

{

.defaultcontent

{ display: none; }

.mobicontent

{ display: block; }

}

<svg class="defaultcontent" xmlns="http://www.w3.org/2000/svg" version="1.1">

<circle cx="100" cy="50" r="40" stroke="black" fill="red" />

</svg>

<img class="mobicontent" src="circleimage.jpg"></img>

8.4.3 Limitación para usar la pantalla: propiedad none Kindle limita el uso de la pantalla: propiedad none para bloques de contenido de más de 10.000 caracteres. Si la pantalla: propiedad none se aplica a un bloque de contenido superior a 10.000 caracteres, Kindlegen generará un error.

9 Prácticas recomendadas para Kindle

9.1 Comprobación de libros Kindle Existen tres formas de probar su libro Kindle antes de añadirlo a la tienda Kindle:

1. Utilizar el Kindle Previewer (Previsualizador de Kindle). Puede probar su archivo EPUB utilizando el software Kindle Previewer (Previsualizador Kindle), disponible tanto para Windows como para Mac OS X. El Kindle Previewer le permite seleccionar visualizaciones para distintos dispositivos, inclusive el Kindle de tinta electrónica, la tablet Fire, Kindle para PC y Kindle para IOS. Para obtener instrucciones de instalación, consulte la sección 2.2.3 Software del Kindle Previewer (Previsualizador de Kindle).

2. Utilizar dispositivos y aplicaciones Kindle. Puede probar contenido KF8 en un dispositivo Kindle de tinta electrónica y en una tablet Fire.

3. Utilizar el KDP. La Plataforma de edición directa de Kindle acepta una variedad de formatos de libros y proporciona la capacidad de previsualización en el sitio web. Para obtener más información o registrarse, visite http://kdp.amazon.com.

Tenga en cuenta la compatibilidad del dispositivo. Considere que los usuarios pueden querer leer su contenido en una gran variedad de dispositivos, con pantallas muy chicas o muy grandes, con resoluciones bajas o altas. Trate de probar su contenido en tantos dispositivos como sea posible, especialmente para libros electrónicos complejos, como en libros para niños con diseño fijo.

Cuando pueda leer el libro, utilice esta lista de verificación para confirmar que su libro Kindle no contiene errores evidentes. (Para garantizar un control de calidad más preciso, realice la verificación siguiendo las instrucciones completas de formato que figuran en la sección 3. Instrucciones generales de formato):

1. Abra el libro por primera vez o vaya a la página de la portada.


http://kdp.amazon.com/


o Portada: el libro Kindle debería disponer de una portada.

o Portada única: desde la portada, pase a la página siguiente. No debería aparecer otra imagen de la página de la portada. Para conocer las excepciones, vea la sección 3.2.3 Instrucción para imagen de portada n.º 3: la portada interna no debe aparecer dos veces.

2. Acceda a la tabla de contenidos.

o En la tabla de contenidos, debería ser posible hacer clic sobre cada elemento y dicha acción debería vincular a la ubicación correcta del libro. La tabla de contenidos no debe contener números de página.

3. Acceda a cualquier punto del libro (únicamente en libros ajustables).

o Tamaño de letra: Cambie el tamaño de letra en el menú del Kindle; la letra del libro debería cambiar consecuentemente. El texto normal no debe estar en negrita ni en cursiva y no se debe forzar su alineación.

o Tipo de letra: Cambie el tipo de letra en el menú del Kindle; la letra del libro debería cambiar consecuentemente. Si usted ha diseñado su libro para ser que utilice únicamente un archive de letra específico, asegúrese de respetar las instrucciones en la sección 3.1.9 Instrucción n.° 9 para el texto: . El no respetar estas instrucciones podría derivar en que la configuración del Kindle vuelva a la letra de lectura preferida del cliente.

4. Regrese a la primera página y revise todas y cada una de las páginas del libro.

o Imágenes: las imágenes no deberían ser demasiado pequeñas. Asegúrese de que todo el texto que aparezca en imágenes o en tablas sea legible. Las imágenes grandes deben ajustarse para caber en la página entera y visualizarse completamente en una sola página.

o Tablas: las tablas deberían aparecer de forma correcta. Asegúrese de que el texto de las tablas sea legible.

o Números de página: no debe figurar ninguna referencia a los números de página en el libro, inclusive las referencias cruzadas, las tablas de contenido y el índice.

o Material incluido únicamente en el libro físico: no debería figurar referencia alguna a los materiales (como CD o DVD) que solo se incluyan en el libro físico.

o Configuración del fondo (únicamente en libros electrónicos ajustables): confirme que el texto el legible en todos los modos de colores de fondo (blanco, negro y sepia) en un dispositivo tabla Kindle o previsualizador.

o Aumento (únicamente para diseños fijos): active los elementos emergentes/vista de panel para verificar que todo el contenido y/o paneles tengan el aumento que corresponda, y que el orden de lectura aumentado sea correcto.

10 Instrucciones de calidad para Kindle Amazon recomienda encarecidamente verificar el contenido exportado antes de convertirlo a un libro Kindle, ya que algunas herramientas de creación de contenido dan formato al contenido de forma distinta cuando este se exporta a HTML

Asimismo, Amazon aconseja revisar la totalidad del libro para asegurarse de que:

• no ha omitido contenido;

• no ha incluido contenido erróneo;

• no contiene erratas y que tenga soporte total para caracteres;

• no existen errores de alineación;



• no existen tipos de letra forzadas en el libro (libros electrónicos ajustables) y que las letras sean correctas (libros electrónicos con diseño fijo);

• el espaciado entre párrafos y las sangrías es adecuado y

• no existen colores de fuente o colores de fondo forzados.

Estos errores afectan negativamente la legibilidad y es posible que el equipo de Amazon se vea obligado a retirar el título para proteger la experiencia del lector.



11 Apéndices

11.1 Apéndice A: Etiquetas HTML compatibles con el formato Kindle 8 Etiqueta HTML Descripción Compatible en

dispositivos y aplicaciones para KF8

Notas

 Especifica un comentario. Sí

<!DOCTYPE> Especifica el tipo de documento.

Sí No en tinta electrónica

<?xml?> Esta etiqueta identifica un documento como documento XML.

Sí

<a> Especifica un hipervínculo Sí

<address> Especifica un elemento de dirección.

Sí

<article> Especifica un artículo. Sí

<aside> Especifica contenido aparte del contenido de la página

Sí

<b> Especifica texto en negrita. Sí

<big> Convierte el texto enmarcado a un tamaño de fuente un punto superior al tamaño actual o por defecto.

Sí Etiqueta menospreciada – Se recomiendo el uso de CSS en cambio

<blockquote> Especifica una cita larga. Sí

<body> Especifica el elemento cuerpo.

Sí

<br> Introduce un único salto de línea.

Sí

<caption> Especifica el título de una tabla.

Sí

<center> Centra el texto horizontalmente.

Sí Etiqueta menospreciada – Se recomienda utilizar estilo CSS text-align:center en cambio

<cite> Especifica una cita. Sí

<code> Especifica texto de código de computadora.

Sí

<col> Especifica atributos para columnas de tabla.

No


http://www.quackit.com/html_5/tags/html_comments_tag.cfm

http://www.quackit.com/html_5/tags/html_a_tag.cfm

http://www.quackit.com/html_5/tags/html_address_tag.cfm

http://www.quackit.com/html_5/tags/html_article_tag.cfm

http://www.quackit.com/html_5/tags/html_aside_tag.cfm

http://www.quackit.com/html_5/tags/html_b_tag.cfm

http://www.quackit.com/html_5/tags/html_blockquote_tag.cfm

http://www.quackit.com/html_5/tags/html_body_tag.cfm

http://www.quackit.com/html_5/tags/html_br_tag.cfm

http://www.quackit.com/html_5/tags/html_caption_tag.cfm

http://www.quackit.com/html_5/tags/html_cite_tag.cfm

http://www.quackit.com/html_5/tags/html_code_tag.cfm

http://www.quackit.com/html_5/tags/html_col_tag.cfm


Etiqueta HTML Descripción Compatible en dispositivos y aplicaciones para KF8

Notas

<dd> Especifica una descripción de definición.

Sí

<del> Especifica texto eliminado. Sí

<dfn> Define un término. Sí

<div> Especifica una sección en un documento.

Sí

<dl> Especifica una lista de definiciones.

Sí

<dt> Especifica un término de definición.

Sí

<em> Especifica texto enfatizado. Sí

<font> Modifica la apariencia de la fuente del texto que encierra.

Sí Etiqueta menospreciada – Se recomiendo el uso de CSS en cambio

<figcaption> Especifica un título para el elemento figura.

Sí

<figure> Especifica un grupo de contenido de medios y su título.

Sí

<footer> Especifica un pie de página para una sección o página.

Sí

<h1> Especifica un nivel de encabezado 1

Sí


Sí


Sí


Sí


Sí


Sí

<head> Especifica información acerca del documento.

Sí

<header> Especifica un grupo de ayudas de introducción o navegación, inclusive elementos de grupo.

Sí


http://www.quackit.com/html_5/tags/html_dd_tag.cfm

http://www.quackit.com/html_5/tags/html_del_tag.cfm

http://www.quackit.com/html_5/tags/html_dfn_tag.cfm

http://www.quackit.com/html_5/tags/html_div_tag.cfm

http://www.quackit.com/html_5/tags/html_dl_tag.cfm

http://www.quackit.com/html_5/tags/html_dt_tag.cfm

http://www.quackit.com/html_5/tags/html_em_tag.cfm

http://www.quackit.com/html_5/tags/html_figcaption_tag.cfm

http://www.quackit.com/html_5/tags/html_figure_tag.cfm

http://www.quackit.com/html_5/tags/html_footer_tag.cfm

http://www.quackit.com/html_5/tags/html_h1_tag.cfm






http://www.quackit.com/html_5/tags/html_head_tag.cfm

http://www.quackit.com/html_5/tags/html_header_tag.cfm



Notas

<hgroup> Especifica un encabezado para una sección o página.

Sí

<hr> Especifica una regla horizontal.

Sí

<html> Especifica un documento HTML.

Sí

<i> Especifica texto en cursiva. Sí*

<img> Especifica una imagen. Sí

<ins> Especifica texto insertado. Sí

<kbd> Especifica texto de teclado. Sí

<li> Especifica un elemento de lista.

Sí

<link> Especifica un recurso de referencia.

Sí

<mark> Especifica texto marcado. Sí

<menu> Especifica una lista de menú. Sí

<ol> Especifica una lista ordenada.

Sí

<output> Especifica algunos tipos de salida.

Sí

<p> Especifica un párrafo. Sí

<pre> Especifica texto preformateado.

Sí

<q> Especifica una cita corta. Sí

<rp> Se utiliza en beneficio de los navegadores que no son compatibles con las anotaciones con caracteres ruby.

Sí

<rt> Especifica el componente de texto ruby de una anotación ruby.

Sí

<samp> Especifica el código de muestra de computadora.

Sí

<section> Especifica una sección. Sí


http://www.quackit.com/html_5/tags/html_hgroup_tag.cfm

http://www.quackit.com/html_5/tags/html_hr_tag.cfm

http://www.quackit.com/html_5/tags/html_html_tag.cfm

http://www.quackit.com/html_5/tags/html_i_tag.cfm

http://www.quackit.com/html_5/tags/html_img_tag.cfm

http://www.quackit.com/html_5/tags/html_ins_tag.cfm

http://www.quackit.com/html_5/tags/html_kbd_tag.cfm

http://www.quackit.com/html_5/tags/html_li_tag.cfm

http://www.quackit.com/html_5/tags/html_link_tag.cfm

http://www.quackit.com/html_5/tags/html_mark_tag.cfm

http://www.quackit.com/html_5/tags/html_menu_tag.cfm

http://www.quackit.com/html_5/tags/html_ol_tag.cfm

http://www.quackit.com/html_5/tags/html_output_tag.cfm

http://www.quackit.com/html_5/tags/html_p_tag.cfm

http://www.quackit.com/html_5/tags/html_pre_tag.cfm

http://www.quackit.com/html_5/tags/html_q_tag.cfm

http://www.quackit.com/html_5/tags/html_rp_tag.cfm

http://www.quackit.com/html_5/tags/html_rt_tag.cfm

http://www.quackit.com/html_5/tags/html_samp_tag.cfm

http://www.quackit.com/html_5/tags/html_section_tag.cfm



Notas

<small> Especifica texto pequeño. Sí

<source> Especifica recursos de medios.

Sí

<span> Especifica una sección en un documento.

Sí

<strong> Especifica texto con énfasis. Sí

<style> Especifica una definición de estilo.

Sí

<strike> Crea un texto tachado. Sí

<sub> Especifica texto en subíndice.

Sí

<sup> Especifica texto en superíndice.

Sí

<table> Especifica una tabla. Sí Utilice únicamente para información tabular

<tbody> Especifica el cuerpo de una tabla

Sí

<td> Especifica la celda de una tabla.

Sí

<tfoot> Especifica el pie de una tabla.

Sí

<th> Especifica el encabezado de una tabla.

Sí

<thead> Especifica el encabezado de una tabla.

Sí

<time> Especifica una fecha/hora. Sí

<title> Especifica el título del documento.

Sí

<tr> Especifica la fila de una tabla.

Sí

<u> Subraya cualquier texto que encierra.

Sí

<ul> Especifica una lista desordenada.

Sí

<var> Especifica una variable. Sí

<wbr> Especifica una oportunidad de salto de página para palabras muy largas y

Sí


http://www.quackit.com/html_5/tags/html_small_tag.cfm

http://www.quackit.com/html_5/tags/html_source_tag.cfm

http://www.quackit.com/html_5/tags/html_span_tag.cfm

http://www.quackit.com/html_5/tags/html_strong_tag.cfm

http://www.quackit.com/html_5/tags/html_style_tag.cfm

http://www.quackit.com/html_5/tags/html_sub_tag.cfm

http://www.quackit.com/html_5/tags/html_sup_tag.cfm

http://www.quackit.com/html_5/tags/html_table_tag.cfm

http://www.quackit.com/html_5/tags/html_tbody_tag.cfm

http://www.quackit.com/html_5/tags/html_td_tag.cfm

http://www.quackit.com/html_5/tags/html_tfoot_tag.cfm

http://www.quackit.com/html_5/tags/html_th_tag.cfm

http://www.quackit.com/html_5/tags/html_thead_tag.cfm

http://www.quackit.com/html_5/tags/html_time_tag.cfm

http://www.quackit.com/html_5/tags/html_title_tag.cfm

http://www.quackit.com/html_5/tags/html_tr_tag.cfm

http://www.quackit.com/html_5/tags/html_ul_tag.cfm

http://www.quackit.com/html_5/tags/html_var_tag.cfm

http://www.quackit.com/html_5/tags/html_wbr_tag.cfm



Notas

cadenas de texto sin espacios.

<nav> Especifica vínculos de navegación.

Sí

<summary> Especifica un resumen/título para el elemento <details>.

Sí

<vídeo> Especifica un vídeo. No

<audio> Especifica un contenido de audio.

No

*Compatibilidad parcial (consultar http://www.mobipocket.com/dev/article.asp?BaseFolder=prcgen&File=TagRef_OEB.htm )

Las etiquetas HTML siguientes no son compatibles con el formato Kindle:

• Canvas

• Command

• Datalist

• Script (reservado solo para uso de Amazon)

• Base

• Form

• Eventsource

• KeyGen

• Input

• Embed (solo el SVG es compatible)

• Object (solo el SVG es compatible)

• Param

• Noscript

• IFrame

• Marquee


http://www.quackit.com/html_5/tags/html_nav_tag.cfm

http://www.quackit.com/html_5/tags/html_summary_tag.cfm

http://www.quackit.com/html_5/tags/html_video_tag.cfm

http://www.mobipocket.com/dev/article.asp?BaseFolder=prcgen&File=TagRef_OEB.htm


11.2 Apéndice B: Selectores, atributos y propiedades de la CSS compatibles con el formato Kindle 8

Atributo CSS Compatible en dispositivos y aplicaciones para KF8

Notas

/*Comment*/ Sí Comentario CSS

@import Sí Importa hojas de estilo externas.

@charset Sí Declara codificación de caracteres.

@font-face Sí Permite vínculos a fuentes.

* Sí Selecciona todos los elementos.

E Sí Representa cualquier elemento E (div, span, p).

E.class Sí Selector de clase

E#id Sí Selector de ID

E:link Sí Selector de vínculo (por visitar)

E:visited No Selector de vínculo (visitado)

Margen Sí Establece propiedades de margen

Padding Sí Establece propiedades de relleno

Width Sí Establece el ancho de un elemento

Height Sí Establece la altura de un elemento

Float Sí Especifica si un cuadro debería flotar en el lateral

Clear Sí Especifica el lado de un elemento en el que no se permiten otros elementos flotantes

Display Sí Especifica el tipo de cuadro que debería generar un elemento

min-width No Establece el ancho mínimo de un elemento

max-width Sí Establece el ancho máximo de un elemento

min-height Sí Establece la altura mínima de un elemento

max-height No Establece la altura máxima de un elemento

Clip Sí Recorta un elemento con posición absoluta

Visibility Sí Especifica si un elemento es visible o no

Border Sí Establece las propiedades de todos los bordes

border-color Sí Establece los colores de los cuatro bordes

border-style Sí Establece el estilo de los cuatro bordes

border-width Sí Establece el ancho de los cuatro bordes




Notas

border-top Sí Establece las propiedades del borde superior

border-right Sí Establece las propiedades del borde derecho

border-bottom Sí Establece las propiedades del borde inferior

border-left Sí Establece las propiedades del borde izquierdo

border-radius Sí Establece el radio para la esquina redondeada en los bordes

line-height Sí Establece el espacio vertical entre líneas base

vertical-align Sí Establece la alineación vertical

Position Sí Establece el tipo de posicionamiento (estático, relativo, absoluto). No se recomienda su uso en libros ajustables.

Top Sí Establece el borde del margen superior para un cuadro de posición

Right Sí Establece el borde del margen derecho para un cuadro de posición

Bottom Sí Establece el borde del margen inferior para un cuadro de posición

Left Sí Establece el borde del margen izquierdo para un cuadro de posición

z-index Sí Establece el orden de apilamiento de un elemento

list-style Sí Establece las propiedades de una lista

list-style-image

Sí Especifica una imagen como marcador de ítems de lista

list-style-position

Sí Especifica dónde colocar el marcador de ítems de lista

list-style-type

Sí Especifica el tipo de marcador de ítems de lista

Opacity Sí Establece la transparencia de un elemento.

Background Sí Establece la propiedad de fondo.

background-attachment

Sí Establece si una imagen de fondo es fija o si se desplaza con el resto de la página




Notas

background color

Sí Establece el color de fondo de un elemento

background-image

Sí Establece la imagen de fondo de un elemento

background-position

Sí Establece la posición inicial de una imagen de fondo

background-repeat

Sí Establece la forma en que una imagen de fondo se repetirá

background-clip

Sí Especifica si el fondo de un elemento, ya sea el color o la imagen, se extiende por debajo del borde

background-origin

Sí Determina el área de posicionamiento del fondo

background-size

Sí Especifica el tamaño de las imágenes de fondo

Font Sí Establece las propiedades de todas las fuentes

font-family Sí Permite especificar una lista de prioridades de nombres de familias tipográficas y/o nombres genéricos de familia para el elemento seleccionado

font-size Sí Especifica el tamaño de la fuente

font-style Sí Permite seleccionar el estilo de fuente (cursiva u oblicua) dentro de una familia tipográfica

font-variant Sí Selecciona un tipo de letra normal o minúscula en una familia tipográfica

font-weight Sí Especifica el peso o el grado de intensidad de la negrita en la fuente

text-align Sí Especifica la alineación horizontal de un texto

text-decoration

Sí Especifica la decoración que se añadirá al texto

text-indent Sí Especifica la sangría de la primera línea en un bloque de texto

text-transform Sí Controla las mayúsculas del texto

letter-spacing Sí Aumenta o disminuye el espacio entre los caracteres de un texto

word-spacing Sí Aumenta o disminuye el espacio entre las palabras de




Notas

un texto

white-space Sí Especifica cómo debe gestionarse el espacio en blanco dentro de un elemento

text-shadow Sí Especifica el efecto de sombra añadido al texto

text-overflow Sí Especifica si se muestra una elipsis cuando el contenido de texto ha rebasado el área de diseño otorgada

word-wrap Sí Especifica si el navegador está o no autorizado a dividir palabras al final de línea para evitar el desbordamiento, cuando una cadena es demasiado larga para ajustarla

Direction Sí Establece la dirección del texto base y los elementos de nivel de bloque, así como la dirección que siguen las celdas dentro de una tabla

border-collapse

Sí Selecciona el modelo de borde

border-spacing Sí Especifica la distancia entre los bordes de las celdas adyacentes

caption-side Sí Posiciona el contenido del título de una tabla en el lado especificado

empty-cells Sí Especifica cómo renderizar los bordes y los fondos situados alrededor de las celdas que no contienen contenido visible

Outline No Establece las líneas de contorno

outline-color No Establece el color de un contorno

outline-style No Establece el estilo de un contorno

outline-width No Establece el ancho de un contorno

outline-offset Sí Establece el espacio entre un contorno y el borde de un elemento

Width Sí Especifica el ancho del área de contenido de un elemento

Height Sí Especifica la altura del área de contenido de un elemento

device-width Sí El ancho de la pantalla en píxeles CSS en factor zoom 1.0

device-height Sí La altura de la pantalla en píxeles CSS en factor zoom 1.0

device-aspect-ratio

Sí Describe la relación de aspecto del dispositivo de salida

Color Sí Establece el color del texto




Notas

color-index Sí Describe el número de entradas en la tabla de búsqueda de color

Monochrome Sí Describe el número de bits por píxel en un búfer de trama monocromo

Los siguientes selectores, atributos y propiedades CSS no son compatibles en el formato Kindle:

• E + F (Direct adjacent)

• E ~ F (Indirect adjacent)

• E: first-child

• E: first-of-type

• E: last-child

• E: last-of-type

• E: only-child

• E: only-of-type

• E: nth-child

• E: nth-last-child

• E: nth-of-type

• E: nth-last-of-type

• E: first-letter

• E: first-line

• E: before

• E: after

• E::before

• E::afterCounter-incrementCounter-reset



11.3 Apéndice C: instrucciones para convertir XMDF a KF8 11.3.1 Comando Kindlegen Kindlegen acepta la carpeta que contiene el archivo de origen de XMDF como entrada. Use el comando:

kindlegen <nombre carpeta>

Puede usar una opción de línea de comandos adicional (-intermediate_only) para generar archivos OPF/HTML intermedios:

kindlegen -intermediate_only <nombre carpeta>

Esta opción genera archivos intermedios como archivos OPF/HTML en una nueva carpeta junto a la carpeta de entrada. Kindlegen nombra esta carpeta con el nombre de la carpeta de entrada seguido de _dump. Para cambiar algo en los archivos intermedios, use estos archivos HTML u OPF intermedios.

El archivo OPF se llama current_content.opf y puede encontrarlo en la misma ubicación que el archivo main.xml.

Use el siguiente comando para generar el KF8 de los archivos OPF/HTML:

kindlegen <Archivo OPF >

11.3.2 Problemas con el archivo de origen Un archivo de origen XMDF puede tener varios problemas que degraden la experiencia de lectura en Kindle. Usted puede corregir estos problemas para mejorar la experiencia de lectura. Las siguientes secciones muestran varios de los problemas principales que encontramos en nuestras pruebas,

11.3.2.1 Problema n.° 1: mala calidad de imagen

Las imágenes de mala calidad provocarán que la portada o cualquier otra imagen se visualicen demasiado pequeñas. Para evitar esto, proporcione imágenes de buena calidad. Para los requisitos de calidad, consulte la sección 3.2 Instrucciones para imágenes de portada y la sección 3.6 Instrucciones para imágenes.

11.3.2.2 Problema n.° 2: caracteres Gaiji borrosos

Sustituya los caracteres Gaiji con los caracteres de código correspondientes o proporcione imágenes de alta calidad de por lo menos 64 x 64 para evitar que se vean borrosos.

Requisitos para los archivos de imagen Gaiji:

• Formato de imagen: formato PNG (8 bits) o JPEG (se recomienda imagen transparente de 8 bits)

• Tamaño: se recomienda de 128 x 128 píxeles o mayor

11.3.2.3 Problema n.° 3: entradas de TOC estilo colgante

Use el estilo apropiado de margen positivo y sangría negativa para crear el texto de la tabla de contenidos con la sangría apropiada.

Correcto:

<p top_line_indent = "-1em" top = "1em">

<char_id char_id = "CR0002">Parte 1</char_id><br/>

<char_id char_id = "CR0004">Sub-parte 1</char_id><br/>


</p>

Incorrecto:

<char_id char_id = "CR0002">Parte 1</char_id><br/>





11.3.2.4 Problema n.° 4: entradas en la TOC sin vínculos

Todos los elementos de la tabla de contenidos deben estar vinculados al capítulo correspondiente.

11.3.2.5 Problema n.° 5: orientación de números incorrecta en la TOC

Aplique el estilo tate-chu-yoko para los números de índice de la tabla de contenidos de modo que se evite una orientación incorrecta de los números.

Correcto:

<char_id char_id = "CR0020">

<yoko>10</yoko>

</char_id>

CHAPTER X

Incorrecto:

<char_id char_id = "CR0020">10</char_id>

CHAPTER X

11.3.2.6 Problema #6: caracteres Kanji en negrita

Evite el estilo en negrita para los caracteres Kanji. Este tipo de estilo hace que los caracteres se vean borrosos.

Correcto:

遺

Incorrecto:

<font bold = "yes">遺</font>

11.3.2.7 Problema n.° 7: texto desvanecido

Deje el color del texto sin especificar. Usar colores ligeros produce texto desvanecido.

Algunos dispositivos Kindle permiten al lector cambiar el color de fondo a negro. Si el texto es forzado a mostrarse en color negro, no será legible en este modo y el libro se suprimirá

11.3.2.8 Problema n.° 8: sin espacios entre imágenes

Use saltos de líneas (<br/>) para evitar renderizar imágenes sin espacios.

Ejemplo:

<object type="image/png" src="image1.png"/>

<br/>

<object type="image/png" src="image2.png"/>

11.3.2.9 Problema n.° 9: las imágenes no aparecen en páginas separadas

Para mostrar las imágenes en páginas separadas, use capítulos separados para cada imagen.

11.3.2.10 Problema n.° 10: no aparece la TOC

Para asegurar que aparezca la tabla de contenidos, incluya todos los vínculos importantes en <special_page_link>.



Ejemplo:

<special_page_link>

<special_page title="Chapter 1">PG1111 </special_page>

<special_page title="Chapter 2">PG1112</special_page>

...

</special_page_link>

11.3.2.11 Problema de origen n° 11: una gran cantidad de texto no está centrada

No use el estilo valign="middle" para grandes cantidades de texto.

11.3.2.12 Problema de origen n° 12: identificadores duplicados

No use el mismo ID de flujo/ID de página mencionado en el archivo de origen. Use nombres de ID únicos.

11.3.2.13 Problema de origen n° 13: requisitos de la ruta de archivo y el nombre de archivo

No use la barra diagonal inversa (\) para especificar la ruta del archivo; use siempre la barra diagonal (/). No incluya caracteres especiales (como !, @, #, $) en la ruta o el nombre del archivo.

11.3.3 Características no soportadas Algunas características de XMDF no están soportadas en Kindle. Si el archivo tiene dichas características, Kindlegen mostrará un mensaje de error y fallará la conversión. A continuación se muestran las características no soportadas.

N.° serie

Característica Etiqueta Ejemplo

1 Animaciones de imágenes

flip_animation <flip_animation renewal_time="500ms" >

<flip_animation_source src="aaa9.jpg" type="image/jpeg"/>

<flip_animation_source src="aaa2.jpg" type="image/jpeg"/>

...

</flip_animation>

2 Libros tipo cómics

comic_object_entry <parts_module>

<object_table>

...

<comic_object_entry src="comic9.xml" type="application/x-bvf-comic" object_id="OB0001"/>

</object_table>

</parts_module>

3 Medios de sonido

sound_object_entry <parts_module>

<object_table>

...

<sound_object_entry src="movie9.3g2" type="vídeo/3gpp2" object_id="OBmv00"/>



N.° serie


</object_table>

</parts_module>

4 Medios de película

movie_object_entry <parts_module>

<object_table>

...

<movie_object_entry src="movie9.3g2" type="vídeo/3gpp2" object_id="OBmv00"/>

</object_table>

</parts_module>

5 Páginas de búsqueda

search_page_object_entry

<parts_module>

<object_table>

...

<search_page_object_entry src="spage9.xml" type="text/x-bvf-search-page" object_id="OBSP01" />

</object_table>

</parts_module>

6 Área seleccionable en imágenes

pointer_region <event>

<trigger>

<trigger_pointer id="OB003k/CR0001" action_flag="click">

<pointer_region>

<vertex position="(0,0)"/>




</pointer_region>

</trigger_pointer>

</trigger>

<action>

<action_page_jump page_id="PG0043"/>

</action>

</event>

7 Acción desencadenante que apunta a un URL con entidad & de

action_page_jump <event>

<trigger>

<trigger_pointer id="OB0006/CR0015" action_flag="click"/>



N.° serie


HTML </trigger>

<action>

<action_page_jump book="http://www.japanvisitor.com/index.php?cID=359&pID=986" book_type="text/html"/>

</action>

</event>

11.3.3.1 Características ignoradas

Para algunas características que no están soportadas, Kindlegen no indica error, sino que las ignora y continúa con la conversión. A continuación se muestran las características ignoradas.

N.° serie

Característica

Etiqueta/atributo Ejemplo

1 Pronunciación

Atributo de lectura <title reading="PI">π</title>

2 Código alternativo y conjunto para Gaiji

Atributos alt_set y alt_code de la etiqueta external_char

<external_char alt_set="sh_extchars" alt_code="0x2345" alt="間"/>

3 Información de permisos

permission_info <permission_info>

<print_permission permission="authorized"/>

</permission_info>

4 Método de salto de línea

line_breaking_method <line_breaking_method method="word_wrap">

5 Reproducción

action_play <event>

<trigger>

<trigger_pointer id="OB0006/CR0015" action_flag="click"/>

</trigger>

<action>

<action_play object_id="OBkj23"/>

...

</action>

</event>

6 Opacidad para fuente, fondo y otros

Opacidad del atributo <font color="#FF0000" opacity="100"/>

7 Música de text_default_background_m <text_default_attribute>



N.° serie

Característica

Etiqueta/atributo Ejemplo

fondo usic <text_default_background_music src="9.mp3" type="application/x-smaf" loop="yes"/>

...

</text_default_attribute>

8 Drop cap drop_cap <p drop_cap="2">Alice was...</p>

9 Contenido de texto desplazable

Scrolling_text <scrolling_text>

Este texto se desplaza una y otra vez

</scrolling_text>

10 Enmascaramiento de contenido

Máscara <mask>42 </mask>

11 Entradas clave para búsquedas

key_entry <key_entry>

<key_item search_word="color" table_id="ST0001">

Color

</key_item>

<key_item search_word="colour" table_id="ST0002">

Colour

</key_item>

</key_entry>