TEMA 16 DOCUMENTOS INTERACTIVOS: Creación y exportación de un libro electrónico

Logro:

Convertir publicaciones editoriales a sistemas digitales para dispositivos de lectura electrónica.

Temas

Convertir publicaciones editoriales a sistemas digitales para dispositivos de lectura electrónica.
En este ejercicio se tratará de cómo crear y exportar un documento de InDesign CC como un archivo ePUB que es un formato que sirve en dispositivos de lectura electrónica, aquí se verá lo siguiente: 

• Terminar el documento mediante la adición de gráficos anclados, párrafo mapeo y estilos de caracteres para exportar las etiquetas, y la creación de una tabla de contenidos. 
• Elija el contenido que desea incluir en el archivo ePUB exportado y cambiar el orden de los contenidos. 
• Añadir información de metadatos para el documento de InDesign CC y el ePUB. 
• Exportación y la vista previa de un archivo ePUB.

Introducción

En este ejercicio, se agregará elementos finales, exportar el documento como ePUB, y luego tendremos una vista previa del documento exportado. Debido a que las publicaciones electrónicas son fundamentalmente diferentes de las publicaciones impresas en varios aspectos clave, es necesario tener una información básica sobre ePubs que puede ayudar a trabaja a través de este ejercicio.
El estándar ePUB fue diseñado para permitir a los editores crear contenido ajustable que podría mostrarse en cualquier dispositivo de lectura electrónica, como el Barnes & Noble Nook, Kobo eReader, iBooks de Apple para iPad, iPhone, Sony Reader y el software Adobe Digital Editions - que soporte el formato .epub. Debido a que el tamaño de las pantallas del lector electrónico varía de un dispositivo a otro , y el contenido fluye en un solo hilo, continuo, el tamaño de página del documento de InDesign no tiene por qué corresponder a cualquier tamaño de pantalla en particular , por lo que esta ejercicio utiliza un estándar , 8.2 "x 11.6 " tamaño de página.
1. Inicie InDesign CC. Para asegurarse de que los grupos especiales y comandos de menú coinciden con los que se utilizan en esta ejercicio, elija Ventana>Espacio de trabajo>[Opciones avanzadas] y luego elija Ventana>Espacio de trabajo>Restablecer avanzada . Para comenzar a trabajar, vamos a abrir un documento de InDesign que ya está parcialmente terminado.
2. Elija Archivo>Abrir y abra el archivo tarifario_redes_sociales.indd, en la carpeta Tarifario redes sociales, ubicada en su disco duro.
3. Desplácese por las páginas del documento final para ver la página del título y las páginas que siguen.
4. Seleccione Archivo > Guardar como, cambie el nombre del documento tarifario_redes_socialesFINAL.indd y guárdelo en la carpeta de trabajo Tarifario redes sociales.

Completando el folleto

La adición de gráficos anclados
El libro de tarifarios incluye cinco redes sociales: Facebook, Instagram, Google+, Twitter y Linkedin. Debe insertar una foto de cada red social sobre de su título y luego aplicar un estilo de párrafo que se utilizará para crear saltos de página en el ePUB al exportado. Los archivos gráficos se almacenan en una biblioteca.
5. Vaya al menú principal: Archivo> Abrir y abra el archivo Biblioteca redessociales.indl, en la carpeta Tarifario redes sociales.

 6. Vaya a la página 3 con el panel Páginas o pulsando Cmd/Ctrl+ J, entrando 3 en el cuadro de página y, a continuación, pulsar OK .
  
7. Con la herramienta Texto ( ), coloque el punto de inserción en la caja de texto vacía.

 8. Con la herramienta de Selección ( ), arrastre el elemento de biblioteca llamado “facebook.jpg” en la mesa de trabajo.

9. Mientras presiona la tecla Mayús, arrastre el cuadrado azul, cerca de la esquina superior derecha del marco de gráficos a la caja vacía de texto. Suelte el botón del ratón cuando una línea vertical corta se muestra sobre el titular. El marco de gráficos es ahora una línea anclada gráfica.

10. Con la herramienta Texto, haga clic a la izquierda o a la derecha del gráfico anclado para establecer el punto de inserción.
  
11. Vaya al menú principal Texto> Estilos de párrafo. 

12. El en panel Estilos de párrafo, haga clic en el estilo Subtitulo que contiene el gráfico anclado. 

Al exportar un archivo ePUB, vamos a usar el estilo párrafo subtitulo para dividir los tarifarios de redes sociales en archivos separados (HTML). El dividir un documento largo en tramos más pequeños hace que la visualización de formato ePUB más funcional y origina que cada red social comience en una página nueva.
13. Repita los pasos 7-12 para fijar los cuatro elementos de la biblioteca restantes (Instagram.jpg , Google+.jpg, twitter.jpg y linkedin.jpg ) antes del texto de los precios. 
14. Guarde el documento seleccione Archivo > Guardar.
Personalización de las opciones de exportación de gráficos anclados 
Además de especificar las opciones globales de exportación de objetos, como imágenes, durante exportación ePUB, puede especificar opciones de exportación para objetos individuales antes de expórtalo. 
15. Vaya a la página 3. 
16. Utilice la herramienta Selección ( ) para seleccionar el marco de gráficos que contiene la imagen Facebook.jpg. 

17. Seleccione Objeto> Opciones de exportación del Objeto. 
             
18. En el cuadro de diálogo Opciones de exportación de objetos, haga clic en la ficha HTML y ePUB. 
  
19. Active la función Rasterización personalizada, en el menú Tamaño seleccione la opción: Relativo al flujo de texto y en el menú Resolución (ppp) elija: 150. 

20. Deje abierto el cuadro de diálogo Opciones de exportación de objetos y vaya a todos los gráficos restantes. Seleccione cada marco de gráficos y repita el paso 19. 
21. Haga clic en HECHO para cerrar el cuadro de diálogo. 
22. Guarde el documento seleccione Archivo> Guardar
Mapeo de estilos carácter y Párrafo para convertir a etiquetas HTML
ePUB es un formato basado en HTML. Para ayudar a controlar el texto en un documento formateado en ePUB durante la exportación, puede asignar estilos de párrafo y de caracteres para con etiquetas en HTML. A continuación, podrás asignar varios de los estilos de párrafo en el documento y estilos de caracteres para las etiquetas HTML.
23. Elija Texto> Estilos de párrafo, o haga clic en el extremo superior derecho del panel Estilos de párrafo y aparecerá un menú. Elija Editar todas las etiquetas de exportación.

24. Asegúrese de que esté activado la opción Mostrar: EPUB y HTML en el cuadro de diálogo. 

25. Y, a continuación, haga clic en [Automático] a la derecha del estilo Titular. Desde el menú desplegable, elegir h1. 

26. Cuando se exporta como ePUB, este asigna la etiqueta HTML h1 (utilizado para los titulares más grandes) a todos los estilos párrafos: Titular.
27. Aplicar etiquetas a los estilos de párrafo restantes, como se muestra a continuación. Si lo desea, ampliar el cuadro de diálogo arrastrando su esquina inferior derecha.
• Sub titulo: h2
• Cuerpo textual: Automático
• Tipos: Automático
• Observaciones: Automático

Si el documento incluyera estilos de carácter, también se necesitaría asignar etiquetas.
28. Antes de cerrar el cuadro de diálogo Editar todas las etiquetas de exportación..., tiene que cumplir con una tarea más, especificar que el estilo párrafo Subtitulo debe dividir el ePUB para hacer más pequeños documentos HTML. Para que en cada receta producirá un nuevo archivo HTML en el ePUB, y cada receta se iniciará con una foto del plato en la página.
29. Seleccione en la lista el estilo de párrafo Gráficos y active la casilla de verificación Dividir ePUB.

30. Haga clic en OK para cerrar el cuadro de diálogo.
Si se va a exportar el documento en este momento, el titular (formateados con el estilo de párrafo Titular Principal) y los subtitulos cambian de alineación de centrada a justificada a la izquierda porque esa es la alineación predeterminada de las etiquetas de cabecera, como h1 y h2. 

Adición de una tabla de contenidos

Al exportar un documento de InDesign CC como ePUB, tiene la opción de generar una tabla de navegación de contenidos que permite a un espectador a navegar fácilmente en el ePUB. Este índice se basa en una tabla de contenidos que ahora va a crear en InDesign CC.
31. Vaya al menú principal: Maquetación>Estilos de tabla de contenido.
            
32. En el cuadro de diálogo Estilos de tabla de contenido, haga clic botón: Nuevo para mostrar otro cuadro de dialogo Nuevo estilo de TDC

33. En el cuadro de diálogo en el ítem Estilo de TDC, introduzca el nombre: Tarifario redes sociales. Utilice la barra de desplazamiento para visualizar y seleccionar el estilo del párrafo: Sub título de la lista Otros estilos y haga clic en el botón Añadir para mover este estilo de párrafo en la lista Incluir estilos de párrafo. Deje el resto de los ajustes sin cambiar, y haga clic en Ok para cerrar el cuadro de diálogo.

34. Guarde el documento: Archivo > Guardar.

Elegir el contenido de un libro electrónico

El panel Artículos proporciona una manera fácil de elegir el contenido (marcos de texto, marcos de gráficos, marcos sin asignar, y así sucesivamente) que desea incluir en un ePUB y puede especificar el orden en el que se desea exportan los objetos. A continuación, vamos a añadir tres artículos al panel de los artículos, el nombre de ellos, y reorganizar el orden de dos de los elementos.

Añadiendo la cubierta

Al exportar un ePUB, puede utilizar la primera página del documento como la cubierta, o puede elegir un archivo gráfico JPEG que no es parte del documento. Para este ejercicio, usará la primera página del documento; sin embargo, debido a que contiene varios objetos, y se desea mantener la apariencia de la página, es necesario exportar el contenido de la página de portada como un solo gráfico y no como una sucesión de objetos individuales. Para lograr esto, agruparas todos los objetos en la página 1 y luego específica en las opciones de exportación que se convierta el grupo en un solo gráfico.
35. Vaya a la página 1 del documento (Cmd/Ctrl+J)..
  
36. Elija Ventana > Artículos, para abrir el panel Artículos.

37. Si es necesario, seleccione la herramienta de Selección ( ), seleccione Edición>Seleccionar todo (Cmd/Ctrl+ A)

Vaya al menú principal: Objeto> Opciones de exportación de objeto 

 
38. En la sección EPUB y HTML, seleccione Rasterización personalizada, seleccione en Tamaño: Relativo al flujo de texto y en Resolución (ppp) elija 150. Haga clic en Hecho para cerrar el cuadro de diálogo

39. Arrastre el objetos de la página 1 al panel Artículos. En el cuadro de diálogo Nuevo artículo, campo de texto de Nombre: Portada en asegúrese que este activado la opción: Incluir al Exportar y finamente dele OK. Observe que el artículo de portada se ha añadido al panel Artículos.

 40. Guarde el documento: Archivo>Guardar.

Añadiendo la página del título y la reordenación de su contenido

En la Página 2, en la página hay dentro de ella sólo unos pocos objetos. Debido a que esta página es simple, no hay necesidad de convertirlo en un gráfico. Así que en lugar de agrupar los objetos antes de crear un nuevo artículo, especificaremos una configuración de exportación personalizada, simplemente se arrastrara toda la caja en el panel Artículos. Y después modificarás el Artículo para reordenar sus dos elementos.
41. Vaya a la página 2 del documento(Cmd/Ctrl+J)..
         
42. Utilice la herramienta de Selección ( ) o elija Editar>Seleccionar todo (Cmd/Ctrl+A) para seleccionar todos los objetos de la página, arrastre los objetos en el panel Artículos, debajo del Articulo Portada.

43. Le pondrá como nombre al nuevo elemento: Página Título. (Haga clic en OK para cerrar el cuadro de diálogo Nuevo artículo) 

44. El orden de los objetos en el panel Artículo Página Título se basa en el orden en que se crearon dichos los objetos. 

Debido a que esta página no se puede convertir en un gráfico cuando se exporten, es necesario cambiar el orden de los elementos en este artículo para asegurarse de que están en el orden a la hora de exportarlo.
45. En el panel Artículos, ahora mueva uno de los dos elementos <PUBLICIDAD EN RE…> en la lista hacia arriba. Cuando una línea horizontal negro se muestra sobre "gráfico pegado.", suelte el botón del ratón. 

Esto se realiza para que coincida con la diagramación de la página de InDesign CC.
46. Guarde el documento Archivo > Guardar.
 

La adición de las páginas

A continuación, vamos a crear un Artículo más, que contiene el tarifario, pero en primer lugar, vale la pena echar un vistazo rápido al documento. Si hace clic en la caja de texto, te darás cuenta de que todo el texto se ha formateado con estilos de párrafo. Esto ayuda a asegurar que el texto conserva su estilo, cuando exportemos el documento. Las listas numeradas y con viñetas se han trabajado usando estilos de párrafos que incluyen viñetas y números automáticos. (Si añade viñetas y números de forma manual, no se conservaran al exportar el ePUB)
47. Vaya a la página 3 (Cmd/Ctrl+J). Este procedimiento funcionará sólo si están los objetos en una misma caja de texto. Utilice la herramienta de Selección ( ) para arrastrar la caja de texto que contiene el tarifario en el panel de los artículos a debajo del Artículo Página Título, y con el nombre de Tarifario.

 48. Observe que el artículo Tarifario contiene un solo elemento: un marco de texto. Los gráficos que anclado anterior no se muestran por separado, porque son parte del texto.

49. Guarde el documento: Archivo > Guardar.

50. Vaya a la página 4 del documento (Cmd/Ctrl+J). Este procedimiento funcionará para el resto de las páginas, ya que están en diferentes cajas textuales.
51. Si es necesario, seleccione la herramienta de Selección ( ), seleccione Edición>Seleccionar todo y, a continuación, elija Objeto>Agrupar.

 Vaya al menú principal: Objeto> Opciones de exportación de objeto 


52. En la sección EPUB y HTML, seleccione Rasterización personalizada, seleccione en Tamaño: Relativo al flujo de texto y en Resolución (ppp) elija 150. Haga clic en Hecho para cerrar el cuadro de diálogo.

53. Arrastre el grupo de objetos de la página 4 al panel Artículos. En el cuadro de diálogo Nuevo artículo, campo de texto de Nombre: Pag 4 en asegúrese que este activado la opción: Incluir al Exportar y finamente dele OK. Observe que el artículo de pag 4 se ha añadido al panel Artículos.
54. Repita los pasos 51, 52 y 53 para el resto de páginas, ya que están en diversas cajas de texto.
55. Guarde el documento: Archivo>Guardar.

La adición de metadatos

Los metadatos son un conjunto de información estandarizada acerca de un archivo, como el título, el nombre del autor, una descripción y palabras clave. Al exportar un archivo ePUB, puede incluir automáticamente dichos metadatos en el archivo ePUB. Se utiliza estos datos, por ejemplo, para ver el título y el autor de un documento en la biblioteca ePUB en las lectoras digitales. Esta información se incluye en el ePUB al exportado y se visualiza cuando se abre el ePUB.
56. Vaya el menú principal: Archivo > Información de archivo.
        
57. En el cuadro de diálogo Información de archivo, en el cuadro Título del documento escriba: Tarifario redes sociales, introduzca su nombre en el cuadro Autor, y luego haga clic en Aceptar para cerrar el cuadro de diálogo.
58. Guarde el documento: Archivo > Guardar.

Exportar un archivo EPUB

Ahora que se ha completado el trabajo preparatorio, el documento está listo para ser exportado como un archivo ePUB. Para completar este ejercicio, deberá especificar varias opciones de exportación para aprovechar el trabajo que hizo anteriormente en este documento para optimizar ePUB a la hora de exportarlo.
 
Especificación de los ajustes de exportación
59. Vaya al menú principal Archivo>Exportar.
    

60. En el cuadro de diálogo Exportar, elija EPUB. 
61. En el cuadro Nombre de archivo (Windows) o en el cuadro Guardar como (Mac OS), el nombre del archivo tarifario_redes_socialesFINAL.epub y guarde el archivo en la carpeta Tarifario redes sociales, su disco duro.
62. En la sección General del cuadro de diálogo Opciones de exportación ePUB , asegúrese de que se selecciona la Versión: EPUB 2.0.1 y especifique las siguientes opciones de configuración :
• Portada: Ninguno (la cubierta será la primera página del documento )
• Navegación: Estilo TDC: Tarifario redes sociales
• Márgenes: 24
• Orden de contenido: Igual que el panel Artículos

63. En la sección Opciones de texto, asegúrese que estén activados en Viñetas: Asignar a listas no ordenadas y en el menú Números: Asignar a listas ordenadas estáticas. Esto asegura que las listas numeradas y viñetas en el texto del tarifario se mantienen en el ePUB.

64. Active la opción: Ver EPUB tras la exportación, y dejar el resto de ajustes generales sin cambios.
65. Haga clic en Imagen en la lista en la esquina superior izquierda del cuadro de diálogo Opciones de exportación EPUP. Activar la función Conservar apariencia de la maquetación. 
66. Elija en el menú Tamaño de imagen: Relativo al flujo de texto y dejar el resto de ajustes sin cambios.

67. Haga clic en Avanzado en la lista en la esquina superior izquierda, a continuación, elija en el menú Dividir documento: Basado en las etiquetas de exportación de estilos de párrafo.

Debido a que ha indicado que el estilo de párrafo Sub titulo crear secciones de HTML más pequeños en el ePUB, la función “Basado en las etiquetas de exportación de estilos de párrafo” creará un salto de página antes de los gráficos.
68. Asegúrese que este activado la opción: Incluir metadatos de documento, de manera que los metadatos que agregó anteriormente se incluye en el ePUB.

69. Asegúrese que este activado la opción Conservar modificaciones locales e Incluir fuentes incrustadas.

70. Y luego haga clic en Añadir hoja de estilos…

71. Seleccione el archivo Recipes.css , en la carpeta Tarifario redes sociales, y luego haga clic en Abrir . Esta hoja de estilo CSS contiene un pequeño fragmento de código HTML que hace que los estilos h1, h2 y que se centran en vez de alinearse a la izquierda.


72. Haga clic en OK para exportar un ePUB. Si Adobe Digital Editions está instalado en su equipo, el archivo ePUB se abrirá automáticamente y puede desplazarse a través de ella para ver el contenido. También puede abrir el archivo ePUB en cualquier dispositivo compatible con el formato ePUB.

73. Volver a InDesign CC.
74. Guarde el documento Archivo > Guardar.