EAS3_PUBLICACIONES ELECTRÓNICAS_TEMA 3: Libro Electrónico I (epub de maquetación ajustable)

EEAASS

PUBLICACIONES ELECTRÓNICAS

TEMA 03

Libro electrónico I epub de maquetación ajustable Bases de preparación y estilos

03

00. Sumario 01. Bases de preparación del libro digital 02. Colocar texto 03. Estilos de carácter y párrafo 04. Estilos de tabla 05. Estructura gráfica de un ebook

03

03

01. Bases de preparación del libro digital • El epub (electronic publication) de maquetación ajustable es un formato capaz de adaptar el texto a los límites de la pantalla del lector electrónico, es decir, el número de palabras contenidas en una línea es variable, y dependerá del ancho de la pantalla y del tamaño y tipo de letra escogido.

03

01. Bases de preparación del libro digital • Partes del epub: - HTML básico para el contenido de texto del libro

03

01. Bases de preparación del libro digital • Partes del epub: - HTML básico para el contenido de texto del libro - XML para crear el llamado document manifest, la tabla de contenidos y la metainformación epub (cuya función es describir el autor, el título del libro, etc)

03

01. Bases de preparación del libro digital • Partes del epub: - HTML básico para el contenido de texto del libro - XML para crear el llamado document manifest, la tabla de contenidos y la metainformación epub (cuya función es describir el autor, el título del libro, etc) - Un subconjunto de archivos CSS para compaginarlo y darle forma (las llamadas hojas de estilo)

03

01. Bases de preparación del libro digital • Partes del epub: - HTML básico para el contenido del libro - XML para crear el llamado document manifest, la tabla de contenidos y la metainformación epub (cuya función es describir el autor, el título del libro, etc) - Un subconjunto de archivos CSS para compaginarlo y darle forma (las llamadas hojas de estilo) - Un archivo ZIP (rebautizado con la extensión .epub) para agrupar a los anteriores

03

01. Bases de preparación del libro digital • Para descomprimir (y comprimir) el contenido de un epub utilizamos la aplicación epubzip unzip, que nos podemos descargar gratuitamente desde la web de epubapplescripts. https://code.google.com/p/epub-applescripts/downloads/detail?name=ePub%20Zip%20Unzip%202.0.1.app.zip&can=2&q=

03

01. Bases de preparación del libro digital • Se puede crear un e-book con herramientas tan simples como el Bloc de Notas en Windows, o TextEdit en Mac OS X y, como es esencialmente HTML (el mismo formato utilizado para generar páginas web), casi cualquier aplicación puede leerlo. No obstante, hacerlo de esta forma es bastante complejo y muy poco eficiente, mientras que hacerlo con InDesign es mucho más sencillo.

03

01. Bases de preparación del libro digital • Maquetando epub: vamos a ver a continuación varios puntos

importantes que difieren de las técnicas de maquetación habituales que ya manejamos, y que van a hacer que tengamos que trabajar con InDesign de una forma distinta.

03

01. Bases de preparación del libro digital 1. Sin páginas maestras: los elementos colocados en las páginas maestras no solo desaparecerían del archivo epub, sino que si aparecieran lo harían de forma desordenada. Este punto es lógico si pensamos que los documentos epub no definen la estructura de página, ya que atienden a que el texto fluya y se reubique según cambia de tamaño.

A

A

03

01. Bases de preparación del libro digital 2. Saltos y secciones: de la misma forma que las páginas maestras, el formato epub tampoco respetará divisiones en secciones o saltos de página, cuadro o columna. El documento de iD destinado a epub de maquetación ajustable será un cuadro de texto único en el que incluiremos todos los elementos: texto, imágenes, etc.

03

01. Bases de preparación del libro digital 2. Saltos y secciones: Deberemos dividir el documento en documentos más pequeños. Para ello tenemos dos opciones: - Para libros con una estructura sencilla (capítulos): dividiremos mediante estilos de párrafo. - Para libros con estructuras más complejas (capítulos, subcapítulos, secciones, subsecciones): utilizaremos los archivos libro, de los que hablaremos más adelante.

03

01. Bases de preparación del libro digital 2. Saltos y secciones: estos documentos más pequeños o capítulos se transformarán cada uno en un archivo html, que no debe pesar más de 200 kb, para su correcta apertura y lectura.

03

01. Bases de preparación del libro digital 3. Texto fluido o ajustable: debemos maquetar en un solo flujo de texto, sin diferentes cajas por página, columnas, secciones o contorneos. Esto no significa que no podamos trabajar una maquetación compleja, sino que lo haremos con otras herramientas.

03

01. Bases de preparación del libro digital 4. Tipografía: la mayoría de lectores de libros electrónicos no permiten la utilización de los tipos de letra embebidos en el archivo epub. No obstante, aunque el dispositivo cambie la fuente embebida por otra, respetará los estilos aplicados. Por ejemplo, si el documento InDesign utiliza Helvetica Bold, es probable que al abrir el libro epub ésta sea sustituida por el estilo negrita de la fuente aplicada por defecto.

03

01. Bases de preparación del libro digital Si decidimos incluir los tipos de letra utilizados en el documento, nos aseguraremos de que éstos sean OpenType o, en su defecto, TrueType; los tipos de letra en formato PostScript no se pueden embeber. Recordar que un archivo epub aumentará considerablemente de tamaño si decidimos incluir los tipos de letra.

03

01. Bases de preparación del libro digital 5. Estilo del texto: no perderemos tiempo escogiendo la tipografía, ya que la mayoría de los lectores de libros electrónicos dejan al usuario escoger el tipo, estilo y tamaño del texto. Algunos permiten incluso modificar la alineación, interlineado, espacio entre párrafos y el color del fondo.

03

01. Bases de preparación del libro digital 5. Estilo del texto: podemos partir de una de las tipografías que incluye el ibooks.

03

01. Bases de preparación del libro digital 5. Estilo del texto: el archivo encargado de determinar el aspecto del texto en el documento final es una hoja de estilos CSS. Para que InDesign pueda generar la hoja de estilos y asignar correctamente los estilos a caracteres y párrafos, es necesario utilizar estilos de carácter y párrafo en el documento de InDesign.

03

01. Bases de preparación del libro digital

!!!!!!HASTA EL MÁS MÍNIMO DETALLE Y ELEMENTO DE TEXTO HA DE TENER UN ESTILO APLICADO, YA SEA DE PÁRRAFO O DE CARÁCTER!!!!!

03

01. Bases de preparación del libro digital Es importante que al nombrar estos estilos de párrafo o carácter no utilicemos caracteres “extraños”, es decir: Permitido: - a-z; A-Z -0-9 - Guiones No permitido: - Tildes - Eñes - Cedillas - Espacios en blanco - Pictogramas

03

01. Bases de preparación del libro digital 6. Espaciado y saltos: la mayoría de lectores electrónicos que soportan el formato epub elimina cualquier salto de párrafo extra entre dos párrafos consecutivos. Si queremos dejar un espacio entre párrafos, lo definiremos en el estilo de párrafo, utilizando las opciones de “Espacio antes y Después de párrafo.”

03

01. Bases de preparación del libro digital 6. Espaciado y saltos: los saltos de línea forzados se conservan en el documento epub. Dado que el flujo de texto se adaptará al ancho de la pantalla del lector digital, lo más probable es que los saltos forzados se conviertan en bruscas interrupciones del flujo de texto. Por lo tanto, lo mejor es deshacerse de ellos.

03

01. Bases de preparación del libro digital 7. Notas al pie: las notas al pie de página son exportadas correctamente al formato epub aunque, debido a que no se conserva la estructura de la página original, son convertidas automáticamente en notas al final del documento. Los hipervínculos dependerán del tipo de lector donde se abra el archivo.

03

01. Bases de preparación del libro digital 8. Imágenes y objetos: a no ser que estén anclados al flujo de texto, las imágenes y objetos del documento aparecerán colocadas de forma arbitraria en el archivo epub final. Por eso debemos anclar las imágenes en el área de texto en la que queremos que aparezcan.

03

01. Bases de preparación del libro digital 8. Imágenes y objetos: El aspecto que tendrán esas imágenes lo decidiremos a la hora de exportar el epub. Generaremos un estilo de párrafo con las características que queramos darle a esas imágenes (alineación en página, espacios anterior y posterior, etc) y será el que apliquemos a todas las imágenes.

03

01. Bases de preparación del libro digital 8. Imágenes y objetos: optimización de imágenes (Amazon): --El tamaño final del libro no debe exceder de 650 MB --Archivos de imagen permitidos: JPEG (imágenes), BMP, GIF (gráficos), PNG sin transparencias. --Tamaño máximo por imagen: 5 MB --Perfil de color: RGB

03

01. Bases de preparación del libro digital 8. Imágenes y objetos: Imagen de cubierta: --Publicidad (market y bibliotecas): JPEG o PNG de 1600 x 2560 px --Interna: mínimo de 600 x 800 px

03

01. Bases de preparación del libro digital 9. Pies de foto: si el documento contiene pies de foto, tendremos que configurarlos para que acompañen al objeto anclado, como el siguiente párrafo, y darle un estilo de párrafo con características que lo diferencien del resto del texto (alineación, estilo, etc)

03

01. Bases de preparación del libro digital 10. Listas: el formato epub soporta las listas numeradas y con viñetas, pero para su correcta exportación, deberemos usar las listas generadas con InDesign y no creadas de forma manual.

03

01. Bases de preparación del libro digital 11. tabla de contenido: todo libro electrónico que se precie debería incorporar una tabla de contenidos. Esta será como una árbol de navegación electrónico que podrá ser consultado desde cualquier ubicación en el libro.

03

03

02. Colocar texto • Introducir texto en el documento de varias formas: - Marco de texto principal

03

02. Colocar texto • Introducir texto en el documento de varias formas: - Marco de texto maestro - Herramienta texto + Colocar (comando + D)

03

02. Colocar texto • Introducir texto en el documento de varias formas: - Marco de texto maestro - Herramienta texto + Colocar (comando + D) - Colocar texto para sustituir uno existente o para completar

03

02. Colocar texto • Introducir texto en el documento de varias formas: - Marco de texto maestro - Herramienta texto + Colocar (comando + D) - Colocar texto para sustituir uno existente o para completar - Colocar texto escogiendo las opciones de importación

03

02. Colocar texto • Enlazar marcos de texto: - Simbología de un cuadro de texto

03

02. Colocar texto • Enlazar marcos de texto: - Simbología de un cuadro de texto - Enlazar un nuevo marco de texto

03

02. Colocar texto • Enlazar marcos de texto: - Simbología de un cuadro de texto - Enlazar un nuevo marco de texto - Enlazar dos marcos de texto existentes

03

03

03. Estilos de Carácter y Párrafo • Los estilos permiten aplicar una serie de atributos a párrafos y caracteres de forma rápida y consistente: todos los párrafos y caracteres con el mismo estilo tienen exactamente los mismos atributos

03

03. Estilos de Carácter y Párrafo • Los estilos de párrafo controlan los atributos de párrafo completos. - Son mucho más frecuentes e imprescindibles, ya que determinan las características de bloques enteros de texto. - Alineación, interlineado, fuente, estilo, etc

03

03. Estilos de Carácter y Párrafo • Los estilos de carácter modifican el aspecto de los caracteres seleccionados. - Citas de autores, precios, estilo de numeración en listas, etc. - En general, pequeñas porciones de texto que deben destacar del resto - Cuando en un mismo párrafo se deben utilizar más de un estilo de una misma familia

03

03. Estilos de Carácter y Párrafo • Creación de nuevos estilos de párrafo: - Panel estilos de párrafo, desde 0 - Seleccionando un texto existente y desde el panel de estilos de párrafo, convertir sus características en un nuevo estilo de párrafo.

03

03. Estilos de Carácter y Párrafo • Creación de nuevos estilos de carácter: - Panel estilos de carácter, desde 0 - Seleccionando un texto existente y desde el panel de estilos de carácter, convertir sus características en un nuevo estilo de párrafo.

03

03. Estilos de Carácter y Párrafo • Estilos anidados: permiten aplicar al mismo párrafo una secuencia de estilos de carácter de forma totalmente automática, basándose en el conjunto de parámetros que especifiquemos en el cuadro de diálogo “capitulares y estilos anidados”. • Primero se deben de crear los estilos de carácter que se vayan a anidar

03

03

04. Estilos de Tabla • Funcionan igual que los estilos de carácter y párrafo, pero para tablas.

03

04. Estilos de Tabla • Hasta hace poco, si queríamos colocar una tabla en un epub, teníamos que convertirla a imagen y anclarla al texto. Ahora, mediante la aplicacción de estilos de tabla y celda, éstos se convierten en CSS y se leen perfectamente.

03

04. Estilos de Tabla • Recordamos que las tablas son elementos de texto y, como tales, se manejarán mediante la herramienta texto y el menú TABLA. Habrá que aplicar estilos de tabla y estilos de celda para que nuestro epub las lea correctamente.

03

03

05. Estructura gráfica de un ebook • Un ebook debe de contar con una adecuada estructura, una forma correcta de organizar la información que ofrecemos al lector.

03

05. Estructura gráfica de un ebook • Un ebook debe de contar con una adecuada estructura, una forma correcta de organizar la información que ofrecemos al lector. • Los capítulos suelen comenzar en una nueva página.

03

05. Estructura gráfica de un ebook • Basándonos en la estructura de un libro impreso tradicional

PÁGINAS INICIALES

CUBIERTA

EN BLANCO

PORTADILLA

DERECHOS LEGALES

DEDICATORIA

EN BLANCO

ÍNDICE

EN BLANCO

PRÓLOGO

EN BLANCO

CUERPO DE TEXTO

03

05. Estructura gráfica de un ebook CUERPO DE TEXTO

PÁGINAS FINALES

EN BLANCO

EN BLANCO

APÉNDICE

EN BLANCO

NOTAS PIE DE PÁGINA

EN BLANCO

GLOSARIO

EN BLANCO

BIBLIOGRAFÍA

EN BLANCO

AUTOR

03

05. Estructura gráfica de un ebook • CUBIERTA: Podremos construirla: - Junto con la estructura de nuestro libro electrónico, en la primera página del mismo. - Añadirla posteriormente con programas de edición, tipo calibre.

03

05. Estructura gráfica de un ebook • PORTADA: Es la página en la que figuran el título completo del libro, el nombre completo del autor o autores, el lugar y año de la impresión, la editorial (y en la mayoría de casos su marca), y la colección. No se numera, aunque puede ser la página 1 del libro, y está siempre a la derecha. A menudo se tiende a confundir la portada de un libro con sus cubiertas o tapas.

03

05. Estructura gráfica de un ebook • DERECHOS LEGALES: Se encuentra detrás de la portada y lleva los créditos de autoría y de traducción, los elementos legales tales como el titular del copyright, el ISBN y el depósito legal. Debe llevar la razón social, la dirección de la empresa editora y el año de publicación del libro.

03

05. Estructura gráfica de un ebook • DEDICATORIA: Página en la que se encuentra, generalmente, un breve párrafo en el que el autor dedica su obra a alguien en particular. También suelen reflejarse citas.

03

05. Estructura gráfica de un ebook • ÍNDICE: Da paso ya al contenido propiamente dicho, es una lista de palabras o frases que permite la ubicación de material al interior de un libro o de una publicación. • En los libros electrónicos se sustituye por un TABLA DE CONTENIDOS (TOC), que aporta interactividad y permite la búsqueda automática de capítulos, etc.

03

05. Estructura gráfica de un ebook • PRÓLOGO: Lo puede escribir el autor de la obra u otra persona y que da cuenta del contenido.

03

05. Estructura gráfica de un ebook • CUERPO DE TEXTO O DE LA OBRA: Es el texto principal de un libro o folleto. Los distintos capítulos deben de estar separados, no continuar sin más.

03

05. Estructura gráfica de un ebook • APÉNDICE O ANEXOS: Incluyen información que ayuda a interpretar parte del contenido del libro, o aspectos más técnicos y menos esenciales del libro, como información complementaria.

03

05. Estructura gráfica de un ebook • NOTAS AL PIE DE PÁGINA: son aquellas que ofrecen información adicional que resulta de interés para el lector, pero que no pueden incluirse dentro del texto corriente de manera fluida. Por lo tanto, se realiza algún tipo de llamada (como un asterisco o un número) y se consigna la información al final de la hoja. En los libros electrónicos las notas al pie de página se sitúan al final del libro, en las páginas finales, y se recurre a los hipervínculos o a las referencias cruzadas para facilitar la lectura.

03

05. Estructura gráfica de un ebook • GLOSARIO: en él se incluyen todos aquellos términos poco conocidos, de difícil interpretación, o que no sean comúnmente utilizados en el contexto en que aparecen. Cada uno de estos términos viene acompañado de su respectiva definición o explicación.

03

05. Estructura gráfica de un ebook • BIBLIOGRAFÍA: el libro cita un conjunto de otros libros que el escritor utilizó como base para la redacción del mismo.

03

05. Estructura gráfica de un ebook • AUTOR: en los ebooks suele incluirse, al final del mismo, una página con una imagen y una breve biografía del autor de la obra.

03

05. Estructura gráfica de un ebook • Todas estas páginas y partes del ebook las construiremos en documentos de ID independientes, que se nombrarán con el nombre de la página correspondiente (TOC, capítulo 1, etc), y que luego uniremos y sincronizaremos en un “libro” de ID.

03

05. Estructura gráfica de un ebook • Posteriormente, al exportar este libro a formato epub, cada parte aparecerá “independiente”, evitando que todo el contenido de la obra aparezca en un continuo sin estructura.

03

03

06. EJERCICIO 1 DISEÑO Y CREACIÓN DE UN EPUB DE MAQUETACIÓN AJUSTABLE • A partir del libro que diseñamos, maquetamos y produjimos el curso anterior: --Archivos de texto en word --Imágenes que ilustrarán los diferentes capítulos (nombradas correctamente y por orden) Al menos una imagen por capítulo. --Imagen del autor y pequeña biografía

03

06. EJERCICIO 1 • Preparar nuestros archivos de iD para construir un epub: 01. Revisar el texto completo: --Eliminar saltos de párrafo extras, saltos de línea forzados, saltos de página, de columna, etc. --Corregir la ortografía y la gramática --Limpiar elementos de página maestra: pag. automática, etc. 02. Planificar la estructura de nuestro epub: ¿Cómo va a estar dividido, sólo en capítulos, en más divisiones?: --Estructura sencilla (sólo capítulos): un sólo archivo de iD --Estructura compleja (capítulos, secciones, subsecciones, etc): Creamos un archivo de ID diferente para cada parte o conjunto de páginas, tanto iniciales como finales (índice, prólogo, capítulos, secciones, etc.)

03

06. EJERCICIO 1 03. Creamos o revisamos estilos de párrafo (cuidado con el nombre de estos estilos): --Un estilo para el nombre del capítulo --Un estilo para el cuerpo de texto --Un estilo para las imágenes --Un estilo para los pies de imagen --Un estilo para las notas a pie de página --Si decidimos usar capitulares al inicio de cada capítulo, es preferible duplicar el estilo de texto base y modificarlo, añadiéndole el estilo de carácter capitular, que habremos creado anteriormente.

03

06. EJERCICIO 1 04. Creamos o revisamos estilos de carácter (cuidado con el nombre de estos estilos): cualquier variación que hagamos en los diferentes textos (capitulares, cursivas, negritas, etc) ha de llevar un estilo de carácter asociado. 05. Si tuviésemos tablas: crear estilos de tabla y celda. 06. Si nuestro epub va a tener una estructura sencilla: enlazar todos los marcos de texto. 07. Si nuestro epub va a tener una estructura compleja: enlazar los marcos de texto de cada capítulo, sección, etc.

03

06. EJERCICIO 1 • Cómo debe de ser el ebook: --Debe de estar construido mediante un archivo de iD correcto --Debe tener estilos de carácter, de párrafo, etc correctos --Debe de tener una imagen de Cubierta distinta de la página de portada --Debe tener Tabla de Contenidos (TOC) --Imágenes: al menos una por capítulo y alguna con pie de foto --Notas a pie de página --Hipervínculos externos (url) --Hipervínculos internos (anclajes de texto)

03

06. EJERCICIO: Diseño y creación de un epub • Estructura correcta orientativa: 1. Portada 2. Resumen 3. Derechos legales 4. Dedicatoria 5. Índice 6. Capítulos 7. Autor

03

06. EJERCICIO: Diseño y creación de un epub • ENTREGA: - Final de la asignatura - Archivo de iD: carpeta empaquetada con imágenes, fuentes, etc - Diferentes formatos del ebook: EPUB, MOBI. - En una carpeta nombrada: EJERCICIO 1: EBOOKAJUSTABLE_ NOMBRE DEL ALUMNO

03