You are on page 1of 185

eBooks

Creación y diseño de
libros electrónicos

Ma Amor Fernández Menéndez


Datos catalográficos
Fernández, Ma. Amor
eBooks. Creación y diseño de libros electrónicos

Primera Edición
Alfaomega Grupo Editor, S A . de C.V., México

ISBN: 978-607-707-649-0
Formato: 17 x 23 cm Páginas: 192

eBooks. Creación y diseño de libros electrónicos


Ma. Amor Fernández Menéndez
ISBN: 978-84-939450-7-7 edición original publicada por RC Libros, Madrid, España
Derechos reservados © 2012 RC Libros

Primera edición: Alfaomega Grupo Editor, México, abril 2013

© 2013 Alfaomega Grupo Editor, S A . de C.V.


Pitágoras 1139, Col. Del Valle, 03100, México D.F.

Miembro de la Cámara Nacional de la Industria Editorial Mexicana


Registro No. 2317

Pág. Web: http://www.alfaomega.com.inx


E-mail: atencionalcliente@alfaomegaxomjnx

ISBN: 978-607-707-649-0

Derechos reservados:
Esta obra es propiedad intelectual de su autor y los derechos de publicación en lengua
española han sido legalmente transferidos al editor. Prohibida su reproducción parcial o total
por cualquier medio sin permiso por escrito del propietario de los derechos del copyright.

Nota importante:
La información contenida en esta obra tiene un fin exclusivamente didáctico y, por lo tanto,
no está previsto su aprovechamiento a nivel profesional o industrial. Las indicaciones técnicas
y programas incluidos, han sido elaborados con gran cuidado por el autor y reproducidos bajo
estrictas normas de control. ALFAOMEGA GRUPO EDITOR, S A . de C.V. no será
jurídicamente responsable por: errores u omisiones; daños y perjuicios que se pudieran
atribuir al uso de la información comprendida en este libro, ni por la utilización indebida que
pudiera dársele.
Edición autorizada para venta en México y todo el continente americano.
Impreso en México. Printed in México.
Empresas del grupo:
México: Alfaomega Grupo Editor, S A . de C.V. - Pitágoras 1139, Col. Del Valle, México, D.F. - C.P. 03100.
Tel.: (52-55) 5575-5022 - Fax: (52-55) 5575-2420 / 2490. Sin costo: 01-800-020-4396
E-mail: atencionalcliente@alfaomega.com.mx
Colombia: Alfaomega Colombiana S.A. - Calle 62 No. 20-46, Barrio San Luis, Bogotá, Colombia,
Tel.: (57-1)7460102-E-mail: cliente@alfaomega.com.co
Chile: Alfaomega Grupo Editor, S A . - General del Canto 370, Providencia, Santiago, Chile
Tel.: (56-2)947-9351 - Fax: (56-2) 235-5786-E-mail: agechile@alfaomega.cl
Argentina: Alfaomega Grupo Editor Argentino, S.A. - Paraguay 1307P.B.OL 11,CP. 1057, Buenos Aires,
Argentina, -Tel/Fax: (54-11)4811-0887y 48117183-E-mail: ventas@alfaomegaeditor.com.ar
Para Zacy Felipe,
las dos luces que iluminan mi vida.
Gracias por estar aquí.
INDICE

PRÓLOGO........................................................................................ 11

CAPÍTULO 1. POR DÓNDE EMPEZAR........................................... 13


INTRODUCCIÓN.......................................................................................................13

HERRAMIENTAS NECESARIAS................................................................................. 13

El texto..................................................................................................................... 14

Descargar e instalar Adobe Indesign CS6.............................................................. 15

Descargar e instalar Adobe Reader........................................................................ 17

Correctores de textos............................................................................................. 18

Bancos de imágenes............................................................................................... 20

ESPACIO DE TRABAJO DE ADOBE INDESIGN CS6.................................................. 22

Pantalla de bienvenida........................................................................................... 23

Nuevo documento.................................................................................................. 24

Barra de aplicación y Panel de control.................................................................. 25

Barra de herramientas............................................................................................26
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Ventana del documento......................................................................................... 27

Paletas más utilizadas.............................................................................................27

Formatos de exportación del documento............................................................. 28

Novedades de Adobe Indesign CS6........................................................................29

ELABORACIÓN DE LA ESTRUCTURA DEL EBOOK....................................................30

CAPÍTULO 2. DISEÑO Y MAQUETACIÓN...................................... 33


INTRODUCCIÓN.......................................................................................................33

PREPARACIÓN DEL DOCUMENTO...........................................................................33

La maquetación.......................................................................................................35

LAS PÁGINAS MAQUETA......................................................................................... 36

¿Qué son?............................................................................................... 36

La paleta Páginas.....................................................................................................36

Hojas de Estilo: paleta Estilos de Carácter............................................................. 37

Página maqueta B: texto general............................................................................38

Hojas de Estilo: paleta Estilos de Párrafo............................................................... 41

Numeración............................................................................................................ 42

Página maqueta A: la portada................................................................................44

Página maqueta C: la dedicatoria...........................................................................46

Página maqueta D: derechos legales e índice.......................................................47

EL ÁREA DE PÁGINAS.............................................................................................. 48

Desbloquear las cajas de texto...............................................................................50

Colocación del texto................................................................................................50

4 © Alfaomega - RC Libros
ÍNDICE

Colocación de las imágenes....................................................................................53

Hojas de Estilo: paleta Estilos de Objeto............................................................... 54

Convertir un texto en objeto..................................................................................55

Efectos......................................................................................................................55

Repaso del texto..................................................................................................... 56

Ortografía................................................................................................................ 57

OTRAS OPCIONES PARA LOS ESTILOS DE PÁRRAFO.............................................. 58

Crear estilos anidados............................................................................................ 58

Viñetas y numeración............................................................................................. 60

Las tabulaciones......................................................................................................60

MEJORAS EN EL DISEÑO......................................................................................... 62

Capitulares.............................................................................................................. 62

Nota a pie de imagen..............................................................................................62

Nota a pie de página...............................................................................................63

Tablas....................................................................................................................... 63

Referencias cruzadas.............................................................................................. 65

EL ÍNDICE................................................................................................................. 66

PREPARAR LA PUBLICACIÓN...................................................................................68

CAPÍTULO 3. DE INDESIGN A EPUB..............................................71


INTRODUCCIÓN A EPUB......................................................................................... 71

Ventajas del formato EPUB..................................................... 71

CÓMO EMPEZAR.....................................................................................................72

© Alfaomega - RC Libros 5
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

PREPARACIÓN DEL DOCUMENTO PARA EPUB...................................................... 74

ELEMENTOS QUE EPUB NO RECONOCE................................................................ 75

ADAPTACIÓN DE IO S ELEMENTOS.............................. 76

Espaciados............................................................................................................... 76

Los estilos................................................................................................................ 78

Imágenes y notas ai pie de imagen........................................................................80

Conversión de objetos a imágenes.........................................................................82

Resolución de imágenes......................................................................................... 83

Las tablas................................................................................................................. 84

LA TABLA DE CONTENIDO.............................................................. 85

METADATOS Y ETIQUETAS ALT................................................................................87

Los metadatos......................................................................................................... 87

Las etiquetas Alt......................................................................................................89

PANEL ARTÍCULOS Y ETIQUETAS XML.................................................................... 90

Panel Artículos........................................................................................................ 90

Las etiquetas XML...................................................................................................91

LA PORTADA............................................................................................................ 92

OPCIONES GENERALES DE EXPORTACIÓN EPUB...................................................94

Pestaña "general"....................................................................................................94

Pestaña "imagen"....................................................................................................96

Pestaña "contenido"................................................................................................98

VALIDACIÓN DEL ARCHIVO EPUB...........................................................................99

La aplicación Sigil.................................................................................................. 102

6 © Alfaomega - RC Libros
ÍNDICE

CAPÍTULO 4. EPUB AVANZADO...................................................105


INTRODUCCIÓN.....................................................................................................105

CONTENIDO DE UN ARCHIVO EPUB.................................................................... 106

Archivos que formán EPUB.................................................................................. 106

Interpretar un archivo HTML................................................................................108

EDITAR EL CONTENIDO DE UN ARCHIVO EPUB...................................................109

Toc.ncx................................................................................................................... 110

Content.opf............................................................................................................112

Crear <guide>........................................................................................................115

Crear la cubierta................................................................................................... 117

MEJORASEN EL EPUB...........................................................................................120

Editar un archivo CSS............................................................................................ 120

Espaciados y sangrías de primera línea...............................................................122

Alineación del texto.............................................................................................. 125

Marcos de texto y contorneos............................................................................. 127

Las tablas............................................................................................................... 130

Crear barras laterales............................................................................................135

Las imágenes......................................................................................................... 137

Las capitulares.......................................................................................................139

Viudas y huérfanas............................................................................................... 139

Las fuentes tipográficas........................................................................................ 140

Los vínculos........................................................................................................... 141

Incluir vídeos......................................................................................................... 143


© Alfaomega - RC Libros 7
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

CAPÍTULO 5. DE WORD A EPUB.................................................. 145


INTRODUCCIÓN.....................................................................................................145

APLICAR ESTILOS AL DOCUMENTO WORD.......................................................... 146

Estilos predeterminados.......................................................................................146

Nuevos estilos....................................................................................................... 147

Otros estilos...........................................................................................................149

PREPARAR EL DOCUMENTO HTML...................................................................... 150

De html a xhtml.....................................................................................................150

Guardar el documento..........................................................................................152

HOJA DE ESTILOS CSS................................................................................ 153

Crear la hoja de estilos CSS.................................................................................. 153

Eliminar información innecesaria........................................................................ 154

Agrupar la información......................................................................................... 156

Medidas absolutas / medidas relativas............................................................... 158

Últimos retoques...................................................................................................158

PREPARADO PARA EXPORTAR.............................................................................. 159

Verificar sintaxis.................................................................................................... 159

Archivo EPUB.........................................................................................................160

CAPÍTULO 6. PUBLICAR UN EBOOK...........................................161


OTROS FORMATOS................................................................................................ 161

CALIBRE..................................................................................................................161

KINDLE DE AMAZON............................................................................................. 162

8 © Alfaomega - RC Libros
______________________________________________________________ ÍNDICE

Conversión a Mobi de Kindle............................................................................... 162

¿Qué es Amazon?................................................................................................. 164

Kindle Direct Publishing........................................................................................165

Publica en Amazon................................................................................................166

IBOOKSTORE DE APPLE.........................................................................................169

Transferir EPUB al iPad......................................................................................... 169

¿Qué es ¡Tunes?.................................................................................................... 170

Publicar en ¡BookStore......................................................................................... 171

GOOGLE PLAY STORE............................................................................................ 174

¿Qué es Google Play?........................................................................................... 174

Google Play Books.................................................................................................174

Publicar en Google Play........................................................................................ 175

BARNES & NOBLE NOOK STORE...........................................................................176

ÍNDICE ANALÍTICO.................................................................... 179

© Alfaomega - RC Libros 9
PROLOGO

Puesto que soy experta en maquetación y amante de la lectoescritura, me he pro­


puesto enseñarte a diseñar y maquetar tu propio ebook con Adobe Indesign CS6. Las
explicaciones servirán también para versiones anteriores de Indesign. Las novedades
de la versión CS6 serán indicadas.

Manejarás otras aplicaciones importantes que te servirán para editar el libro, vali­
darlo y publicarlo.

Este libro se divide en tres partes:

En la primera, aprenderás todo sobre la aplicación Adobe Indesign CS6, desde su


descarga e instalación hasta cómo utilizarla. Solo has de seguir unas sencillas explica­
ciones y conseguirás tu propio libro electrónico. A lo largo de estos epígrafes te ense­
ñaré la exportación a PDF, que es la más fácil y conocida.

En la segunda parte, conocerás el formato EPUB. Para manejarlo, se necesita saber


interpretar los lenguajes HTML y CSS; pero no te preocupes: comenzaremos por modi­
ficaciones sencillas hasta llegar a las más avanzadas.

Y la última parte se reserva para mostrarte otros formatos, y de paso, describirte


cómo y dónde publicar y vender tu ebook.

¿Te atreves?
POR DÓNDE EMPEZA

INTRODUCCIÓN
El avance de las nuevas tecnologías ha hecho posible que los lectores podamos dis­
frutar de un buen libro sin necesidad de que acumule polvo en una estantería. Amigo,
¡ha llegado el libro electrónico!

¿Quién no dispone hoy día de un ¡Pad, iPhone o cualquier otro dispositivo de lectu­
ra? Los eReader forman parte de nuestro día a día; casi ya como los teléfonos móviles.

Parece ser que sitios web tan conocidos como Amazon están ofreciendo a muchos
autores la oportunidad de presentar, publicar y vender sus obras en formato digital:
me refiero a los ebooks.

El ebook o libro electrónico se crea en el siglo XXI y ya cuenta con un gran prestigio
en sistemas como la educación. Puede ser leído y oído a través de un dispositivo capaz
de ello. El coste de un libro electrónico es inferior al de su hermano impreso y además,
es un método eficaz para ahorrar espacio.

Muchos expertos consideran que el ebook es el futuro del libro impreso y que am­
bos podrán convivir sin problema alguno.

HERRAMIENTAS NECESARIAS
Las herramientas que vas a necesitar para cumplir tu objetivo son las siguientes: el
texto, las imágenes que acompañarán al texto, las aplicaciones que son Adobe Indesign
CS6 y Adobe Reader, y quizá, un buen y económico corrector de textos.
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Hoy día, una forma rápida de ganar un ingreso extra es a través de internet. Existen
múltiples tareas para realizar. Una de ellas es escribir y publicar tu propio libro electró­
nico. Para ello, no hace falta ser un escritor profesional; si te gusta escribir es suficiente.

No tienes por qué crear una obra extensa o una gran novela; empieza por una guía
sencilla sobre un tema que te apasione. Investiga y adquiere todos los conocimientos
que puedas sobre el tema en cuestión y, sobre todo, mucho ánimo.

De hecho, los libros electrónicos más vendidos son guías o manuales simples. Pro­
cura que la redacción sea ordenada, clara y correcta. Ponle un título adecuado, origi­
nal, no excesivamente largo y que refleje lo mejor posible el contenido de la obra.

El texto
Antes de comenzar, colócate en el Escritorio de tu ordenador y crea una carpeta
donde guardarás todos los elementos que usarás en tu proyecto, como el texto o las
imágenes. Asígnale el nombre "ebook". Y dentro de la carpeta "ebook" crea otra carpe­
ta (subcarpeta) para guardar las imágenes; es conveniente que estas las acumules en
un rincón diferente al del texto. A esta subcarpeta llámala “images".

Consejo: Debes ser siempre ordenado con respecto a tu trabajo en general y más
en particular con los elementos que vas a manipular. Así conseguirás que todo sea más
fácil y poder dar rápidamente con la ubicación de cualquier elemento en el momento
de utilizarlo. Nómbralos correctamente. Ten en cuenta estos consejos a la hora de asig­
nar un nombre a un archivo:

- Usa siempre minúsculas.

- Asigna un nombre corto y que se relacione con el archivo para que puedas recor­
darlo.

- No utilices ningún símbolo diferente a las letras minúsculas. En todo caso, puedes
hacer uso del guión bajo. Por ejemplo: "mi_ebook".

- No pongas tildes.

En cuanto al tema de las carpetas, es muy importante que los elementos (imágenes
y textos) no se muevan de la carpeta que les has asignado en un principio. En caso con­
trario, el documento Indesign localizará un error por cada elemento que hayas desubi­
cado; la teoría es que rompes el vínculo que une ese elemento al documento Indesign.

14 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

Es evidente que para poder llegar a publicar un ebook, con lo primero que debes
contar es con el texto que lo compondrá. Una vez que dispones de la idea sobre qué
escribir, tienes dos formas de conseguir un texto: puedes, con bolígrafo en mano, plas­
mar tus propias ideas en un papel; o contratar un buen redactor-corrector de textos.

Mayoritariamente, uno tiene una idea, pero no es capaz de explicarla de tal forma
que un tercero lo entienda. Haz lo siguiente: piensa y anota un índice provisional, un ín­
dice que recoja los puntos que van a figurar en tu libro. Estas notas son esenciales. Ten
en cuenta que, en el caso que contrates a un redactor, te pedirá un guión sobre el tra­
bajo que ha de llevar a cabo. Y si tú mismo vas a redactar, las notas te servirán de guía.

En cualquier caso, no olvides que la redacción completa del texto debes pasarla a
ordenador. Escríbelo en un editor de textos como "TextEdit1' para Mac o "WordPad"
para PC. Aplícale una tipografía y un tamaño legible como AriaI normal 12 puntos. Y lo
guardas en tu carpeta “ebook”.

Ya tienes tu texto preparado para poder trabajar con él.

Descargar e instalar Adobe Indesign CS6


Para empezar, descárgate la aplicación Adobe Indesign C56 desde la website de
Adobe: www.adobe.com/es/downloads/

m ■
Si

m ■ ' fjWQCTiwflWfltifr.t

*<««•**•(•* fc£ 4i i i
i / t *■

Figura 1. Descargas de Adobe

© Alfaomega - RC Libros 15
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Cuando visualices en pantalla el sitio web, opta por el ¡cono "Adobe Indesign CS6".
Bajo este icono aparecen tres pestañitas. Selecciona "probar".

Las aplicaciones que descargues en Adobe tienen un período de 30 días de prueba.


Una vez finalizado el plazo, si vas a trabajar en más ocasiones con dichas aplicaciones,
deberás reflexionar sobre la posibilidad de comprar; desde la misma website lo puedes
realizar.

En la siguiente página, cerciórate primero que vayas a descargarlo en el idioma ade­


cuado, en nuestro caso, en español; y, finalmente, selecciona "descargar ahora".

Para la descarga de algunas aplicaciones, Adobe te exige que te registres. Voy a


omitir esta explicación porque a día de hoy, casi todo el mundo hemos tenido que re­
gistrarnos en algún sitio web. Con lo cual, el proceso es el mismo siempre. Si para po­
der realizar la descarga, Adobe te pide "iniciar sesión", solo tienes que cubrir los datos
(habiéndote registrado previamente): ID de Adobe (tu correo electrónico) y la contra­
seña que has facilitado en el registro. Así, inicias la sesión.

Figura 2. Asistente de instalación

Aparece un cuadro de diálogo en el que se pregunta si ejecutar, guardar o cancelar


la operación. Opta por "ejecutar" para que la descarga se inicie. Entonces, verás otro
cuadro de diálogo en el que simplemente debes elegir la ubicación de la instalación:
el lugar de tu ordenador donde ubicar la carpeta de archivos; te aconsejo que lo guar­
des en el Escritorio para no liarte y tenerlo a la vista. Una vez que lo tengas ahí podrás

16 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

reubicarlo. Selecciona “continuar". A la pregunta si “desea permitir que el programa


entre en tu equipo", di que “sí".

Comienza la instalación: debes aceptar los términos y condiciones. Finalmente apa­


rece el asistente de instalación. El proceso dura unos minutos.

Una vez concluido ese tiempo, aparece un último cuadro de diálogo en el que se­
leccionas "finalizar".

Ya puedes abrir la aplicación; la encontrarás en la carpeta de aplicaciones de tu Mac


o en "inicio /to d o s los programas" si tienes un PC. Lo que visualizas en pantalla es el
espacio de trabajo de Adobe Indesign CS6.

En algunas ocasiones, al abrir la aplicación, se te pedirá un ID de Adobe: selecciona


“omitir".

Descargar e instalar Adobe Reader


La aplicación que necesitas para poder visualizar el documento en formato PDF es
el Adobe Reader. Es una aplicación muy utilizada; por tanto, quizá ya dispongas de ella
en tu equipo; en cualquier caso, explico cómo descargarla.

<&
S
¡GRAm:Hwamiwtesdi

Ü ffcW» y*huéxt
Figura 3. Página principal de softonic

© Alfaomega - RC Libros 17
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Existe un sitio web en el que encontrarás multitud de programas y aplicaciones gra­


tuitas. Es softonic. La url es www.softonic.com/

En la página principal, accede al buscador y escribe "Adobe Reader"; en el des­


p legare que aparece al lado selecciona “Windows" o “mac" según corresponda a tu
situación y haz la búsqueda. Entre los resultados, elige el primero en versión española
que aparece en la lista. Pulsa “descargar".

En la página siguiente aparece un mensaje que dice "la descarga del programa se
realiza desde la web del autor". Elige "descargar gratis". En el cuadro de diálogo selec­
ciona "ejecutar" y a la advertencia "¿desea permitir que este programa realice cambios
en el equipo?", di que "sí".

Automáticamente ves un cuadro de diálogo que indica que se está preparando para
la instalación; selecciona "instalar". Este proceso dura unos minutos.

Al terminar la instalación pulsa en "finalizar”. Ya tienes el Adobe Reader preparado


para su uso.

Correctores de textos
Para que un libro publicado tenga éxito, debe estar redactado siguiendo unas pau­
tas. Es imprescindible que mantenga una legibilidad clara, explicaciones limpias y una

8¡SS! Seros Seminamos SS>fee««> «


£¡ punto<teuncueníiotabora!
S.m.s Pubtte&r

Figura 4. Trabajofreelance

18 © Alfaomega - RC Libros
CAPITULO 1: POR DÓNDE EMPEZAR

coherencia en sus partes. Para conseguir esto sin ser especialista en la materia, lo ideal
es acudir a una persona que se dedique profesionalmente a la redacción y corrección
de textos.

Existen muchos sitios web donde encontrar correctores de textos. Un buen sitio
para encontrar profesionales en estas tareas es www.trabajofreelance.es

Una vez que entras, lo primero que has de hacer es registrarte. Es gratuito. Encon­
trarás una pestaña en la parte superior derecha que pone "registrarse", y aceptas los
términos y condiciones de uso del sitio. Llegas al formulario de registro. Lo cubres con
tus datos. Cuando finalices, activa tu cuenta. Para ello, hazlo desde el mensaje que
trabajofreelance te ha enviado al correo electrónico que facilitaste. Abre el mensaje y
solo tienes que pulsar en el link que se te indica. Ya estás registrado.

El funcionamiento de este sitio web es parecido al de un portal de empleo. Puedes


incluir tu currículum, un avatar, etc. Explicarte este tipo de operaciones no es mi co­
metido; de lo que se trata aquí es de que publiques un anuncio proponiendo que un
profesional freelance con un precio económico corrija tu texto (o, en otro caso, lo re­
dacte). Los interesados te harán llegar sus ofertas; solo tienes que valorar cuál de ellas
te conviene. Cuando lo tengas decidido, ponte en contacto con esa persona.

¿Cómo publicar un anuncio en trabajofreelance?

Estás en Farsel de Control


Proyectos í| Ofertas [j Servio tos jj Solicitudes jj Presupuestos j[ Cas

tSJ
Sígy» todos fns servicios ggWicados ¥ te teformaciáñ ú é tus oüerttf

Figura 5. Panel de control de trabajofreelance

© Alfaomega - RC Libros 19
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Primero entra con tu ID y contraseña. Accede a "publicar proyecto” en la barra prin­


cipal. Ahora elige la categoría a la que pertenece el anuncio que vas a escribir. La ca­
tegoría es "escritos" y en “subcategoría" elige “libros, guiones y cuentos". Selecciona
“continuar". Completa los datos del proyecto con un título, un encabezado, cuánto
tiempo quieres que el proyecto esté publicado, etc.

En "datos opcionales" puedes avisar de cuál es el precio que estás dispuesto a pa­
gar, el tiempo de entrega y el método de pago. Son opcionales porque los interesados
serán los que te hagan llegar sus ofertas. Finalmente, redacta una descripción de lo que
quieres, así como qué tipo de profesional estás buscando. Pulsa en "continuar".

Has finalizado el proceso. Antes de que aparezca publicado, trabajofreelance echa


un vistazo al anuncio para comprobar que cumple los requisitos.

Podrás gestionar todo desde el panel de control. Siempre que alguien te haga una
oferta, te llegará un mensaje de alerta al correo electrónico.

Por supuesto, existen otros sitios donde encontrar correctores de texto, te comento
los freelance porque, por lo general, son más económicos. Sin embargo, puedes hacer
una búsqueda de profesionales que no sean freelance. Otros dos sitios web interesan­
tes son www.tuwork.com y www.correctorfreelance.es

Bancos de imágenes
Un libro dotado de ilustraciones siempre es estéticamente más interesante, aun­
que la presencia de estas no es necesaria. No obstante, recuerda que si decides hacer
uso de imágenes, los derechos tienen que ser tuyos. En el caso de que no las tengas,
puedes comprarlas. En internet existen lo que se denominan “bancos de imágenes":
pagas por las imágenes que adquieras, pero las usas con la certeza de que legalmente
te pertenecen.

El sitio web que más conozco es www.shutterstock.com/

En primer lugar, para poder navegar por el sitio estás obligado a registrarte. En la
página principal de shutterstock, suscríbete. Fíjate bien: tienes la opción gratuita en la
pestaña "solamente registrarse". En la pestaña "licencia standard" se incluyen varias
posibilidades, todas ellas de pago.

En principio, selecciona la opción gratuita. Así podrás echar un vistazo primero. Qui­
zá no encuentres aquí lo que buscas.

20 © Alfaomega - RC Libros
CAPITULO 1: POR DÓNDE EMPEZAR

Llegas al formulario de inscripción. Cubre los datos y acepta las condiciones. Pulsa
en "crear cuenta".

- Comprar en shutterstock

La siguiente página que visualizas es el panel de control de tu cuenta de shutters­


tock. Utilizarlo es sencillo. ¿Cómo hacer una búsqueda? Puedes servirte del buscador
estándar, o emplear el cuadro que ves a la izquierda de la página. Este cuadro ofrece
una serie de categorías, dentro de ellas se exponen unos atributos o características;
actúa de tal manera que la búsqueda que realices se reducirá a las imágenes que pre­
senten esos atributos que has elegido.

»mm wm %mmm ® mm*

Figura 6. Página principal de shutterstock

Por ejemplo: en "tipo de imagen" selecciona "vectores"; en "orientación" elige "ver­


tical"; en "categoría" decántate por "naturaleza", y pulsa en "buscar". Podrás com­
probar que el resultado es una gran multitud de imágenes vectoriales, organizadas
en páginas. Ojea y selecciona la que más te interese. Algunas imágenes disponen de
diferentes tamaños.

Las imágenes vectoriales necesitan una aplicación para visualizar y editar vectores,
como Adobe lllustrator.

Ahora bien, en el momento que des con una imagen que quieras adquirir, pulsa
en "descargar" y automáticamente llegas a la página de suscripción de pago. Piensa y
valora cuál es la opción que te conviene, y continúa; y sigue continuando hasta llegar a

© Alfaomega - RC Libros 21
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

los detalles de pago. Cubre los datos que te piden y "acepta la orden". Esto es simple­
mente hacer una compra por internet.

- Descargas de imágenes en shutterstock

La compra ya la has realizado con éxito. El siguiente paso es descargar las imágenes.
Lo que has comprado es un derecho a descargar un número determinado de imágenes
en shutterstock. Este número depende del pack de descargas que hayas pagado.

Imagínate que has comprado el pack de 5 descargas de 39 euros. Tienes un período


de un año para completar esas 5 descargas (esto lo encuentras todo ahí explicado).

Desde el panel de control de tu cuenta de shutterstock busca y selecciona la imagen


que quieras adquirir en ese momento. Pulsa el botón de descarga; y elige el lugar de
tu ordenador donde quieras guardarla. Así, esa imagen ya es tuya, la conservas en tu
ordenador y podrás hacer uso de ella tantas veces como desees.

ESPACIO DE TRABAJO DE ADOBE INDESIGN CS6


Adobe Indesign es una aplicación de maquetación; no solo podrás maquetar y com­
poner publicaciones como periódicos, revistas o libros, sino que podrás diseñar otros
trabajos como carátulas para CD o catálogos.

Figura 7. Espacio de trabajo de Adobe Indesign CS6

22 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

Existen otros programas de maquetación como QuarkXPress, CorelDraw, Macrome­


dia Freehand o PageMaker.

En los próximos apartados intentaré enseñarte cuál es y cómo funciona el entorno


de trabajo de Adobe Indesign CS6.

Pantalla de bienvenida
Una vez que abres la aplicación, accede a la pantalla de bienvenida, en la que pue­
des distinguir varias partes. En la parte izquierda encuentras "abrir un elemento recien­
te". Si observas la figura que te muestro, hay una columna de documentos precedidos
por el icono de la aplicación. Están en formato indd, que es el formato de Indesign; y
aparecen ahí y en esa posición porque han sido los últimos documentos con los que
se ha trabajado. Si entre ellos se encuentra el documento que deseas abrir, solo tienes
que elegirlo y seleccionar "abrir".

Más abajo ves una carpeta cuyo nombre es "abrir". Si accedes a ella, ve al cuadro de
diálogo "abrir un archivo"; busca ese documento que te interesa y selecciona "abrir".

De nuevo en la pantalla de bienvenida y mirando hacia la parte derecha del cuadro


de diálogo, visualiza "crear nuevo". Hay tres opciones: "documento", "libro" y "biblio­
teca". En cuanto a "libro" se refiere a que sincronizas varios documentos Indesign que
son independientes entre sí, para convertirlos en un libro (en un mismo documento).

A Ü m f- u n e S e m K fsto r e c i e n t e Crear owevc


% p&QmzQmtíd ÜH Oceumeeía
m Ül im&
Ü g &ibíz<ttgcít
jp| Pa«(tt3:5ÚfKÍ<S
'Hl C&mumd&iS
ül M i 5nD*íi>3« gSCrtanp* -
ü$§: 0 «Je eseartoz rte trtDesíprt »
M Sov«i d*JrtOaaíyn
Mi «aSrt>eñ$A*

: fevtfítttUWée » Creative Suite®SSoftware


: «««vas» OptarleAdates CS5mtmparteda
Adates Creativa Sata S íJeteps Srermxí.
|Setww»
...i o vctver a mostrar

Figura 8. Pantalla de bienvenida de Adobe Indesign CS6

© Alfaomega - RC Libros 23
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Sin embargo, con "documento" puedes crear otro tipo de publicaciones. Y "biblioteca"
es la opción que te permite crear una nueva biblioteca.

Nuevo documento
Visualizas en pantalla un cuadro de diálogo que te muestra todas las opciones dis­
ponibles para crear un nuevo documento. Simplemente haré un recorrido rápido por
cada una de estas opciones y te explicaré de manera breve lo que significan. Ya nos
detendremos más adelante.

¡j Jarmfto de pasma: A4 ■«r

j Anc&ura: f 210 mm Orientación: | | J


¿Iture: * 297 mm

| Cotanas
i Húmero: i*:.l Medanfc 1 4,233 mm

i Márgenes
Superior: ‘ 12,7 mm Interior: 12,7 mm
Inferior: ||j l2 ,7 mm m Exterior: f* 12,7 mm

Figura 9. Nuevo documento

- Valor del documento. Puede ser "por defecto" o "o medida".

- Calidad. Un documento puede ir destinado a web o a imprenta. Y además, como


novedad en la versión CS6, puedes elegir como destino "publicación digital".

- Número de páginas y número de página actual.

- Páginas opuestas. Activando la casilla, el documento se crea a doble página; si no


la activas, las páginas serán simples.

24 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

- Tamaño de la página. Abre el desplegable y aparecen una serie de tamaños. Si


seleccionas uno, automáticamente se modificará la anchura y altura (estos valores los
encuentras justo debajo). Pero si eliges "tamaño de página a medida", solo tendrás
que cubrir los valores de anchura y altura en el cuadro de diálogo. Ten en cuenta que
los parámetros van a cambiar dependiendo de si has escogido "imprimir", "web" o "pu­
blicación digital". En los tamaños de página para publicación digital podrás elegir entre
una serie de opciones: iPad, iPhone, Kindle, Android, etc.

- Orientación. Se refiere a la posición de las páginas. Puede ser vertical o apaisada.

- Columnas. Es el número de columnas que llevará la página.

- Medianil. Es la distancia que hay entre las columnas. Ponle el valor que quieras.

- Márgenes. Es el espacio en blanco que queda a cada uno de los lados de una pá­
gina. Generalmente no se modifican. Entre las opciones del superior e inferior hay un
botoncito con un candado. Si lo activas, al modificar un margen, los modificarás todos.
Si lo desactivas, podrás asignarles un valor diferente a cada uno de los márgenes.

- En la zona derecha del cuadro “nuevo documento" elige la pestaña "más opciones”
y aparecen los sangrados. La sangría es el espacio que añadimos a las páginas para
que cuando el documento vaya a imprenta, en el momento de hacer los cortes, los
elementos que componen esas páginas, no se vean afectados (no sean cortados). Se
suele aplicar entre 3-5 mm de sangrado.

Barra de aplicación y Panel de control


En la parte superior del espacio de trabajo se encuentra la barra de aplicación, for­
mada por una serie de menús que contienen los diferentes parámetros que utilizarás
en la maquetación.

- Archivo. Desde este menú podrás crear un nuevo documento, abrir uno ya exis­
tente, guardar los cambios, hacer una copia, imprimir o exportar el documento, etc.

- Edición. A través del menú Edición podrás cortar, copiar, pegar y duplicar elemen­
tos, revisar la ortografía del texto, etc.

- Maquetación. Aquí encontrarás las opciones para modificar los ajustes de la com­
posición: páginas, márgenes y columnas, guías, numeración y sección o tablas de con­
tenido.

© Alfaomega - RC Libros 25
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Texto. El texto, elemento importante en cualquier publicación, podrá ser editado


desde este menú. Recoge las fuentes tipográficas con sus tamaños, las paletas relativas
al texto (carácter, párrafo, tabulaciones, pictogramas, artículos, estilos de carácter y
estilos de párrafo),las listas y viñetas, etc.

- Objeto. En el desplegable del menú Objeto puedes ver todas las opciones
que corresponden a los elementos de la composición, que no sean texto; a saber,
imágenes, objetos vectoriales, pies de ilustración, marcos de texto. Desde aquí podrás
transformar, organizar, seleccionar y encajar; y también aplicar efectos como sombras,
transparencias, resplandores, biselados o desvanecimientos.

- Tabla. Es el menú donde se agrupan todas las alternativas para editar las tablas.

- Ver. Este menú sirve para cambiar el aspecto del espacio de trabajo; Es decir, se
pueden mostrar u ocultar utilidades de nuestra mesa de trabajo (como las guías o las
reglas).

- Ventana. Reúne todas las paletas que se pueden utilizar en Adobe Indesign CS6.

- Ayuda. Es el menú de ayuda del Adobe Indesign CS6.

Por otro lado hay que tener en consideración la barra de estado, situada en la parte
inferior izquierda del documento; en ella encuentras la información sobre el archivo.
Permite cambiar de página y jugar con el zoom.

El panel de control se localiza justo debajo de la barra de menús. Permite modificar


los atributos del objeto que en ese momento tienes seleccionado. Descubrirás pro­
piedades como la posición del elemento (coordenadas X e Y), la anchura y la altura, el
color, el grosor del trazo, etc.

Barra de herramientas
La barra de herramientas está situada en la esquina superior izquierda del espacio
de trabajo. Contiene las herramientas para seleccionar y trabajar con los elementos,
dibujar y aplicar rellenos, degradados, contornos, etc. He aquí algunas herramientas
importantes (figura 11):

- Las herramientas "de selección" sirven para seleccionar objetos.

- La herramienta “texto" permite escribir texto. Se divide en dos: texto horizontal y


texto vertical.

26 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

- Las herramientas de dibujo son “pluma vectorial", “lápiz", "pincel", “línea" y polí­
gonos (“rectángulo", “elipse" y “polígono").

- La herramienta “cuentagotas" permite seleccionar el color de un punto en con­


creto. Así, si necesitas un color específico que está en un punto exacto de una imagen,
solo tienes que seleccionarlo con el cuentagotas.

- La herramienta “lupa” está indicada para el zoom; es decir, aumentar o disminuir


la vista de los elementos.

- La herramienta “marco rectangular" sirve para dibujar un cuadro en el que colo­


carás una imagen.

- Mediante la herramienta "página" puedes seleccionar una página.

- La herramienta “mano" te permite moverte por todo el documento.

- La herramienta “transformación libre" sirve para escalar (cambiar de tamaño) y


rotar una figura manualmente.

- Otras herramientas son: la herramienta "hueco", la herramienta “tijeras”, las he­


rramientas "muestra de degradado" y "desvanecimiento de degradado", "recopila­
dor de contenido" o la herramienta "nota".

Ventana del documento


La ventana del documento es el lugar donde visualizas la página que en ese mo­
mento te ocupa. Puedes hacer que tu espacio de trabajo ocupe la pantalla completa
desde el menú Ver / toda la mesa de trabajo. Incluso tienes la posibilidad de encajar
en la ventana la página con la que trabajas desde el menú Ver / encajar página en
ventana.

En alguna ocasión necesitarás dos ventanas al mismo tiempo: actívalo en el menú


Ventana / disposición / nueva ventana.

Paletas más utilizadas


- Paleta Carácter: Contiene todas las opciones relativas al texto como carácter. Con
el término "carácter" me refiero a una letra, un número o un símbolo. En esta paleta
se encuentran las fuentes tipográficas, tamaños del carácter, espacio entre caracteres,
etc.
© Alfaomega - RC Libros 27
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Paleta Párrafo: Incluye todas las opciones que tienen que ver con el texto en cuan­
to a su función como párrafo, a saber, interlineados, capitulares, etc.

- Paleta Color: El color es un atributo esencial. En esta paleta se distingue entre


color de relleno y color de trazo.

- Paletas Estilos de Carácter. Estilos de Párrafo. Estilos de Objeto. Estilos de Tabla.


Estilos de Celda: Son las paletas en las cuales guardarás los estilos que vayas aplicando
a los diferentes objetos y textos.

- Paleta Páginas: En ella se encuentra la ' iP S?! %s«i» B *J D *


estructura de las páginas en forma de minia­ Vj Otsposrcíén ►
turas. Haciendo doble clic en la miniatura, Espadodetrabajo >
visualizarás la página correspondiente en la A rticulo

ventana del documento. y Capss f?
Ce»tea» ¿fc<-€TRUW
- Paleta Tablas: Están aquí todas las opcio­ Color ►
nes relativas a las tablas; es decir, número de i: „ Control
filas y columnas, celdas, etc. Edüeráf ■■■►
[. ííiCtOi
- Paleta Referencias Cruzadas: Organizar ; Estilos >
Extensiones ►
las referencias cruzadas que haya en el docu­
folioBujírte
mento. Una referencia cruzada es una especie Herramientas
de hipervínculo que sirve para que el lector K
información *
pueda pasar de una parte del texto a otra de interactiva ►
forma automática al hacer clic en el vínculo. MiniSrid^e
Obietovmaneeteción >
- Paleta Muestras: Incluye los colores que Figura 10. Menú Ventana
se han guardado como muestras para poder
utilizarlos en un momento determinado.

- Paleta Efectos: En ella puedes visualizar los distintos efectos para aplicar a los ob­
jetos; efectos tales como desvanecimientos, sombras, biseles, satinados, etc.

NOTA: Desplegando el menú Ventana accedes a todas las paletas de Adobe Inde-
sign CS6. No están todas nombradas; a medida que avancemos en las explicaciones,
iremos viendo y utilizando estas, y conociendo otras que no aparecen en esta lista.

Formatos de exportación del documento


En el momento que hayas terminado la maquetación del ebook y tengas la idea
de publicarlo, primero has de exportarlo al formato adecuado, que en este caso es el

28 © Alfaomega - RC Libros
CAPÍTULO 1: POR DÓNDE EMPEZAR

formato PDF. En las siguientes partes de la obra nos dedicaremos a estudiar más en
profundidad el formato EPUB; y finalmente haremos mención de las conversiones a
otros formatos.

Adobe Indesign permite, además de trabajar en su formato (indd), exportar a los


formatos siguientes: pdf, xml, html, ePub, InCopy, eps,fla, swf, rtf, idml,jpg.

Novedades de Adobe Indesign CS6


Entre las novedades de la versión CS6 podemos destacar:

- Diseño alternativo. Puedes crear diseños para diferentes dispositivos a partir del
mismo documento de Indesign.

- Nuevas herramientas. Se incluye la herramienta Recopilador de Contenido con la


que puedes colocar los elementos en el orden que quieras que aparezcan.

- Compatibilidad con otros idiomas como el árabe o el hebreo.

- Puedes dividir la ventana del documento en dos partes para ver creaciones dife­
rentes de un mismo diseño.

- Mejora de la paleta Páginas y mejora en el empaquetado de archivos (menú Ar­


chivo/empaquetar).

- En cuanto a la exportación a PDF se añaden dos novedades: puedes crear campos


de formularios para su posterior exportación a PDF y podrás exportar en escala de
grises.

- Se añade la vista previa del documento en escala de grises.

- Exportación a PNG. El formato PNG es ideal para la web y no tiene pérdida de cali­
dad. Puedes exportar parte del documento Indesign o elementos individuales.

- Se incluye el HTML interactivo, que se mantiene al exportar a EPUB o a HTML.

- Contenido vinculado. Podrás vincular contenido entre un documento o varios de


forma que los cambios que hagas en uno, se realicen automáticamente en los demás;
incluida la interactividad.

© Alfaomega - RC Libros 29
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

ELABORACIÓN DE LA ESTRUCTURA DEL EBOOK


Un ebook es un libro en formato digital, y como libro que es, debe contar con una
estructura adecuadá. Esto es lo que llamamos Diseño Editorial; es decir, crear una
composición: “maquetar". Ten en cuenta que cada tipo de publicación (libro, revista,
catálogo, etc.) tiene sus características propias. Por lo tanto, debes conocer cómo orga­
nizar la información que vas a ofrecer al lector.

La estructura de las páginas de un libro tiene un orden; es el siguiente:

- En primer lugar, colocarás la portada. La portada es la primera página impar; in­


cluye el nombre de la obra, del autor y del editor. Puede llevar una imagen. ¡Ojo! La
portada no es lo mismo que la cubierta. En este caso, tu libro está destinado a formato
digital, así que solo llevará portada. La cubierta pertenece a los libros encuadernados;
sin embargo, verás que en formato EPUB deberás incluirla.

- En un libro encuadernado se agregan las hojas de cortesía: una hoja en blanco


colocada al principio del libro y otra colocada al final. Considero que para un ebook es
suficiente dejar en blanco la página par que sigue a la portada.

- La página impar que sigue, se reserva para que el autor ponga su dedicatoria (a
quién dedica la obra).

- Continuamos en la página siguiente que es por y en ella se introducirá el texto de


los derechos legales, los datos de la edición como año y número de la misma, nombres
de los colaboradores, Copyright e ISBN.

- En la página par siguiente se colocará el índice que mostrará la distribución de las


distintas partes y capítulos de la obra, con su respectiva numeración de páginas.

- Por último, en las páginas siguientes se introducirá el cuerpo del texto; o lo que es
lo mismo, el texto general de la obra.

Solo debes tener en cuenta que los capítulos o las diferentes partes de la obra co­
mienzan siempre en página impar. Si coincide en página par, esta se dejará en blanco
y se continuará en la siguiente impar.

Recuerda que se debe dejar una página en blanco al final; aunque como el libro no
lleva cubiertas, esta se podrá omitir. Eso sí, procura que la obra termine en página par;
es pura lógica: la tapa o cubierta trasera (si la tuviera) se corresponde con página par.

Teniendo en cuenta esta estructura procedo a la explicación paso a paso de la ma-


quetación.

30 © Alfaomega - RC Libros
__________________________________________________________ CAPÍTULO 1: POR DÓNDE EMPEZAR |

La mayoría de los ejemplos que utilizo son sacados de un ebook que maqueté para
un cliente, cuyo título es “El arte de la guerra para juegos multijugador".

Estructura del ebook:

PORTADA

EN BLANCO D E D IC A T O R IA

D ERECH O S LEGALES IN D I C E

EN BLANCO CU ERPO DEL TEX TO

CU ERPO DEL TEX TO CU E R PO DEL TEX TO

ETC.

© Alfaomega - RC Libros 31
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

00 SELECCIÓN

PÁGINA
HUECO
RECOPILADOR DE CONTENIDO
TEXTO

/ LÍNEA
PLUMA m*
LÁPIZ
MARCO
POLIGONOS

TIJERAS
TRANSFORMACION LIBRE,
ROTAR, ESCALAR Y
DISTORSIÓN DEGRADADO

NOTA
CUENTAGOTAS, MEDICIÓN
MANO
O
LUPA

TRAZO Y RELLENO

COLOR

S3 VISUALIZACIÓN

Figura 11. Barra de herramientas

32 © Alfaomega - RC Libros
DISEÑO Y MAQUETAQUd Ñ

INTRODUCCIÓN
Quisiera hacer hincapié en una cuestión de suma importancia y que has de tener
presente durante toda la maquetación; es decir, cómo aplicar los distintos estilos al
texto.

A medida que avancemos en las explicaciones, aprenderás el funcionamiento de las


paletas de estilos. Los estilos y su correcta aplicación es esencial para que el proyecto
concluya sin problema alguno.

Cada elemento del documento ha de tener necesariamente un estilo. Los estilos de


párrafo son los que harán posible realizar con éxito el índice de contenidos, esto es, el
índice.

Recuerda ir guardando todos los cambios que vayas realizando en tus documentos
a través del menú Archivo/ guardar. También es adecuado que guardes una copia del
documento por si el original que estás creando se perdiera: a través del menú Archivo
/ guardar una copia.

PREPARACIÓN DEL DOCUMENTO


Comienza a elaborar tu proyecto abriendo la aplicación Adobe Indesign CS6. Desde
la pantalla de bienvenida crea un nuevo documento. Aparece un cuadro de diálogo, en
el cual debes realizar los siguientes ajustes:

Activa la opción de páginas opuestas; selecciona un tamaño A5, con orientación


vertical y 1 columna. En cuanto a los márgenes, aplica unos 20 mm en cada uno de
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

ellos y una sangría de 3 mm por los cuatro lados. En "calidad" tienes varias opciones.
Elegirás la opción de imprimir; existe la opción para web, y que en la versión CS6 tam­
bién cuentas con publicación digital. Mi exposición está basada en calidad "imprimir”
porque "publicación digital" te servirá en caso que sepas para qué formato irá destina­
do el libro. Me explico: con la opción "imprimir" lo puedes llevar a imprenta o publicar
en versión digital. Con la opción "publicación digital" deberás elegir en "tamaño de
página" entre una serie de opciones ("iPad", "iPhone", etc.), dependiendo del destino
del documento. Considero que no tienes por qué saber de antemano cuál será el fin de
tu libro. Por supuesto, queda a tu elección.

A continuación, dale a aceptar.

Cuando ya tengas el documento abierto, es importante que muestres la rejilla base.

Vator da decumento: fA medida] ▼ | ok

CiSdad: Pubicaoón digital ▼: ; Caneéis


Número de $¿ 9*13$: jl B Páginas opuestas
Número de página inicial; 1 0 Marco de texto principal
( Más opciones 1
Iamaño de página: ¡Pad

Artejos»; i 1024 sx Orientacso:


Altura* i 76S px

Columnas
Número: Median!: „ 12 px

Márgenes

Figura 12. Nuevo documento

NOTA: Puedes realizar tu ebook en páginas simples en lugar de opuestas. Para ex­
portar a PDF se puede perfectamente realizar en páginas opuestas como lo hice yo,
ya que también servirá para imprenta. Para formato EPUB, lo ideal es maquetar en
páginas simples y, además, utilizar la paleta Libro-, aunque llegado el momento, ex­
plicaremos esta parte. Por ahora, aprenderás a maquetar con Adobe Indesign CS6 y
olvidándote de las exportaciones.

La rejilla base está formada por unas guías horizontales que atraviesan todo el do­
cumento y que servirán para orientarte en la colocación de los diferentes elementos.
Para ello, ve al menú Ver / cuadrículas y guías / m ostrar cuadrícula base.

34 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

En el mismo menú Ver/ cuadrículas y guías, activa la opción "guías inteligentes".

Ve al menú Archivo / g u a rd a r como, ponle un nombre y en "ubicación" elige tu


carpeta de trabajo; la habías llamado "ebook".

I Vfer J Ventana Ayuda B 49,5% * O * M


Previsualícar sobreimpresión Alt-* Mayús* CTRt+Y

Ajuste de prueba >

Colores de prueba

Aumentar cm **
Reducir CTRU-
Encajar página en ventana cm *o
Encajar pliego en ventana m +ctrl +o
Tamaño real CTRL-*!
Teda la mesa de trabaje Alt-* Mayús-* CTRl+O

Rol» pliego >

Modo de pantalla >

Rendimiento de visuaiizacíón *

Ocultar reglas € T tt*R

ÉáfK >

Cuadrículas y guías *

Estructura >
Editor de artículos *
Figura 13. Menú Ver

La maquetación
Hay dos formas de maquetar un libro. Una es diseñando todas las páginas en un
mismo documento y la otra es diseñando las páginas en documentos independientes
y sincronizar estos documentos a través de la paleta Libro. Ambas posibilidades son
válidas.

© Alfaomega - RC Libros 35
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En esta primera parte del libro, aprenderás a maquetar siguiendo las instrucciones
para diseñar todas las páginas en un mismo documento. Sin embargo, en las explica­
ciones correspondientes a EPUB usaré la segunda opción; es decir, manejarás la paleta
Libro. Por lo tanto, dejemos para más adelante la segunda forma de maquetar.

LAS PÁGINAS MAQUETA

¿Qué son?
Las páginas maqueta en Adobe Indesign se denominan páginas maestras. En cual­
quier proyecto de maquetación, por ejemplo un periódico, siempre hay elementos que
se repiten en todos los números que se van a publicar.

Por lo tanto, se trata de diseñar una plantilla que recoja ese trabajo repetitivo y así,
evitarnos volver a hacerlo todo desde el principio.

Pues bien, una vez dicho esto, debes


hacer una maqueta (conjunto de páginas
maestras) para, a partir de ella, elaborar la
composición del ebook.

A-pwtaÉ*
Crearás una página maestra para cada
una de las diferentes páginas que com­
pondrán tu libro (portada, dedicatoria, de­
rechos legales, índice, contenido). Ten en
cuenta que las páginas que sean iguales en
cuanto a estructura, contarán con la misma
página maestra.
a. i

La paleta Páginas
Si despliegas el menú Ventana, apare­
m
cerán una serie de opciones que reciben el
nombre de paletas. A lo largo de las expli­
caciones irás haciendo uso de ellas.

Para empezar, abre la paleta Páginas m


(menú Ventana/ Páginas), una de las más
utilizadas, a saber, es el rinconcito donde Figura 14. Paleta Páginas

36 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

tienes tus páginas bien estructuradas, tanto las maestras como las que compondrán tu
ebook (las originales); y aparecen en forma de páginas en miniatura.

La paleta Páginas se divide en dos zonas: la parte superior pertenece a las minia­
turas de las páginas maestras (página maestra A, página maestra B, página maestra
C, etc.) y la parte inferior está reservada para la estructuración del proyecto que estás
diseñando.

Para acceder a cualquiera de dichas páginas, solo tienes que hacer un doble clic en
la miniatura deseada.

Hojas de Estilo: paleta Estilos de Carácter


Lo ideal es que cada vez que apliques una tipografía y un tamaño a un texto (o
cualquier otro atributo), lo guardes como una hoja de estilos, asignándole un nombre,
para poder usarlo en otras ocasiones. La hoja de estilos funciona como una agenda
donde tienes guardados tus contactos (en este caso, los estilos que vas dando a los
diferentes textos) y cuando necesites alguno recurre a ella.

Esta paleta, al igual que las demás paletas, la encuentras en el menú Ventana.

_____ ...."JL ...... *, j


0 Estilos de carácter ■
ÍN«jyno3
wm m m m m m M IIIim m m m m im m m

........5L
Figura 15. Paleta Estilos de Carácter

A medida que avancemos en las explicaciones, irás aprendiendo a utilizar las hojas
de estilos. De momento, quédate con la hoja de estilos de carácter y la hoja de estilos
de párrafo. La diferencia es que la primera guardará estilos que se aplican a un carácter

© Alfaomega - RC Libros 37
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

o una palabra; sin embargo, la segunda guardará estilos que se aplican a todo un
párrafo (o varios párrafos). Son independientes: puedes aplicarle a un texto un estilo
de párrafo y dentro de este párrafo, aplicarle un estilo de carácter a una palabra.

Existen otras paletas de hojas de estilo como Estilos de Objeto, Estilos de Tabla y
Estilos de Celda. Las veremos más adelante.

Página maqueta B: texto general


Si abres la paleta Páginas, sale por defecto la maqueta A; este pliego lo utilizarás
de plantilla para crear la portada del libro. Por lo tanto, resérvala para explicaciones
posteriores.

Necesitas crear una nueva pá­


gina maqueta, en la que harás la 0 Páginas í Capas. V ín cttim j I
plantilla para incluir el texto gene­
ral de tu ebook. Desde la paleta Pá­
ginas, accede al desplegable que
f N ir v » ! c
se encuentra en la parte superior
A-Página m tm m \w
derecha de la paleta. Haz clic en
“nueva página maestra". Observa
cómo aparece un pliego nuevo (es A4 V -
un pliego porque son dos páginas)
que se llama "página maqueta B".
La página maqueta B que está a la
izquierda será la plantilla de laspó-
ginas pares-, la que está a la dere­
cha será la plantilla de las impares.

Sitúate en la página maqueta B


de la izquierda (haciendo doble clic Figura 16. Página maestra ñ
en la miniatura de la página en la
paleta Páginas). Colocarás el encabezado que se repetirá en todo el interior del libro.

En la parte izquierda de tu espacio de trabajo hay una barra llamada barra de herra­
mientas. Selecciona la herramienta texto y dibuja una caja de texto (arrastra el ratón
como si fueses a dibujar un rectángulo), y cuando el cursor comience a parpadear
escribe el nombre del autor del libro en letras mayúsculas. Ubica la caja de texto en la
parte superior izquierda de la página maqueta. Ayúdate de las guías.

Modifícale la tipografía (menú Texto / fuente); elige, por ejemplo, "Arial Black" y
asígnale un tamaño de 9 puntos.

38 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

No olvides de guardarlo como hoja de estilo desde la paleta Estilos de Párrafo. En


dicha paleta, accede al despiegable (situado arriba a la derecha de la paleta) y selec­
ciona "nuevo estilo de párrafo". Le asignas el nombre de "encabezado" y aceptas. Ya lo
has guardado como estilo "encabezado".

^ - ...

0 Estilos de párrafo

l Párrafo b é si coj

Gii fl* iaJ


Figura 17. Paleta Estilos de Párrafo

NOTA: Fíjate que efectivamente el texto tenga aplicado el estilo "encabezado". Para
ello, selecciónalo y, si no aparece con dicho estilo, deberás hacer clic en "encabezado"
con el texto seleccionado.

Si ya sabes de antemano qué atributos vas a aplicarle al texto (qué tipografía, qué
tamaño, qué color, etc.), accede directamente a "nuevo estilo de párrafo", rellena los
parámetros y guárdalo como hoja de estilo de párrafo. Y se lo aplicas al texto que de­
sees, previamente seleccionado.

Finalmente, dibuja una línea con la herramienta línea (en la barra de herramientas).
La colocas debajo del texto del encabezado. La longitud de la línea dependerá de la
extensión del texto: que sea un poco más larga que este.

NOTA: Otra opción para la línea es editar el estilo "encabezado" seleccionando un


fílete inferior como otro atributo. El filete inferior es una línea colocada debajo del
texto. Incluso, puedes editarle el grosor, el color, o decidir si ocupa toda la página hori­
zontalmente o solo el texto. Existe el fílete superior.

© Alfaomega - RC Libros 39
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Quedaría algo así:

***•****•****t•*>*>**.**.».**■*•*;****■=:>*:*,«.?:«***.*» >***

.......... ................................
Figura 18. Encabezado

Volviendo a la paleta Páginas, haz doble clic en la página maqueta B de la derecha.


Debes repetir exactamente los mismos pasos que en la maqueta de la izquierda; la úni­
ca diferencia es que la caja de texto va a contener el título del libro e irá colocada en la
parte superior derecha de la página maqueta. Ahora bien, para cambiarle la tipografía
al texto recuerda que tienes tu "agenda", es decir, tu hoja de estilos. Acude a la paleta
Estilos de Párrafo y elige el estilo "encabezado" (debes tener seleccionado el texto que
has creado). Por último, dibuja la línea y ponía por debajo del texto o asigna un fílete
inferior en el estilo "encabezado

Todavía no has terminado el plie­


go maqueta B; falta dibujar una caja
de texto donde colocarás el texto
general de tu libro. Pues bien, con
la herramienta texto, dibujas la caja.
Con la herramienta de selección (es
la herramienta que hay en la parte
superior de la barra), la seleccionas y
arrastrando el cursor con los maneja­
doras (fíjate en los cuadradillos que
aparecen en los bordes de la caja) la
aumentas de tamaño. Asígnale las
siguientes dimensiones aproximada-
Figura 19. Manejador mente: 122 mm de ancho y 152 mm
de alto. Ayúdate de las guías para re-
dimensionarlo y ubicarlo. Puedes editar las dimensiones de la caja desde el panel de
control (debajo de la barra de menús).

Escribe un texto cualquiera dentro de las cajas y modifica la tipografía: Arial normal,
12 puntos. Puedes usar cualquier tipografía, siempre y cuando sea legible. Guárdalo
como estilo en la paleta Estilos de Párrafo y ponle el nombre "texto_generai".

40 © Alfaomega - RC Libros
CAPÍTULO 2 : DISEÑO Y MAQUETACIÓN

Duplica la caja de texto (manteniendo pulsada la tecla Alt y arrastrando) y coloca


una de ellas en la página maqueta izquierda y la otra en la página maqueta derecha.
Tienen que estar más o menos centradas y, por supuesto, en la misma posición (no una
más arriba que otra, o más hacia un lado...). Ayúdate siempre de las guías.

Lo más rápido para duplicar cualquier elemento es seleccionarlo y pulsar la tecla Alt
al mismo tiempo que arrastras el elemento: y aparece la réplica.

Hojas de Estilo: paleta Estilos de Párrafo


Vamos a complicar un poquito más el asunto:

Aplica un estilo "texto_general" a un párrafo, pero también necesitas que ese párra­
fo lleve unas viñetas; solo ese párrafo. Todos los demás quedarán con el estilo "texto_
general". Al abrir el desplegable de la paleta Estilos de Párrafo, en la pestaña "general"
selecciona el estilo en el que estará basado el nuevo. Y, de esta manera, creas un estilo
nuevo basado en otro estilo que ya tenías creado. Entonces, en este nuevo estilo de
párrafo (basado en el anterior) y que puedes llamarlo "texto_general2", añades unas
viñetas: en las opciones de párrafo selecciona la pestaña “viñetas y numeración" y
elige la viñeta que más te guste. Aceptas.

u— fe

N <*«iwMrrt*»#* VSAíUsi mrsv&n


T>p* d i i i s » . ¥ i* « u »
f¡M
X* U s ía oU a '.so ;

4?4*vtexti CííÍCM» f¡¡«


.A

Tíxsaonutñor. H
£s«So d a cMhcSmr. ifiw s v fto l

S* o «ím e r »

AiiMMíót)- lettMríUt
SMgíál ¡aauíínl* ijOmm
Sangrái d<tsttírma Te»»
<SswíkjímIcí i lZ.fmm
CaaaUas í O

Figura 20. Nuevo estilo de párrafo / viñetas y numeración

© Alfaomega - RC Libros 41
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

NOTA: Cuando aparece un símbolo "+" al lado de un estilo en cualquiera de las pa­
letas de estilo, significa que se le ha aplicado algún atributo que no tenía: por ejemplo,
"bold" (texto en negrita). Tienes dos opciones: si no quieres que el atributo "bold" se
añada al estilo, tendrás que pulsar la tecla A lt a la vez que haces clic sobre el estilo;
si por el contrario, quieres añadir ese atributo al estilo, pulsa sobre este con el botón
derecho del ratón y selecciona "redefinir estilo".

Numeración
Vas a trabajar en el área de las páginas maestras, puesto que el primer paso es crear
la maqueta que te servirá de plantilla. Para ello, sitúate en la página maestra 6; recuer­
da que la encuentras en la paleta Páginas, en la zona superior de la paleta.

NOTA: La página maestra A la teníamos reservada para la portada; y la portada no


lleva numeración.

Haz doble clic en ella. Inmediatamente la visualizas en pantalla. En este momento


es una página en blanco; aún no has colocado ningún elemento.

La numeración irá situada en la parte inferior centrada de las páginas del libro.

Recuerda: Los colores, tipografías, imágenes, etc., que utilizo como ejemplo es sim­
plemente una demostración. Puedes seguirla o puedes crear tu diseño personalizado.

Vayamos, pues, a dibujar. Selecciona la herramienta rectángulo. Con ella seleccio­


nada, dibuja un cuadrado con las siguientes dimensio­
nes: 9 mm de ancho y 7,6 mm de alto (todas las dimen-
siones que facilito son aproximadas).

Para que el cuadrado sea regular, pulsa la tecla ma- 4 1M


yúsculas del teclado al mismo tiempo que le das forma I w j f P y j » *''' %
a la figura.

Ahora elige la herramienta de selección y coloca la


figura en el centro inferior de la página maestra. Ayúda- Figura 2i. Numeración
te de las guías para que quede centrada.

Por último, ponle color al cuadrado. Dirígete al menú Ventana y opta por la paleta
Color. Fíjate que en la paleta aparecen dos opciones de color: el color frontal (color de
fondo) y el color de trazo. Te interesa modificar el color de fondo; elige el color negro.

42 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

La paleta Color tiene en la parte superior derecha un desplegable, en el que puedes


cambiar el modo de color: RGB es utilizado para la web o para cualquier trabajo que no
vaya a imprenta (aunque sí para imprenta digital); CMYK es exclusivo para imprenta. En
tu caso, elige el modo de color RGB (el ebook no va a imprenta).

V - - 44

1Irm o ¡ v Color M

Z 2 T ............ caí.
.. ..... 100 %

*** fNegrol
j¡ ¡ f O0« M»C1, ¥*0» K»1Ú0

1 /1 ......... a c
................... ................................................
Figura 22. Paleta Color

Una vez que cuentas con el cuadrado regular de color negro, selecciona la herra­
mienta texto y dibuja una caja de texto. Hecho esto y cuando el cursor comience a
parpadear, a través del menú Texto / Insertar carácter especial / marcadores, elige
"número de página actual". Como ves, aparece la letra "A". En las páginas maestras, la
numeración se indica con una letra; que en las páginas del ebook se sustituirá automá­
ticamente por la página que corresponda. Con la herramienta texto elegida, selecciona
la letra "A" y cámbiale la tipografía desde el menú Texto/ fuente. Puedes elegir "Aria!
Black" con un tamaño (menú Texto/ tamaño) de 8 puntos. Finalmente, guarda el estilo
de la numeración como estilo de carácter (porque solo afectará a un carácter y no a un
párrafo).

Ya tienes, por un lado, el cuadrado regular de color negro y, por otro lado, la letra
"A" que equivale a la numeración de las páginas. Elige la caja de texto (que lleva la
letra) y colócala dentro del cuadrado que has dibujado lo más centrada posible. Así, la
numeración está creada. Para poder distribuirla por todas las páginas maestras, agrupa
la figura y la caja de texto; de este modo, actuarán como un conjunto y podrás moverlo
a tu antojo: selecciona ambos elementos y ve al menú Objeto / agrupar. Para selec­
cionar dos objetos a la vez, primero selecciona uno y con la tecla mayúsculas pulsada
selecciona el otro (y así sucesivamente en el caso de que sean varios).

Mueve el objeto en su conjunto y lo colocas en la parte inferior centrada de cada


una de las páginas maqueta: puedes duplicar el elemento seleccionándolo a la vez que
pulsas la tecla Alt y lo arrastras.

© Alfaomega - RC Libros 43
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Otra opción para duplicarlo es seleccionar el elemento, ir al menú Edición/ copiar,


situarte en el lugar donde lo quieres duplicar y volver al menú Edición/ pegar.

Cuando finalices, quedará más o menos así:

Figura 23. Página maqueta

Página maqueta A: la portada


El libro va a constar, además de las páginas interiores que llevan el texto general y
las imágenes, de otras páginas importantes como la portada, la dedicatoria, la página
de derechos legales o el índice. Harás una página maqueta para cada una de ellas.

Recuerda que, cuando creas un nuevo documento, la página maestra que sale por
defecto es la A; y solamente cuenta con la página de la derecha, que es la impar.

En explicaciones anteriores, la habías reservado para la portada. Haz doble clic en la


miniatura de la página maqueta A para visualizarla en pantalla.

En la portada del libro coloca el texto correspondiente al título, el texto correspon­


diente al nombre del autor y, si lo deseas, una imagen.

44 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Un ejemplo de cómo quedaría una portada:

El .Arte de la Guerra
M n i J im m ío s snuW U ittflador

f£iW»£<HW«ÁtOVIUACAMPA

Figura 24. Ejemplo de una portada

Si conoces el manejo de aplicaciones como Adobe lllustrator o Adobe Photoshop,


habrás diseñado un título más creativo. Si no es el caso, escribe el texto directamente
en Indesign y le aplicas un estilo. Vamos paso por paso: te explicaré ambas opciones.

- Si no cuentas con el título diseñado en otra aplicación, dibuja una caja de texto y
cuando el cursor comience a parpadear, escribe el título del libro. Yo he escrito "El arte
de la guerra para juegos multijugador". Selecciona el texto (herramienta de selección)
y le aplicas una tipografía que te guste y un tamaño adecuado para un título de una
portada. Acuérdate de guardar el estilo en la paleta Estilos de Párrafo. Ponle un nom­
bre; por ejemplo, "título_portada". Para que el título quede centrado, te recomiendo
que, con la herramienta de selección, escojas la caja de texto y con los manejadores la

© Alfaomega - RC Libros 45
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

amplíes de tamaño hasta cubrir todo el ancho de la página. Una vez hecho esto, selec­
ciona de nuevo el texto, y en la barra que hay en la parte superior de Indesign (debajo
de la barra de menús), pulsa un botón que viene con el nombre "centrado". De este
modo, el título quedará centrado en la portada (en cuanto a anchura). Con respecto a
la altura, colócalo donde mejor te convenga y te guste.

- Ahora bien, si tienes un título diseñado con otra aplicación, ten en cuenta que
funciona como una imagen. Mi consejo es que la tengas guardada en formato JPG. Aún
no he explicado cómo importar imágenes para colocarlas en el documento Indesign,
pero es muy sencillo. En la barra de herramientas, existe una que se llama marco rec­
tangular. Pulsa en ella y dibuja un cuadro de imagen (al igual que los cuadros de texto)
en el lugar de la página maqueta A que desees poner la imagen del título. Debes tener
en cuenta que el cuadro de imagen tiene que tener unas dimensiones de acuerdo a la
imagen que vas a importar; no necesariamente tienen que ser las mismas porque exis­
te la forma de encajar la imagen en el cuadro. Una vez dibujado el cuadro de imagen,
selecciónalo. Vete al menú Archivo / colocar. En el cuadro de diálogo simplemente
busca la imagen y acepta. Lo normal es que la imagen no coincida en dimensiones
con el cuadro. Para solucionar este problema existe una opción en el menú O bjeto/
encaje. Como ves, tienes varias alternativas. Generalmente se eligen: "llenar marco
proporcionalmente" o "encajar contenido proporcionalmente". Pero te aconsejo que
vayas probándolas y te quedes con la que mejor se adapte a tu diseño. Por cierto,
debes tener seleccionado el cuadro de imagen para poder aplicarle cualquier encaje.

Continuando con la portada, dibuja otro cuadro de texto y escribe el nombre del
autor. En mi ejemplo he escrito "Felipe González Villacampa". Aplícale la tipografía y
tamaño que quieras y, finalmente, guarda como un estilo en Estilos de Párrafo con el
nombre "nombre_autorJ'.

Por último, y para terminar con la portada, puedes colocarle una imagen. El proceso
es el mismo que expliqué para colocar la imagen del título de la portada.

Página maqueta C: la dedicatoria


Si te fijas en la paleta Páginas, ya tienes la maqueta A (portada) y la maqueta B
(texto general). Ahora tienes que crear la página maqueta C, que irá destinada a poner
una dedicatoria. Recuerda que para crearla debes ir al desplegable de la paleta y elegir
"nueva página maestra". Como en el caso de la página maestra B, puedes ver una pági­
na maestra C derecha (es la par), donde colocarás la dedicatoria y una página maestra
C izquierda (es la impar), que la dejarás en blanco. Haz doble clic en la miniatura de la
página maqueta C de la derecha. Cuando la visualices en pantalla, dibuja una caja de
texto con la herramienta texto y escribe la dedicatoria. Mueve el texto hacia el lugar de
la página que te guste.

46 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Página maqueta D: derechos legales e índice


En la paleta Páginas, abre el desplegable y selecciona "nueva página maestra". Apa­
rece un pliego denominado página maestra D. En la página maqueta D de ia izquierda
(la impar) colocarás los derechos legales; en la página maestra D de la derecha (la par),
el índice. En la página de los derechos legales, simplemente escribes el texto en una
caja de texto, le aplicas el estilo y lo guardas en la paleta Estilos de Párrafo. Arrastra la
caja de texto y ubícala donde quieras.

El índice lo vamos a dejar para explicaciones posteriores.

Recapitulamos:

- En la página maqueta A has colocado la portada. Recuerda que es la página impar.

- En la página maqueta B has colocado todos los elementos que compondrán el


interior del ebook.

- En la página maqueta C p a r has puesto la dedicatoria; la página maqueta Cim par


la has dejado en blanco.

- En la página maqueta D impar has puesto los derechos legales; la página maque­
ta D par la has reservado para el índice.

Configuración: para: | Objeto Sombra


r— F u s í o
Transparencia

5
( $ Sombra paralela

i i Sombra interna

M Resplandor externo
r~ POSÍC
. Resplandor interno
| Dlsti
Q iis e la r y grabar

{ j Satinar ! Án
j _. D esvanedm tottil básico
Desvanecimiento direcaonaí
Figura 25. Efectos

© Alfaomega - RC Libros 47
EBOOKS: CREACION Y DISEÑO DE LIBROS ELECTRONICOS

EL AREA DE PAGINAS
Una vez que ya tienes la maqueta preparada, es hora de pasar al área de páginas.
Recuerda que la paleta Páginas se divide en dos zonas: en la zona superior está el área
de páginas maestras y en la inferior tienes otra área en la que irás colocando las pági­
nas maqueta que correspondan para el diseño final de tu ebook.

El área de páginas se crea a partir de las páginas maestras.

Para colocar las páginas maestras en el área de páginas, selecciona la miniatura de


página maestra que desees y arrástrala hasta el punto del área inferior de la paleta que
quieras.
AS V

141

142

143
mu
Í44pi&mm144fá© |j j 0

Figura 26. Área de páginas

Para seleccionar el pliego, que consta de dos páginas (par e impar), hazlo pulsando
la tecla mayúsculas al mismo tiempo que haces clic en las miniaturas de las páginas del
pliego. Luego, las arrastras hasta el sitio deseado.

Ha llegado el momento de recordar la estructura que habías planeado para tu ebo­


ok en la primera parte de este libro. En primer lugar, pondrás la portada. Es la maqueta

48 © Alfaomega - RC Libros
CAPITULO 2: DISEÑO Y MAQUETACIÓN

A, y en el área de páginas ya aparece por defecto. Entonces, salta al siguiente paso. Se­
lecciona el pliego de la maqueta C y arrástralo hasta el área inferior de la paleta, justo
debajo de la página de portada.

Ahora selecciona el pliego de la maqueta D y arrástralo de nuevo; colócalo debajo


de las páginas anteriores.

Finalmente, arrastra el pliego de la maqueta B. La maqueta B es la que correspon­


derá a las páginas que compondrán el texto general del ebook. Por tanto, todas las
páginas que arrastrarás hasta el final serán las del pliego de la maqueta B.

Quedará de la siguiente forma:

2 3

D li D
4 S

B B
6 7

etc...
Figura 27. Estructura
ebook

© Alfaomega - RC Libros 49
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Desbloquear las cajas de texto


Vas a trabajar en la parte inferior de la paleta Páginas. Colócate en la página impar
B-7. Intenta seleccionar la caja de texto, pero no es posible porque está bloqueada. El
motivo es que procede de una página maqueta y solo en esta se puede editar.

Entonces, para hacer la selección, pulsa las teclas comando (tecla control, en PC)
y mayúsculas al mismo tiempo que seleccionas la caja de texto. Así, la habrás desblo­
queado.

Para cualquier elemento que quieras desbloquear (que proceda de las páginas ma­
queta), pulsa comando (control en PC) + mayúsculas.

Se trata de que hagas la misma operación en las páginas siguientes para desblo­
quear todas las cajas de texto.

Colocación del texto


Antes de comenzar a colocar el texto, comprueba que las cajas están desbloquea­
das. Si has escrito algún "texto cualquiera" cuando hiciste la maqueta, debes borrarlo.
¡Ojo! No borrarlo en la maqueta, sino en el área de páginas. Conservarás el estilo de
párrafo "texto_general" que habías aplicado.

NOTA: Todo lo que modifiques en las páginas maqueta modificará el área de pági­
nas, pero los cambios que realices en el área de páginas, no afectará a las maquetas.

Colócate dentro de la caja de texto y cuando el cursor comience a parpadear, ve al


menú Archivo /co locar. En el cuadro de diálogo, simplemente tienes que buscar el
documento de texto que previamente has escrito y guardado en tu carpeta de trabajo.
Selecciónalo y pulsa "abrir".

Ya tienes el texto colocado en su sitio. Si te fijas, ocupa más espacio del que posee la
caja de texto. Por lo tanto, debes repartir dicho texto por todas las cajas de las páginas
siguientes. Para ello, vincularás las cajas de texto. De esta manera, aunque las cajas per­
tenezcan a páginas diferentes, funcionarán como una sola caja y el texto se repartirá.

Fíjate en un cuadradillo rojo que está colocado en la parte derecha de la caja (un
poco hacia abajo). Este cuadradillo te indica que el texto sobrepasa de la caja y no se
está viendo.

Con la herramienta de selección haz clic sobre el cuadradillo rojo y aparece un sím­
bolo (unas pequeñas líneas de texto). Inmediatamente haz clic en el cuadradillo blanco

50 © Alfaomega - RC Libros
CAPITULO 2: DISEÑO Y MAQUETACION

de la caja de texto de la siguiente página. ¡Atención! El cuadradillo de la siguiente


página está ubicado en la parte izquierda hacia arriba. Ahora comprueba que, efectiva­
mente, el texto sobrante de la primera caja se ha distribuido de forma correcta a través
de la segunda caja.
A rc fjiv o | Edición M aquetación Texto O bjeto Tal
N uevo ►
Abrir... . CTRL* O
Explorar en Bridge... A lt*C T R L * O
; Ábfif recientes ►

Cerrar CTRL+W
Guardar CTRL*5
Guardar com o,., M a yú s* CTRL-s-S
; Registrar,,,
r €kia«Jar «rp;: copa,*,
i tl f ef K

lolocar... CTRL* O
Im p o rta r XML...
Figura 28. Menú Archivo / colocar

Realiza la misma operación tantas veces como sea necesaria hasta que el texto que­
de completamente visible. No debe quedar ningún cuadradillo rojo. Si el documento es
extenso, al colocar el texto desde el menú Archivo, pulsa la tecla mayúsculas. De esta
forma, el texto se distribuirá automáticamente por todas las páginas.

NOTA: Para desvincular, haz clic en la casilla y pulsando Alt arrastra hasta la caja
anterior (operación contraria a la anterior).

El paso siguiente es abrir el menú Ventana y elegir la paleta Párrafo. Hay una casilla
que pone "alinear con la cuadrícula base" (abajo a la derecha).

Cuando la hayas localizado, selecciona todo el texto que has colocado y luego activa
esta casilla. Lo que has conseguido es que el texto quede alineado sobre esa cuadrícula
base que nos sirve de guía para colocar los elementos. Es una cuestión de estética.

Para concluir, como ya tienes el texto seleccionado, aplícale el estilo que has llama­
do "texto_ general" desde la paleta Estilos de Párrafo. Comprueba que el texto final­
mente tiene bien aplicado el estilo "texto_general".

© Alfaomega - RC Libros 51
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Es importante que, como paso siguiente, arregles un poco la presentación del texto;
es decir, para empezar, añade espacios entre los párrafos.

A los textos de los títulos y los capítulos tienes que aplicarles otros estilos. El pro­
ceder es siempre el mismo. Selecciona el título, le aplicas una tipografía y un tamaño.
Lo guardas como estilo en la paleta Estilos de Párrafo. Y así, con los capítulos o las
secciones...

r* v0«¡ r o s * # a* ín e « j* x te ¡# $ i
- r -------- — —
í j «ipsciojritwyo
f \ A p lic a c io n e s

™ -V - . .
* s s r a i íf t jip i
| Nttevoestü. .párrafo.jp§
| ; M fc u te n
^ ■:
► 1; p a l e t a ^ © ! » # !
■5 M & skM '

*- * portad»#®
r» ‘ •'Osi' »v<» : : WiftCIÜSjPi

Figura 29. Cuadro de diálogo "colocar"

Los estilos deben estar aplicados correctamente. Es muy importante, así que reví­
salos siempre. Los estilos sirven para aplicar todos los atributos a un elemento en un
solo paso. Esto es porque, en la mayoría de los casos de maquetación, sabes de ante­
mano qué valores quieres asignar a cada parámetro.

Un consejo: No uses demasiadas tipografías diferentes. Lo habitual es dos o tres.


No pongas muchos títulos, subtítulos, secciones, etc.; sino cuando tengas que hacer el
índice será más complicado.

Te muestro un ejemplo:
Para el capítulo: Arial Black 24 puntos
Para la sección: Aña! Black 16 puntos
Para el subtítulo: Arial bold 14 puntos
Para el texto general: Arial normal 12 puntos

52 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

La estructura sencilla es:

Capítulo 1: título 1
Subtítulo 1.1
Subtítulo 1.2
etc.
Capítulo 2: título 2
Subtítulo 2.1
Subtítulo 2.2
etc.
Y así sucesivamente...

¡Atención! Ten a mano la paleta Estilos de Párrafo porque debes guardar tanto el
estilo aplicado a los capítulos como el aplicado a los subtítulos. Es muy importante que
realices correctamente este paso porque es esencial para la realización del índice.

NOTA: El comienzo de un capítulo nuevo se tiene que colocar siempre en página


impar. Si no coincide con página impar, deja en blanco la página par y comienza el ca­
pítulo en la siguiente (impar).

Colocación de las imágenes


Hemos visto en explicaciones anteriores cómo se coloca una imagen; por tanto, solo
voy a hacer un breve repaso. Selecciona la herramienta marco rectangular y dibuja un
cuadro con las dimensiones aproximadas a la imagen que vas a colocar. Con el cuadro
seleccionado, ve al menú Archivo / colocar. En el cuadro de diálogo busca la imagen,
selecciónala y acepta. Desde el menú Objeto/ encaje (siempre con el cuadro de ima­
gen seleccionado) prueba la opción que más se adapte a tu diseño. Es importante
anclar la imagen al texto, sobre todo para la exportación a EPUB. Hazlo pulsando sobre
el cuadradito azul del cuadro de imagen y arrastrándolo hasta el final del párrafo donde
vayas a colocarlo. Incluso, puedes colocar una imagen copiándola o cortándola desde
otra aplicación y pegándola en tu documento Indesign.

Como ves, hasta aquí, no he contado nada nuevo. A partir de ahora empiezan los
cambios.

Ya tienes la imagen colocada en tu página pero, resulta que quieres que el texto
rodee la imagen. Pues bien, accede al menú Ventana y elige la paleta Ceñir texto.

Entre las alternativas que ves, selecciona la segunda opción: "ceñir alrededor de
cuadro delimitador".

© Alfaomega - RC Libros 53
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Para finalizar, ubica el cuadro de imagen (con esta dentro) en el lugar de la página
que más te guste.

Como puedes comprobar, al mover el cuadro, el texto se adapta y rodea la imagen.

Volviendo a la paleta Ceñir texto, hay una serie de botones con los que puedes
modificar los valores que indican el espacio que va desde el texto hasta la imagen. En
ocasiones, texto e imagen pueden quedar demasiado pegados; esto estropea un poco
el aspecto de la página. Por ello, modificando esos valores seguro que encuentras al­
guno que se adecúe. Haz pruebas. Incluso, otras veces no hace falta tocar esos valores
(se dejan a 0).

Bloquear

?Desbloquear todc en pliego i


| Ocultar CTftl+3
Mostrar todo en pliego Alt* CTRL* 3

Insertar HTM L..

Opciones de marco de texto... CTRU B


Objeto anclado ►

Encaje ►

Contenido ►
Figura 30. Menú Objeto

Hojas de Estilo: paleta Estilos de Objeto


Una vez tengas colocada la imagen y bien contorneada (paleta Ceñir texto), debes
guardar este estilo en la paleta Estilos de Objeto. Funciona exactamente igual que los
estilos de párrafo y los estilos de carácter.

Como tienes guardado el estilo de objeto (recuerda siempre qué nombre le has
puesto), podrás usarlo en otras imágenes u objetos.

54 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Este paso no es obligatorio. Quizá no quieras que todas las imágenes tengan el mis­
mo contorneo; entonces, aplícales este atributo por separado.

[• ’
v Estilos de objeto
{Marco gráfico básico!

pteguimf A
{Marco gráfico básico! □

lifef® d« «seso básico!; íf l

taapt»

—f d t> .J * 'j j %

Figura 31. Paleta Estilos de Objeto

Convertir un texto en objeto


Si tienes un texto, puedes convertirlo en un objeto y funcionará como tal. Es muy
sencillo: selecciona el texto y a través del menú Texto elige "crear contornos". Enton­
ces, ese texto pasará a ser un objeto, como un rectángulo por ejemplo.

Efectos
Puedes aplicar efectos a los objetos y a los textos. Muestra la paleta Efectos a través
del menú Ventana. Primero tendrás que seleccionar el objeto al que vas a aplicarle
un efecto. La paleta Efectos cuenta con un desplegable en la parte de arriba derecha.
Pulsa en la opción "efectos" y se abre un cuadro de diálogo "opciones de los efectos".

© Alfaomega - RC Libros 55
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Es importante que tengas activada la casilla "previsualización" para ir comprobando


los cambios que estás realizando en el objeto. Activa la casilla o casillas de efectos que
quieras (transparencias, sombras, resplandor, biselado, etc.) y ve haciendo pruebas.

Si observas la paleta Efectos, podrás ver un desplegable que por defecto pone "nor­
mal". Son también una especie de efectos, pero funcionan como los efectos de capa en
Adobe Photoshop. Al lado hay un atributo denominado "opacidad", que es la transpa­
rencia que quieras aplicarle al objeto y se mide en porcentaje.

ó Efectos

| Normal í | Opacidad: 100* j ►j

▼ Oblelo' Normal 1.00% .


Trazo: Normal i 00*

Re! leño; Normal 100*


Texto: Normal 1 0 0 *

Q Aislar fasiért ; Q Grupo de cobertura

..........¿3 A . % '

Figura 32. Paleta Efectos

Repaso del texto


Colócate en la primera página del texto general y comienza a leerlo, con el fin de
hacer un repaso a la redacción y al estilo.

Ten en cuenta estos puntos:

- Evita huérfanas y viudas. Con ello me refiero a que no debes dejar una palabra
sola en la última línea de un párrafo o en la última o primera línea de una página.

- Evita más de tres guiones consecutivos. Es habitual (y normal) que las palabras
se corten al final del renglón. Entonces, aparece un guión y la palabra continúa en el
siguiente renglón. Procura que no haya más de tres renglones seguidos con guión.

56 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

- Evita dejar una línea de párrafo aislada, tanto al comienzo como al final de una
página.

Estos son unos consejos para solucionar los inconvenientes expuestos:

- Cuando tengas guiones en más de tres renglones seguidos, baja una de las pala­
bras cortadas al renglón siguiente.

- Para que no quede una línea aislada al principio o al final de una página: si la línea
aislada está al principio de la página, coge el resto del párrafo que está en la línea ante­
rior y bájalo hasta esta página. Si la línea aislada está al final de la página, simplemente
apreta la tecla enter trasladando la línea a la página siguiente.

- Aprovecha a introducir retornos de carro (con la tecla enter) por el medio de los
párrafos según te parezca, respetando un poco la armonía en el diseño. De este modo,
arreglarás algún desajuste del texto.

NOTA: Coloca las imágenes del ebook al final del proyecto, cuando ya tengas todo el
texto ubicado y bien repasado. En caso contrario, cuando realices una modificación en
el texto, también afectará a las imágenes.

Ortografía
Es importante que hagas un repaso a la ortografía del texto. A veces, escribimos
palabras mal que, sin embargo, conocemos cómo se escriben. Adobe Indesign cuenta
con una opción para hacerlo.

Ve al menú Edición y en el desplegable encuentras "ortografía". Si pulsas, aparecen


cuatro opciones, de las cuales interesa la primera: "revisar ortografía".

El cuadro de diálogo funciona de la siguiente forma: la primera casilla te muestra la


palabra que Indesign no reconoce.

Si no deseas cambiarla por otra, apretas "omitir".

Si, por el contrario, deseas cambiarla por otra, escríbela en la casilla "cambiar a”
(debajo tienes sugerencias) y pulsa "añadir".

Cuando hayas finalizado, haz clic en "hecho”.

© Alfaomega - RC Libros 57
EBOOKS: CREACION Y DISEÑO DE LIBROS ELECTRONICOS

No está en el diccionario: Hecho


RCÜbfOS
Omitir
Cambiar a:
Cambiar
RCUbros

Sugerencias: Ignorar todo


M»Ss>s
Safcfss I ambiar todo
tetas*»
«site Diccionario.,.
teitte
n<:. ji
totels
i

Añadir a :! Diccionario del usuario Añadir


O Distinguir mayúsculas y minúsculas
Idioma: Español
Buscar. 1 Documento í I

Figura 33. Revisar ortografía

OTRAS OPCIONES PARA LOS ESTILOS DE PARRAFO

Crear estilos anidados


Los estilos anidados son muy útiles en textos repetitivos. Voy a explicarlo mediante
un ejemplo práctico, en el cual crearás dos estilos de carácter y en un texto harás que
uno de los estilos empiece donde acaba el otro. Puedes aplicar un estilo de carácter a
la primera palabra de una línea y otro estilo a todo lo demás, indicándole que llegue
hasta el símbolo : (los dos puntos).

Veamos pues cómo se genera un estilo anidado con este ejemplo creado con un
texto inventado. Muestra la paleta Carácter para crear varios estilos. Abre el desple-
gable y selecciona "nuevo estilo de carácter", asígnale el nombre "estiloOl" y ponle los
atributos que quieras. Haz la misma operación pero con el “esti!o02”.

58 © Alfaomega - RC Libros
CAPITULO 2: DISEÑO Y MAQUETACION

Un vez que tengas creados los dos estilos de carácter, deja de lado esta paleta y
abre la paleta Estilos de Párrafo; la operación "estilos anidados" se realiza desde esta.

NOTA: Antes de aplicar estilos al texto, fíjate que tengas asignado en todo este texto
el estilo de carácter "ninguno".

En la paleta Estilos de Párrafo y basándote en un estilo que tengas creado (o bien,


crea uno nuevo para este fin), abre el desplegable y selecciona "opciones de estilo
de párrafo". Opta por la pestaña "capitulares y estilos anidados". Haz clic en el botón
"nuevo estilo anidado". En el recuadro aparecen tres opciones. En la primera, seleccio­
na el estilo de carácter que va a aparecer en primer lugar; en este caso, "estiioOl". En
la segunda opción elige "hasta (inclusive) 1" y en la tercera opción debes elegir una de
las alternativas. Parece ser que los dos puntos (decidimos que el estiioOl llegue hasta
el símbolo :) no están incluidos entre estas alternativas, con lo cual tendrás que escri­
birlos a mano.

El siguiente paso es apuntar que, a partir de los dos puntos, se aplicará el estilo02.
Para ello, haz clic en el botón "nuevo estilo de línea". Vuelven a aparecer tres opciones
en el recuadro. En la primera opción has de elegir el "estilo02"; en la segunda opción
optarás por "para 2", que se refiere a que el estilo02 se aplicará a las dos líneas siguien­
tes a los dos puntos (en este caso, podría haber puesto "para 1"). Finalmente, pulsa ok.

__ Op(i«w de«vtdode surta!o


Nonbn d#«stfe:
t'mwmm *# mmm
(wmm m mmmmmmmém y |¡N>* *nf«j||sdo|

u¡*mt*
f M m m #ttaífc
úm m m 4*
10 1o (Nifyjvnoj

iMM (Sf Al»ne*r bo*d* ;<tqu*rdo itváat im i


hm m um
B íito i irsiáiáQ i
hax* {¡«kUiíív«> I
ísíísCaSK*

Úmmm 4* *t
£'&**•>(ÁMUt* *.**&&&» Nuevo e»£<io »í4éáo
Figura 34. Capitulares y estilos anidados

© Alfaomega - RC Libros 59
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

El resultado es el siguiente:

LUNES : Vamos a comer con mis padres


MARTES : Vamos a la playa
MIÉRCOLES : Vamos a la compra
JUEVES : Vamos a clases de yoga
VIERNES : Vamos a tomar un café por ahí
SÁBADO : Vamos a la fiesta de Zac
DOMINGO: Descanso

Viñetas y numeración
Las viñetas y la numeración se utilizan para crear listas. Desde las opciones de esti­
los de párrafo, en la pestaña "numeración y viñetas", selecciona el tipo y símbolo que
desees.

Las listas pueden ser ordenadas o desordenadas. Las primeras se indican con nume­
ración y las segundas se indican con viñetas. En cuanto a la numeración, podrás elegir
entre diversos formatos. Las viñetas también cuentan con diferentes símbolos.

Las tabulaciones
Sigamos trabajando con ejemplos prácticos. En primer lugar, dibuja una caja de tex­
to con las dimensiones que quieras. Pon el caso de 155 mm de ancho y 45 mm de alto.
Mantón la caja seleccionada y ve al menú Texto / tabulaciones.

Tabulaciones i ~~~~~
XI i Carácter Alinear en:
*
0 20 20 X |40 SO m
, «1, u ...

Figura 35. Tabulaciones

La barra de tabulaciones tiene que ajustarse automáticamente a la parte superior


de la caja que has dibujado. Si no fuera así, comprueba que en la paleta de Tabulacio­
nes esté activada la casilla "situar panel sobre caja de texto".

Puede suceder que en la barra de tabulación haya colocado algún tabulador; en


este caso, debes pulsar sobre "borrar todo" a través del desplegable de la paleta.

60 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Bien, pues empieza a generar los tabuladores de la siguiente forma:

- En la casilla X escribe el valor "0" usando un fabulador izquierdo (flecha que indica
hacia la izquierda). Pulsa la tecla enter. El primer fabulador queda creado.

- Crea un segundo fabulador escribiendo 40 mm en la casilla X y usando un fabu­


lador izquierdo. La diferencia es que, en la casilla "carácter", tendrás que escribir un
punto; de esta forma, entre los tabuladores se generará una línea de puntos. Pulsa la
tecla enter.

- Crea un tercer fabulador escribiendo 130 mm en la casilla X. Elige la casilla "tabu­


lación decimal u otro carácter" (flecha que está más a la derecha), escribe un punto en
la opción “carácter". Además, pon dos puntos (:) en "alinear en" con el fin de que la
alineación última se realice a través de estos dos puntos.

NOTA: Si algún tabulador no te funciona bien, en la paleta Tabulación verás una


regla: puedes colocarlos manualmente. Si pulsas en la regla, aparecerá una flecha indi­
cando que es una tabulación.

- Por último, tendrás que insertar el texto correspondiente. Coloca el cursor al prin­
cipio de la caja de texto y escribe la primera palabra. Luego pulsa la tecla tabulador.
Escribe la segunda palabra y pulsa tabulador. Escribe la tercera y para pasar de línea
pulsa enter.

T4j>*¡joo<*s
cvkttt

;p....» a w 44 té m té M «8 Lié fié m SI] **


-.t...

:o; l csn't h®lp ¡sys«lf 3:03


03 You belong to « ,,. 3*A $
S4 aliv#...... 2:55
2:45
p§ Thu&der., 3:45
bi to mt, 3:35

Figura 36. Ejemplo de tabulaciones

© Alfaomega - RC Libros 61
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

MEJORAS EN EL DISEÑO
Todas las explicaciones anteriores te han dado los conocimientos para poder dise­
ñar y maquetar tu propio ebook. Este capítulo simplemente añade cuestiones intere­
santes para mejorar el diseño de tu trabajo final.

Capitulares
Las capitulares suelen ponerse al principio de los capítulos. Sirven solamente como
elemento decorativo. Se aplican a la primera letra del primer párrafo del capítulo y
ocuparán las líneas que el diseñador considere.

Para crear una capitular, has de empezar por la paleta Estilos de Carácter. Abre el
desplegable y selecciona "nuevo estilo de carácter" y asígnale el nombre "capitular".
Vas a crear el estilo de la capitular. Tendrás que elegir una fuente tipográfica y un tama­
ño; en este caso opta por “Arial normal 12 puntos" que es la fuente que utilizamos en
“texto_general". Además, elige un color para este estilo "capitular" (así, el carácter de
la capitular tendrá ese color).

Una vez que hayas creado el estilo de carácter de la capitular vas a modificar el
estilo "texto_general" en la paleta Estilos de Párrafo para añadir la capitular. Hazlo de
la siguiente forma: selecciona con el botón derecho del ratón el estilo de párrafo "tex-
to_general" y elige "editar estilo". Como ves, aparece el cuadro de diálogo "opciones
de estilo de párrafo"; en el cual selecciona la pestaña "capitulares y estilos anidados".
Procede a rellenar los datos: en "líneas" elige el número de líneas que ocupará la ca­
pitular, en "caracteres" elige el número de caracteres que convertirás en capitulares
(generalmente es solo uno) y en "estilo de carácter" selecciona el estilo "capitular" que
anteriormente habías creado.

Nota a pie de imagen


En ocasiones, querrás añadirle a una imagen una nota aclaratoria explicándole al
lector de qué trata esa ilustración.

Pues bien, habiendo seleccionado previamente la caja de imagen (con la imagen ya


colocada) ve al menú Objeto/pie de ilustración / generar pie de ilustración estático.

Como ves, debajo de la imagen aparece un pie con un texto que debes modificar.
Selecciona dicho texto, lo borras y escribe la aclaración que quieras.

62 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Es importante que apliques al texto del pie de imagen una tipografía legible y un
tamaño pequeño (como 6 puntos, dependiendo de la tipografía elegida). Y lo guardas
como estilo en la paleta Estilos de Párrafo, con el nombre de “pie_imagen".

Cuando repitas la operación en otras imágenes recuerda aplicar al texto aclaratorio


el estilo que acabas de guardar. Simplemente selecciona dicho texto y a través de la
paleta Estilos de Párrafo selecciona “piejm agen".

Nota a pie de página


A veces tendrás que escribir aclaraciones o definiciones sobre alguna palabra o ex­
presión del texto. Son las notas al pie de página, que se colocan al final de la página
correspondiente.

Puede ser que en tu texto no tengas que colocar ninguna; si este es el caso, sáltate
este paso. Las notas al pie de página dependen del tipo de publicación.

El ebook de “El arte de la guerra para juegos mutijugador■" no cuenta con estas
notas. En cualquier caso, te describo cómo proceder en el caso de que sí las incluyas.

Selecciona la palabra o grupo de palabras que necesitan aclaración. Ve al menú


Texto / insertar nota al pie de página. Automáticamente aparece un texto al final de la
página, el cual debes modificar para escribir la nota correspondiente.

Repito lo mismo que en la explicación de las notas al pie de imagen: aplica al texto
de pie de página una tipografía legible y un tamaño pequeño. Lo guardas como estilo
en la paleta Estilos de Párrafo.

Tablas
Las tablas son un método de organizar datos. Si quieres darle un estilo diferente
al libro, puedes introducir una tabla. Dependerá del tipo de texto (normalmente el
texto es el que pide la tabla). Una tabla está formada por columnas, filas y celdas. La
celda actúa como un marco de texto. Para crear una tabla, primero elige la herramien­
ta texto y dibuja la caja contenedora donde colocarás la tabla. Espera a que el cursor
comience a parpadear dentro de la caja, y entonces procede a insertar la tabla. Adobe
Indesign tiene un menú denominado Tabla. Selecciónalo y elige "insertar tabla". Cubre
las opciones del cuadro de diálogo. Te preguntará por el número de filas y el número
de columnas. El valor que pongas dependerá de los datos que necesites introducir en
la tabla.

© Alfaomega - RC Libros 63
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Ejemplo: 4 filas y 2 columnas. La tabla queda así:

Una vez que hayas creado la tabla, debes cubrir las celdas con el texto o las imá­
genes. Dentro de las celdas puedes insertar imágenes. Es tan simple como copiar la
imagen y luego pegarla dentro de la celda (menú Edición/ copiar o pegar). Para pasar
de una celda a otra, mueve el cursor con las
a ; Ver Ventana Ayuda B *49,5%
flechas del teclado.
Insertar tabla,.,
Si necesitas modificar el tamaño de la Convertir texto a tabla...
celda, solo tienes que mover la flechita que Convertir tabla a texto...
aparece encima de la línea de la celda, arras­
O pcion es de tabla ►
trándola para aumentar o disminuir la celda.
O pcion es de celda ►

Desde el menú Tabla puedes insertar o Insertar ►


eliminar filas o columnas. Para insertar, coló­
Elim inar ►
cate primero en el lugar de la tabla donde de­
Seleccionar ►
seas realizar la inserción. Para eliminar, selec­
ciona la fila o columna (arrastrando el cursor C om binar celdas
a través de la fila o columna) y desde el menú Separar celdas
Tabla / eliminar fila o columna.
Dividir celda hcrizontaím ente
Dividir celda verticalm ente
Puedes hacer uso de las opciones de
"combinar celdas" o "separar celdas". Segui­ C o nvertir filas ►

mos en el menú Tabla. Es interesante porque Distribuí! filas uniform em ente


podrás diseñar tablas muy variadas. Debes
Distribuir colum nas uniform em ente
seleccionar las celdas que quieres combinar
o separar y posteriormente pulsar en la op­ jr afila*.
ción correspondiente. Editar encabezado
Editar pie de página
Por último, debes conocer que existen
los estilos de tabla y los estilos de celda, con Figura 37. Menú Tabla
sus correspondientes paletas: desde el menú
Ventana accedes a Estilos de Tabla o Estilos de Celda. Funcionan igual que los estilos
de carácter, párrafo u objeto. Recuerda que para aplicar los estilos, el elemento (tabla
o celda) debe estar previamente seleccionado.

64 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

A través del menú Ventana puedes acceder a la paleta Tabla. En ella puedes editar
algunos atributos de la tabla que has creado.

Referencias cruzadas
Si vas a maquetar un manual es aconsejable que incluyas referencias cruzadas para
que el lector pueda moverse rápidamente de una parte del texto a otra. No necesaria­
mente tiene que ser un manual; tú decides cómo y dónde introducir las referencias.
Sin embargo, hay libros (por ejemplo, una novela) que no suelen llevan referencias
cruzadas.

Imagínate que en tu texto dices "... los lugares más visitados de Asturias". Resulta
que en la página 10 de tu libro nombras esos lugares. Puedes insertar una referencia
que ponga ‘‘más información en la pág.
10" detrás del texto "... los lugares más vi­ y
sitados de Asturias"; de esta forma, el lec­ 0 Hipervmculos
tor pulsará en esta referencia y lo remitirá
Hipervínculos
a la página 10. Veamos, pues, cómo pue­
des llevar a cabo esta operación. URt hstpVJ

Muestra la paleta Hipervínculos a tra­ Referencias cruzadas


vés del menú Ventana / interactivo. Colo­
ca el cursor justo detrás de la palabra o pá­
rrafo en el cual vayas a poner la referencia.
Cuando empiece a parpadear, a través del
desplegable de la paleta Hipervínculos,
elige "insertar referencia cruzada".

En el cuadro de diálogo selecciona "vin­


cular a párrafo" y como destino accede al
desplegable que, si te fijas, están los esti­
los de párrafo que has utilizado y guarda­
do a lo largo de todo el documento y elige
el que corresponda: en el primer cuadro
selecciona el estilo de párrafo que necesi­
tes, por ejemplo "subtítulo"; en el segun­ Figura 38. Paleta Hipervínculos
do cuadro selecciona el destino de la refe­
rencia (donde quieres que el lector sea remitido).

En la opción "formato" elige "número de página" y en "tipo" elige "rectángulo vi­


sible" porque la referencia quedará marcada con un rectángulo. Será más fácil que el
lector se dé cuenta de que eso es una referencia. Ten en cuenta que los datos que te

© Alfaomega - RC Libros 65
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

estoy ofreciendo son para el ejemplo que estoy siguiendo o para uno parecido. Final­
mente acepta.

Si vuelves al lugar donde habías puesto el cursor para insertar la referencia, puedes
observar que se ha añadido un texto: "más información en la pág. 10". Cuando el lector
pulse sobre este texto, será remitido al destino que hayas elegido (en nuestro ejemplo,
a la página 10).

Lo único que tendrás que tener en cuenta es que al exportar tu documento a forma­
to PDF (aún no hemos llegado a la explicación, así que no te apures), en las opciones
tendrás que activar las casillas de marcadores, hipervínculos y elementos interativos.

EL ÍNDICE
El índice es una parte fundamental de cualquier publicación. Quizá sea, además, lo
más enredoso de la maquetación.

Recuerda cuando diseñaste las maquetas, que habías reservado la maqueta D de la


derecha (la página par) para el índice. Vas a crearlo en dicha página maqueta D.

Desde la paleta Páginas haz doble clic en la miniatura de la página maqueta nom­
brada para poder visualizarla en pantalla.

Para la explicación de cómo crear el índice, lo más acertado es que te puntualice


con un ejemplo sencillo los pasos que sigo. Por tanto, desde ahora (y solo en este epí­
grafe) haré la exposición en primera persona. Recuerda una estructura que mostré en
páginas anteriores.

Era algo parecido a esto:

Capítulo 1: título 1
Subtítulo 1.1
Subtítulo 1.2
etc.
Capítulo 2: título 2
Subtítulo 2.1
Subtítulo 2.2

Como ves, cuento con dos estilos diferentes: uno para los capítulos y otro para los
subtítulos. Estos estilos los he guardado en la paleta Estilos de Párrafo a la vez que

66 © Alfaomega - RC Libros
CAPITULO 2: DISEÑO Y MAQUETACIÓN

maquetaba mi libro. Al estilo del capítulo lo llamé "capítulo" y al del subtítulo lo llamé
"subtítulo". De este modo, ya tengo preparado el material y procedo a diseñar el índice.

Visualizo en pantalla la página donde colocaré el índice. Con la herramienta texto


dibujo una caja; me dirijo al menú Maquetación / estilos de tabla de contenido. Selec­
ciono "nuevo". Completo las opciones del cuadro de diálogo.

En "estilo de TDC" escribo el nombre "libro" (puede ser un nombre cualquiera).

Maquetación | Texto Objeto Tabla Ver Ventana Ayuda


Páginas l
Márgenes y columnas...
Guías...
Crear guías..,

Crear diseño alternativo,,,


Diseño flotante

Primera página Mayüs-CTRURe Pag


Página anterior Mayus-rRe Pág
Página siguiente Mayós-Av'Pag
Última página Mayüs+CTRL+ Av Pag
Pliego siguiente Ait+AvPlg
Pliego anterior Alt* Re Pag

Ir a página,,, CTRUJ

Atrás CTIURePág
Adelante CTRl+Av Pag

Opciones de numeración y sección,.,

Tabla de contenido..,
Actualizar tabla-de contenido
Estilos de tabla de contenido...

Figura 39. Menú Maquetación

© Alfaomega - RC Libros 67
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En "estilo" selecciono el estilo que deseo darle al texto del índice. En este caso, es­
cojo "texto_ general" para que se le aplique la tipografía y tamaño del texto que com­
pone el libro. Ten en cuenta que el estilo “texto_general" ha sido previamente guarda­
do en la paleta Estilos de Párrafo, cuando coloqué el texto en el área de páginas.

En "incluir estilos de párrafo" iré seleccionando (en el cuadro de la derecha "otros


estilos") los estilos del capítulo y del subtítulo por orden de prioridad. En la estructura
que he mostrado antes, observo que primero va el capítulo y luego el subtítulo. Enton­
ces, elijo el estilo que llamé “capítulo" y pulso en "añadid'.

En "estilo de entrada" debo elegir un estilo para "capítulo"; elegiré "texto_general".


En "entre entrada y número" selecciono a través del desplegable "tabulación de san­
gría derecha". Esto hace que los números de las páginas queden alineados a la derecha
en el índice. Y en "nivel” pongo "1" (por lo del orden de prioridad).

Ahora tengo que repetir los mismos pasos pero con "subtítulo". (Continúo en el
cuadro de diálogo de "estilos de tabla de contenido"). Me dirijo a “otros estilos" y se­
lecciono el que nombré “subtítulo" y pulso en "añadir".

En "estilo de entrada" elijo “texto general”. En “entre entrada y número" selecciono


a través del desplegable "tabulación de sangría derecha". Y en "nivel”, esta vez, selec­
ciono el "2". Para terminar digo "aceptar" y "ok".

Ya tengo creada la tabla de contenidos, a saber, el índice. Para concluir, me dirijo al


menú Maquetación / tabla de contenido. Cuando pulso en "ok" puedo observar cómo
el cursor se convierte en otro símbolo que no es la flecha habitual (aparece como una
especie de lista). Muevo el cursor hasta la caja de texto donde tengo que colocar el
índice. En la parte superior y dentro de la caja hago un clic con el botón izquierdo del
ratón y automáticamente aparece el índice. Si queremos ir más allá, se pueden modifi­
car los interlineados, los colores, etc.; o incluso editar la tipografía y tamaño del texto
del índice. Pero, para no complicar más el tema, lo dejamos así.

PREPARAR LA PUBLICACIÓN
Ya has llegado al final de la maquetación de tu ebook. Llegado a este punto, tendrás
que preparar el documento con el formato adecuado para su publicación. Te aconsejo
que primero des un repaso a todo.

En el área de páginas, debes colocar una página en blanco al final del libro. Esta
no puede llevar ni numeración ni encabezados; debe estar completamente en blanco.
Para ello, desde el desplegable de la paleta Páginas selecciona “nueva página maes­
tra". ¡Atención! En el cuadro de diálogo escribe "1" en "número de páginas".

68 © Alfaomega - RC Libros
CAPÍTULO 2: DISEÑO Y MAQUETACIÓN

Comprueba que en el área de maquetas se ha añadido la maqueta E, que está en


blanco. Haz doble clic en ella y arrástrala hasta el área de páginas ubicándola al final
del último texto escrito. Procede pues a preparar el documento para la publicación.

NOTA: Antes de continuar, debo hacerte una advertencia. Hemos maquetado el


ebook como si fuese para imprenta. Con ello me refiero a que lo hemos dividido en
pliegos. Si exportas a PDF tal cual, el documento PDF final no aparecerá en pliegos,
sino en páginas individuales. No obstante, si quieres cambiar el documento Indesign a
páginas individuales, accede al menú Archivo / ajustes de documento. Desde ahí, des­
activa la opción "páginas opuestas". Acepta y comprueba que, efectivamente, todas las
páginas se han colocado de forma individual, no en pliegos.

El documento está guardado en formato de Indesign (indd). Para la publicación has


de exportarlo a PDF. A través del menú Archivo / exportar, procede a completar los

gustar documento

Calidad: Imprimir í b

Número de páginas: 146 Páginas opuestas <


Número de página inicial: 1 Marco de texto maestro
Meo
Tamaño de página: IA medida}

Anchura: 4 j 170 mm Orientación: m ü


Altura: y 230 mm

Sangrado y anotaciones

Superior
---- -í Inferior
..... .. Interior Exterior
Sangrado: 0 mm 0 mm 0 mm 0 mm gf?
Anotaciones: 0 mm 0 mm 0 mm 0 mm í$-

Figura 40. Ajustes de documento

datos del cuadro de diálogo: en "guardar como" asígnale un nombre; en "ubicación"


elige la carpeta de trabajo "ebook" y en "formato" abre el desplegable y selecciona
"Adobe PDF (imprimir)".

Aparece un cuadro de diálogo. Las únicas opciones que te interesa editar son las
que corresponden a la pestaña “general”. Comprueba que en "páginas” está seleccio­
nado "todo".

© Alfaomega - RC Libros 69
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En "opciones" activa las casillas “optimizar para vista en web", “crear p df etiqueta­
do" y "ver p df después de exportar".

En “incluir" activa las casillas "marcadores", "hipervínculos" y en "elementos inte­


ractivos" selecciona "incluir apariencia”. Finalmente pulsa en "exportar". Automáti­
camente tu documento queda guardado en formato PDF y se abre para que puedas
ver cómo queda. Esto no es definitivo; a saber, si tienes que volver a guardarlo en
PDF porque has hecho alguna modificación posterior en el documento, haz las mismas
operaciones. Simplemente, la aplicación Indesign te preguntará si deseas reemplazar
el documento PDF; ese documento ya existe. Acepta, para que te lo sustituya por el
nuevo que has modificado. Recuerda que para visualizar el PDF debes tener instalada
la aplicación Adobe Reader.

70 © Alfaomega - RC Libros
DE INDESIGN A E P U B ^

INTRODUCCIÓN A EPUB
A partir de este momento, mi tarea consiste en enseñarte qué es el formato EPUB
y a familiarizarte con él.

El formato EPUB es un formato de exportación de documentos que permite visuali­


zarlos en dispositivos como ¡Book, iPhone o iPad, entre otros.

Es un formato bastante limitado en cuanto al uso de los elementos que nos ayudan
a realizar un diseño de ebook con un aspecto más atractivo. Por ello, se recomienda
acudir al EPUB si la parte más importante del documento es el texto, como en el caso
de un libro o un informe. Si estás pensando en exportar una revista, o un tríptico, des­
de luego que este no es el formato más adecuado. En estos casos, opta por el formato
PDF.

Al exportar a formato PDF, el documento resultante será fiel al original creado en


Indesign; sin embargo, para que la exportación a EPUB dé como resultado un docu­
mento con un diseño correcto, deberás aprender una serie de requisitos que aplicarás
antes de la exportación.

Ventajas del formato EPUB


Está claro que el formato PDF es, sin duda, el más conocido y más utilizado; sin
embargo, en cuanto a libros electrónicos se refiere, este formato juega en desventaja
frente al formato EPUB. El formato EPUB tiene unas características distintas al PDF una
vez introducido en el dispositivo electrónico: cuenta con la posibilidad del cambio de
las fuentes tipográficas y su tamaño, e incluso, al rotar el aparato, el documento se
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

adecúa a este movimiento; podrás introducir vídeos y admite la escritura de notas. Al


crear un documento en Indesign generarás una tabla de contenido (Indesign la genera
automáticamente y tú podrás modificarla) que visualizarás en el formato EPUB y que
va a permitir al lector moverse por el documento de forma rápida y sencilla.

Al mismo tiempo que realizas todas las modificaciones y adaptaciones del docu­
mento Indesign para su posterior exportación a EPUB, lo ideal es que cuentes con una
aplicación para ir comprobando el aspecto de tu trabajo con relación al archivo origi­
nal. Estoy hablando de Adobe Digital Editions. Es una aplicación válida tanto para PC
como para Mac y es la que reproduce más fielmente el documento EPUB con respecto
al original. Es necesario que constantemente hagas uso de ella para comprobar que to­
dos los elementos están colocados de forma correcta. Puedes descargar esta aplicación
desde el sitio web de Adobe o una versión gratuita (y anterior) desde softonic.

CÓMO EMPEZAR
Debes saber que cuando creas un documento Indesign puedes hacerlo de dos for­
mas:

- Diseñando las páginas en un solo documento y luego hacer la exportación corres­


pondiente.

- Diseñando las páginas de forma independiente y, a través de la paleta Libro, sin­


cronizarlas. En el desplegable de la paleta Libro hay una opción para exportar a EPUB.

Si vas a crear el documento Indesign desde el principio sabiendo que va a ser ex­
portado a EPUB, lo más fácil es usar la segunda opción. Ve poco a poco creando un
documento nuevo para cada página y asignándoles un nombre para distinguirlas. Al
final, solo tendrás que sincronizarlas para crear un libro.

¿Cómo hacerlo?

Crea los documentos Indesign de forma independiente. Colócate en el primero y


abre la paleta Libro a través del menú Archivo / nuevo / libro. Asígnale un nombre y
guárdalo. Desde el desplegable de la paleta Libro elige la opción "añadir documento"
y de esta manera irás añadiendo todos los documentos que previamente has diseñado
(que serán las distintas páginas del libro).

Una vez tengas todos los documentos incluidos en la paleta Libro, pulsa en un bo-
toncito situado abajo a la izquierda llamado “sincronizar". A través del desplegable de
la paleta Libro, guárdalo. Fíjate que las operaciones de guardar y exportar el libro se
realizan desde el desplegable de dicha paleta.

72 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

NOTA: No hace falta que tengas abiertos los documentos Indesign que has incluido
en el libro. A medida que los necesites ábrelos, realiza los cambios, guarda y vuelve a
cerrarlos.

NOTA: Si vas a tratar los documentos Indesign por separado para finalmente crear
un libro, has de saber que el libro es el último paso: primero harás todas las modifica­
ciones y ajustes correspondientes para que la exportación a EPUB sea correcta, tratan­
do los documentos Indesign por separado. El último paso será crear el libro, añadir los
documentos y sincronizarlos.

Ahora bien, se te puede presentar el caso de que tengas un documento Indesign


ya diseñado y quieras reajustarlo para poderlo exportar a EPUB. Entonces, olvídate de
la paleta Libro; harás las modificaciones correspondientes en el documento Indesign
creado, o mejor dicho: haz una copia de este documento para realizar en él todas las
pruebas y no perder el original.

feo .......
0 L ib ro I i ^ "Jpf

fi»*l Ü rn m l 1-144

■ ffi p3§iia2 145-288

| ¡ j | p§iñ& 3 2 S S 4 3 2 tí^

& ilál íá)

Figura 41. Paleta Libro. La flecha indica "sincronizar"

© Alfaomega - RC Libros 73
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓN ICOS

PREPARACIÓN DEL DOCUMENTO PARA EPUB


En el epígrafe anterior comentábamos que existen una serie de requisitos que de­
bemos tener en cuenta antes de la exportación a EPUB: es imprescindible que sepas
que muchos de los elementos de la maquetación con Indesign no son exportados co­
rrectamente a EPUB.

Partiendo del documento Indesign que habías diseñado, expórtalo a EPUB y verás
el resultado: accede al menú Archivo / exportar. Aplica un nombre y en "tipo" elige
"EPUB". Se abre un cuadro de diálogo con las opciones de exportación. Puesto que
aún no conocemos estas opciones, simplemente activa la casilla "ver EPUB tras la ex­
portación" y acepta. Finalmente, se abre Adobe Digital Editions que en operaciones
anteriores has debido de instalar.

f ©MÍ«ñ - ........................... —
i m ¿tqu*taísA » á» páqiri*
j q o « I» * « f ü c tu r * XMi
I H?ua ¡ qu * «I pjmi * í Aftvcwfc»

r Opción** d* (orm ino


¡ Afevaw»4«iilbt»: d.S fm _ i
W m ti A$tqmf * titui no orémitAu í
Uéfmfm Aúv** * o

V*r l » l t M i k mpmtm ié»

j ©H J
Figura 42. Ver EPUB tras la exportación

De lo que se trata ahora es de que observes el aspecto que tiene tu documento In-
design exportado a EPUB sin haber hecho ningún cambio ni modificación en el original.

Me imagino que la estructura estará patas arriba: nada o casi nada ha sido respe­
tado.

Si te fijas, Adobe Digital Editions ha creado automáticamente una tabla de conteni­


do que la sitúa a la izquierda. El problema es que esta tabla no respeta el orden de los
elementos; entonces una de las operaciones que has de llevar a cabo es la modifica­
ción de la tabla de contenido, que explicaremos en su momento.

Pues bien, quédate con la ¡dea de que has de editar los elementos del documento
Indesign para adaptarlos a EPUB y que funcionen correctamente.

74 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

ELEMENTOS QUE EPUB NO RECONOCE


Hay una serie de elementos que el formato EPUB no exporta correctamente, o que
simplemente, no exporta. Te los iré comentando a través de una serie de puntos. Si
partes de un documento Indesign ya creado, elimina estos elementos; de lo contrario,
el documento EPUB no funcionará. Y si vas a crear el documento Indesign desde el
principio, no los utilices.

út mp&ztMtféti tfü t

«SWI C*n«r*J
mw*
mm
¡SÍ incltslr d*
AAadir tfruad* d* PuMítN*: I
úfiKO:

ftortüda ÍPV»
■ Stfl d t portad*
; i0 R u w ia r
I : UMf archivo dt «xitttnt*

0«fcn
| dt
igui) Qút la «ItruCtur* XKi
I Igual out «f p*m í Antevio*
©$«»« d* formaco --
A€ ?í £■<**
Figura 43. Opciones de exportación EPUB

- Elimina los números y objetos que pertenezcan a la paginación y elimina también


los encabezados.

- Las notas a pie de página quedarán colocadas al final del documento EPUB.

- No incluyas objetos superpuestos como sombras; trabaja con objetos simples y


colocados en marcos independientes. No uses efectos.

- Utiliza siempre un solo marco para todo el texto de la página y prescinde de las
columnas.

© Alfaomega - RC Libros 75
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- No apliques espaciados manualmente; es decir, los retornos de carro (tecla enter)


porque no servirán: en EPUB estos no aparecen. En el epígrafe siguiente te enseñaré a
trabajar los espaciados para que EPUB los reconozca.

- Un ebook consta de diferentes páginas. Antes de la exportación a EPUB elegirás


si tratar cada página como un documento independiente o si tratar todas las páginas
como un único documento.

ADAPTACIÓN DE LOS ELEMENTOS

Espaciados
Te habrás percatado de que, al exportar a EPUB, los párrafos del texto no están di­
ferenciados. En primer lugar, recuerda que todo el texto de la página ha de estar en un
mismo marco y sin columnas. Elimina los encabezados y los números de página en caso
que los haya. Para que nos entendamos: se eliminan los elementos que has colocado
en las páginas maqueta (por lo general).

Dicho esto, abre tu documento Indesign y, a través del menú Ventana accede a la
paleta Párrafo. En las opciones, fíjate en "espacio anterior" y "espacio posterior" por­
que serán los dos atributos que vayas a modificar.

bsltda
Texto y tablas
Trazo
Utilidades
Vínculos Mayús+CTF
ma
X Sin título*! © 51%
« fi as

Texto condi
Figura 44. Paleta Párrafo

76 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

De lo que se trata es de espaciar los párrafos pero, en lugar de utilizar retornos de


carro, jugarás con los valores de "espacio anterior" y "espacio posterior”. Para ello,
coloca el cursor al final de un párrafo y desde "espacio posterior" modifica el valor.
Debes ir haciendo pruebas y comprobando el resultado en Adobe Digital Editions (se
abre automáticamente cuando exportas a EPUB). Por ejemplo, ponle un valor de 10 px.
Desde el menú Archivo / exportar, guárdalo en formato EPUB. En las opciones de ex­
portación simplemente activa la casilla "ver EPUB tras la exportación". Finalmente, se
abre la aplicación Adobe Digital Editions y podrás visualizar el resultado del espaciado.
Si el valor que has escogido no es el adecuado, solo tienes que modificarlo en "espacio
posterior" de la paleta Párrafo.

Figura 45. Espacio anterior - posterior

Puesto que seguramente querrás aplicar este espaciado a otros párrafos, debes
guardarlo como estilo de párrafo. Lo más probable es que este párrafo ya tenga un
estilo que has aplicado y guardado en su momento; entonces, si observas la paleta
Estilos de Párrafo, aparecerá dicho estilo con un símbolo "+". Este símbolo indica que
el párrafo ha sido modificado pero el estilo no. Para modificar el estilo y quede acorde
al párrafo y, además, se le aplique a los demás párrafos, haz lo siguiente: pulsa con el
botón derecho del ratón en el estilo que lleve el símbolo "+" y en el desplegable elige
"redefinir estilo".

Si la operación está correcta, todos ios párrafos que tengan aplicado este estilo,
contarán con el nuevo valor de "espacio posterior" que has añadido.

Aplica los espaciados que te convengan a todo el documento, incluidos títulos, sub­
títulos, etc., y sigue los mismos pasos para redefinir los estilos de párrafo.

© Alfaomega - RC Libros 77
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

NOTA: Si algún estilo de párrafo tiene el símbolo "+" ten por seguro que algo has he­
cho mal. Y si los estilos no están bien definidos, la tabla de contenido no va a funcionar.
Entonces, no será posible validar el documento EPUB.

En cuanto al atributo ‘‘espacio anterior" funciona de igual manera. Lo único que has
de tener en cuenta es que el cursor ha de estar colocado al principio del párrafo y no
al final.

De esta forma, ve jugando con los valores del espaciado y comprobando los resul­
tados de las pruebas exportando el documento a EPUB y previsualizándolo con Adobe
Digital Editions.

Los estilos
Recuerda que es esencial que los estilos de todo el documento Indesign estén bien
definidos. Además de que el archivo funcionará correctamente y no habrá problemas
con la validación, en las opciones de exportación a EPUB tienes la opción de "generar
CSS". Esta opción es importante para que en la visualización del EPUB, los estilos se
conserven. La hoja de estilos CSS es la que le da el aspecto o el formato al contenido
del libro.

Opciones de C S S ------------- —
® Generar CSS
(SÍ Incluir definiciones de estilo
0 Conservar m odificaciones locales
¡É Incluir fuentes incrustadas
O Sólo nombres de estilo
O Usar archivo CSS existente
Elegir tempiatexss
Figura 46. Opciones exportación EPUB / generar CSS

No te preocupes, no hace falta ser un experto en CSS para que tu documento en


formato EPUB se visualice correctamente.

78 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

Entonces, procede a crear la hoja de estilos para todo tu documento Indesign, en


caso de que no esté creada. Si estás trabajando con un documento Indesign ya dise­
ñado, la hoja de estilos estará también diseñada y aplicada; entonces, tendrás que ir
editando los estilos para adaptarlos a EPUB.

NOTA: Para llevar a cabo la adaptación de los estilos a EPUB recuerda siempre re-
definir dichos estilos tras editarlos. Sin ánimo de ser pesada, fíjate bien que los estilos
de las paletas de estilos no tengan a su lado el símbolo "+" (significará que no has re-
definido el estilo). Te aconsejo que no dejes aplicado el estilo predeterminado (Párrafo
básico) a ninguno de los párrafos.

He aquí un breve y rápido resumen de cómo crear un estilo: desde el menú Ventana
accede a las paletas de los estilos. Es importante que apliques, sobre todo, los estilos
de párrafo. A través del desplegable de la paleta Estilos de Párrafo elige "nuevo es­
tilo de párrafo". Ponle un nombre y procede a realizar los ajustes necesarios. Acepta.
Recuerda seleccionar el párrafo al que vas a aplicarle el estilo y finalmente opta por el
estilo creado. Y así, irás diseñando tu propia hoja de estilos para aplicarla al documento
Indesign.

Nuevo estilo de párrafo.


fe .,,,O ,..... i-..;: Duplicar estilo.,.
0 Estilos de párrafo J5Ü
Eliminar estilo...
(Párrafo báscoj
Redeíinir estilo

Opciones de estilo,,.

; Borrar modificaciones
Convertir Viñetas y nuni
: W’ Romper vínculo al estilo
_1 jJ
mtwm Cargar estilos de párrafc

Figura 47. Nuevo estilo de párrafo

Cuando seleccionas "nuevo estilo de párrafo" aparece un cuadro de diálogo que se


corresponde con las opciones de estilo de párrafo. Pues bien, a través de las pestañas
irás realizando los ajustes que te interesen; sobre todo, la elección de la fuente tipo­
gráfica y su tamaño desde la pestaña "formatos de caracteres básicos". En la "sangría

O Alfaomega - RC Libros 79
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

y espaciado" te encuentras el espaciado anterior y el espaciado posterior explicados


en otras lecciones. Desde aquí puedes jugar con los valores para diseñar el estilo al
párrafo.

Hacemos una parada un segundo: el espaciado, habíamos aprendido a ajustarlo a


través de la paleta Párrafo y sus opciones de "espaciado anterior" y "espaciado pos­
terior". Lo que acabamos de explicar hace unos momentos es que desde las "opciones
de estilo de párrafo" (estamos en la paleta Estilos de Párrafo) también puedes realizar
esos ajustes de espaciado. Son dos maneras distintas de llegar al mismo punto; es de­
cir, modificar el espaciado.

En cuanto a los demás atributos como filetes, tabulaciones o viñetas, que encuen­
tras en las "opciones de estilo de párrafo", puedes ir haciendo pruebas y comprobando
los resultados en Adobe Digital Editions. Sin embargo, te adelanto que estos elementos
no son fáciles de exportar a EPUB. En la última parte de este libro veremos cómo po­
demos editarlos usando el lenguaje HTML. Pero, recalco que el documento EPUB no es
fiel al documento Indesign y habrá elementos que no puedas introducir o atributos que
no puedas modificar: no se exportarán.

Limítate simplemente a poner los elementos de un libro sencillo (texto e imágenes).


Diferencia entre títulos, subtítulos y texto general, pero piensa que estás creando un
libro digital y el aspecto o diseño no tiene por qué ser espectacular (como sería el caso
de una revista). Lo que realmente te interesa es que funcione correctamente y que el
lector pueda visualizarlo en su dispositivo.

Imágenes y notas al pie de imagen


Como ya sabes, para colocar una imagen en tu documento Indesign primero has de
crear una caja de imagen y desde el menú Archivo / colocar, eliges la que te interese.
La caja de imagen irá colocada dentro de la caja que contiene el texto del documento,
pero sigue siendo independiente al texto.

Si quieres añadir una nota al pie de imagen, con la caja seleccionada ve al menú
Objeto / pies de ilustración / generar pie de ilustración estático. Aparece una pequeña
caja pegada a la caja de la imagen. Puedes modificar el texto que contiene y editarlo.
Recuerda siempre guardarlo como estilo desde la paleta Estilos de Párrafo.

NOTA: Todas las operaciones y modificaciones de la imagen y de la nota al pie de


imagen han sido explicadas en epígrafes anteriores. Aquí me limito a exponer la pre­
paración de los elementos para la exportación a EPUB, teniendo en cuenta que ya
dominas el trabajo con Adobe Indesign.

80 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

iupoones ae capa de cójetc...


Opciones de exportación de objetos...
Pies de ilustración
Trazado de recorte
Configuración de color de la imagen,..;

Interactivo
Figura 48. Menú Objeto / pies de ilustración

Ahora bien, para que la imagen + la nota al pie de imagen se vean correctamente al
exportar a EPUB tienes que realizar una serie de operaciones:

- Debes agrupar ambos elementos: imagen + nota. Tienen que funcionar como un
solo elemento. Para ello, selecciona la caja de imagen y con la tecla "mayúscula" pulsa­
da selecciona la nota (ambos elementos quedan seleccionados a la vez). Posteriormen­
te ve al menú Objeto / agrupar. A partir de ahora funcionan como un solo objeto, que
tratarás como una imagen.

- Para que una imagen funcione al expor­


Objeto ; Tabla Ver Ventana...
tar a EPUB debes ceñirla y anclarla al texto.
Desde el menú Ventana abre la paleta Ceñir ~; ?¡ ii Transformar
texto y con la imagen previamente seleccio­
nada, pulsa en el segundo botón que aparece Volver a transformar
de izquierda a derecha. Luego, procede a an­ | ; 1 Organizar
clar la imagen al texto: si te fijas en la caja de
imagen, en la zona superior derecha aparece Seleccionar
un pequeño cuadradito. Debes seleccionarlo y ........
arrastrar el cursor hasta el lugar del texto don­ * '7 Agrupar
de desees colocar la imagen. Lo ideal es que la
coloques al final de un párrafo. Pero recuerda: I I Desagrupar
haz siempre pruebas y visualízalas en Adobe
Digital Editions. ¡ Bloquear
j Desbloquear tcdo en
NOTA: Para eliminar el anclaje de un ob­
jeto al texto, selecciona el objeto. En la parte Figura 49. Menú Objeto / agrupar
superior aparece un símbolo de un ancla. Haz clic en él con el botón derecho del ratón.
Accede a una opción que pone "objeto anclado" y selecciona "liberar".

- Por último, rasteriza la imagen. Selecciónala y desde el menú Objeto / opciones


de exportación de objetos, accede a la pestaña "EPUB Y HTML" y activa la casilla
"rasterización personalizada". En el siguiente epígrafe te explico los parámetros de la
rasterización.

© Alfaomega - RC Libros 81
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Pues bien, realizando correctamente estas operaciones, la imagen queda preparada


para la exportación a EPUB.

Conversión de objetos a imágenes


Existen elementos como los vectoriales que no aparecen al exportar el documento
Indesign a EPUB. Debes convertirlos en imagen.

NOTA: En algunas ocasiones puedes verte en la necesidad de tener que convertir un


texto en imagen. Los pasos a seguir son los mismos que para un objeto vectorial. Solo
has de tener en cuenta que entonces el texto ya no funcionará como texto, es decir, no
se podrá remaquetar (no será editable).

Procede de la siguiente manera:

- Selecciona el elemento en cuestión.

- A través del menú Objeto / opciones de exportación de objetos, pulsa en la pesta­


ña "EPUB Y HTML" y activa la casilla "Pasterización personalizada". Como ves, hay una
serie de parámetros que puedes editar.

En "tamaño" elige si la imagen debe estar fija o si redimensionarla con respecto a la


anchura de la página. Puedes modificar otros atributos como la resolución, la calidad
y el método. El método implica la velocidad con la que se visualiza la imagen JPG al

-r * smí» tHH + Qmm


. i
! mm Wrt «Ir 0 mm

Opciones de teñido:
Ceñir a Lados ¡«pusercío y .
Ose iones á t sdueta

fetíuir bordes mit'noi

Figura 50. Paleta Ceñir Texto

82 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

abrirla en la web. Si eliges "progresivo", la imagen se verá de forma gradual mientras


se descarga; y con "línea de base", la imagen no se verá hasta que no esté descargada.

Más abajo verás la casilla "espaciado y alineación" mediante la cual puedes modifi­
car la alineación de la imagen y los espacios superior e inferior.

Cuando concluyas con los parámetros, acepta la operación. El objeto ya está con­
vertido en imagen. Por tanto, para exportarlo a EPUB realiza los mismos pasos que
explicamos en el epígrafe anterior.

Resolución de imágenes
La resolución de una imagen es la calidad de dicha imagen y se mide en píxeles por
pulgada (ppp). Una imagen de 72 ppp es de resolución baja, propia para la web pero
no para imprenta. Se necesita una resolución adecuada al documento, siempre te­
niendo en cuenta que cuanta más información tenga el documento, más pesado y más
lento será. Añadir más calidad a una imagen es añadir más información al documento.
Nunca pongas más calidad de la necesaria: será aumentar el peso del documento in­
debidamente.

Opciones de exportación de objetos

Texto alternativo PDF etiquetado

Pasterización personalizada
Tamaño: Resolución {ppp}:

form ato Calidad

Paleta: Método
Entrelazar
Espaciado y alineación de imagen personalizados
m s j *1 : o m :o
Insertar salto de página

Hecht

Figura 51. Opciones de exportación de objetos

© Alfaomega - RC Libros 83
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Si la finalidad de la imagen es la visualización en pantalla de ordenador se utiliza


baja resolución, a 72 ppp. Si la imagen va a ser impresa en un periódico, la resolución
será un poco mayor: a 150 ppp. Si la imagen va a ser impresa en una revista o libro,
tendrá una resolución mínima de 300 ppp.

Dependiendo del destino que vaya a tener el documento Indesign que estás prepa­
rando, así jugarás con la resolución de sus imágenes: la resolución de la imagen variará
dependiendo del dispositivo al que se destine, entre 132 ppp (iPad), pasando por 172
ppp (Sony Reader) hasta 300 ppp (iPhone 4).

RESUMEN: Para que una imagen con un pie de imagen o un objeto u objetos vec­
toriales funcionen correctamente al exportarlo a EPUB, recuerda que deben aparecer
como un único elemento: agrúpalo. A continuación, no te olvides de ceñirlo al texto y
anclarlo. Finalmente, rasterízalo. Vigila la resolución.

Las tablas
Con respecto a la tabla debes saber que es un elemento un tanto complicado de
mantener a la hora de exportar a EPUB.

En explicaciones anteriores has aprendido a crear una tabla. No te olvides de aplicar


los estilos de tabla y de celda si fuese necesario y, además, asigna los estilos de carácter
a los textos. Ya sabes que también puedes aplicar color a una tabla.

Ahora bien, si una vez realizadas todas estas operaciones, exportas el documento
Indesign a EPUB, comprobarás que la tabla no mantiene fielmente sus características:
por ejemplo, el color no se reconoce en la exportación.

Es importante que conviertas la tabla en imagen siguiendo los pasos vistos en el


capítulo de conversión de objetos a imagen. Y recuerda que, al igual que una imagen,
debes anclar la tabla al texto y, si acaso, rasterizarla. Como siempre te indico: haz prue­
bas.

NOTA: En el navegador Firefox existe la posibilidad de instalar un complemento para


visualizar los documentos EPUB, a través de "https://addons.mozilla.org/es-es/firefox/
addon/epubreader/ ' podrás descargarlo. Entonces, si el documento EPUB lo abrimos
en Firefox, todos los colores y estilos de la tabla deberán aparecer correctamente.

En cualquier caso, los estilos que apliques a la tabla, los podrás editar manualmente
a través de los archivos contenidos en el archivo EPUB: modificando las hojas de estilo
C55; operación que veremos en capítulos posteriores. En este caso, verás cómo es po­
sible diseñar una tabla sin necesidad de convertirla en imagen.

84 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

De momento, quédate con una ¡dea: trata una tabla como una imagen. Primero,
asígnale los estilos y no te olvides de guardarlos;y segundo,convierte el elemento
"tabla" en imagen siguiendo los pasos quehas aprendido. Apartir de ahí, realiza las
operaciones expuestas para que la imagen se ajuste al documento EPUB.

NOTA: Debes cuidar el tamaño de Ü J*


las imágenes y de los elementos que 0 Estilos d« tabla i
conviertas en imagen. Me refiero so­
bre todo a las tablas. Las tablas son [Tabla basca]
muy útiles para organizar información,
pero ten en cuenta que estás diseñan­
do un ebook, y el resultado de las ta­
blas no es muy acertado. Si el tamaño
no es el adecuado, al abrirlo en cierto
dispositivo, quizá el texto de la tabla
se vea mal. Para no verte en estas si­
tuaciones, mi consejo es que procures
organizar esa información sin llegar al
uso de una tabla. Sin embargo, si la
exportación se hace a PDF, la tabla no ~J S j j 3
dará problemas; salvo que el texto no -------- --------------------------- — ------------- r~---------- i
se vea con claridad en algún disposi­ Figura 52. Paleta Estilos de Tabla
tivo.

LA TABLA DE CONTENIDO
Una tabla de contenido es un elemento muy importante en una publicación di­
gital. En la aplicación Adobe Digital Editions, la tabla de contenido aparece situada a
la izquierda. Tienes la opción de mostrarla u ocultarla a través del menú Leyendo /
mostrar-ocultar panel de navegación.

Volvamos al documento Indesign. Crea una tabla de contenido. Puesto que en la


primera parte de esta obra has aprendido a hacerlo, me remito simplemente a dar
unas rápidas instrucciones. A través del menú Maquetación / estilos de tabla de con­
tenido, accedes a un cuadro de diálogo.

NOTA: Recuerda que debes tener aplicados correctamente todos los estilos de pá­
rrafo. Ten en cuenta que debes proceder de la misma manera que si fueses a crear el
índice de contenidos. Pulsa en la pestaña "nuevo"-, pon un nombre y asigna un estilo
eligiendo el que te apetezca de entre los que aparecen en el desplegable.

© Alfaomega - RC Libros 85
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

A la derecha del cuadro de diálogo se muestran todos los estilos de párrafo. Elige el
que vayas a utilizar (que será el que aparezca con el nombre de los capítulos) y pulsa
"añadir". Una vez incluido el estilo, haz clic en ok. La tabla de contenido ha sido creada.

Ahora bien, imagínate que, además de los capítulos, quieres incluir los subcapítulos
en la TDC (tabla de contenido). Simplemente edita la TDC que ya has creado (a no ser
que quieras crear una nueva) a través del menú M aquetación / estilos de tabla de
contenido. Debes modificar la TDC incluyendo, además de los capítulos, otros niveles
como los subcapítulos. Esto se ha explicado más en profundidad en la primera parte de
este libro; con lo cual no me detendré más en ello.

Una vez creada la tabla de contenido, a la hora de hacer la exportación a EPUB, en


el cuadro de diálogo "opciones de exportación EPUB" tendrás que hacer unos ajustes:

Accede a la pestaña "contenido", activa la casilla "usar estilo TDC de Indesign" y abre
el desplegable para elegir la tabla de contenido que has creado. Al aceptar la exporta­
ción a EPUB se abre la aplicación Adobe Digital Editions y podrás comprobar que en el
panel de navegación (situado a la izquierda) se muestra una especie de índice median­
te el cual podrás navegar por el documento más rápidamente.

Estilos de tabla de contenido

Configuración de estilo:
Título: Contenido
Estilos en Sa TDC:
muio.capstuío(maquetas), titulol (contenidos.
MuteZ (contenido}
Figura 53. Estilos de Tabla de Contenido

86 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

- Tabla de contenido a partir de un libro

Ya conoces la paleta Libro y además tienes todos tus documentos Indesign creados
y sincronizados. Lo único que has de hacer es abrir el desplegable de la paleta Libro y
elegir "exportar libro a EPUB". Ahora desactiva la opción "usar estilo de TDC de Inde-
sign". Esto es así porque al abrir el libro en Adobe Digital Editions, la tabla de contenido
se crea automáticamente teniendo en cuenta los documentos Indesign como si fuesen
independientes, aunque estén sincronizados.

11
ÓUfefol i á it d ír documento.,
Mm ■M|
i Reemplazar dc<um<
m m
Qurtar documento

Q m tim Ibfo
Guardar Ifare como,
Cmm üÍ»o

C«wpreíiMÍé« prtli

m m j 6sp©ft#r libro * PDF*


Exportar libro a EPUI

Figura 54. Exportar libro a EPUB

METADATOS Y ETIQUETAS ALT

Los metadatos
Los metadatos son la información del libro. Para la exportación a EPUB son muy im­
portantes si quieres que tu ebook sea encontrado en Kindle de Amazon, por ejemplo.

No todos los metadatos son visibles en el libro. El lector solo podrá ver información
como el título de la obra, el autor, la editorial o el ISBN. Estos metadatos se Introducen
desde las "opciones de exportación a EPUB" de Adobe Indesign. En la pestaña "gene­
ral" activa la casilla "incluir metadatos del documento". En "añadir entrada de Publis-
her" escribe el nombre de la Editorial y en "identificador único" escribe el ISBN.
© Alfaomega - RC Libros 87
EBOOKS; CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Ahora bien, volviendo al documento Indesign, a través del menú Archivo / infor­
mación del archivo, podrás rellenar todos ios datos que estimes oportunos; ten en
cuenta que cuanta más información des, mucho mejor. La mayoría de estos datos no se
muestran en el ebook, pero sí están presentes en el archivo y son de gran importancia.

Como mínimo debes introducir el nombre del autor y el título de la obra; de lo con­
trario, no pasará la validación.

.. Inform ación ífe archivo para m a q y e t^ jc m * ! _


0**«¡pc»ft me Wbcm m m %

Autor.
Cv$« ««i Autor;
Ocsotpoóo

Cteíficacíéo. # ♦ ♦ ilf
Autor Út iá átiiñpciéft:

PnkébtiS etave

<D Sepuedenutilizarpunto*ysomso«orna* itfu

Figura 55. Información de archivo

- Conseguir un ISBN

Como ya sabes, un libro ha de tener un ISBN que está compuesto por 13 dígitos. Si
una misma obra se publica en papel y en formato digital, ha de tener un ISBN para el
formato impreso y otro diferente para el digital.

Has de saber que puedes comprar un ISBN, aunque no es barato, a través del enlace
http://www.isbn-internabonal.org/agency

Encuentras un desplegable con la lista de países y eliges el tuyo.

En España puedes comprar ISBN a través de http://agenciaisbn.es

88 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

Adobe Indesign crea automáticamente un identificador único que hará el papel de


ISBN. Para nuestro proyecto, servirá; sin embargo, en algunos sitios o tiendas virtuales
quizá te pidan el ISBN.

Las etiquetas Alt


Las etiquetas Alt también son elementos importantes aunque no sean visibles en
el documento. Sirven para búsquedas de bases de datos, de libros electrónicos, sobre
todo para personas con problemas de visión.

Pongamos un ejemplo del funcionamiento de una etiqueta Alt. Imagina que tienes
una Imagen con un pie de imagen. Sabes que antes de exportar a EPUB debes realizar
ciertos ajustes. Uno de ellos es la rasterización después de haber agrupado los ele­
mentos. A través del menú Objeto / opciones de exportación de objetos, pulsa en la
pestaña "EPUB Y HTML" y modifica los datos que necesites. A continuación, pulsa en
la pestaña "texto alternativo" y en "origen" selecciona "o medida". De lo que se trata
es de que le pongas un nombre en el recuadro que está debajo. Este nombre actúa
como un título de la imagen rasterizada. Es un texto alternativo de la imagen. Es una
etiqueta Alt.

Ahora bien, veamos pues un ejem­


plo de su servicio. El iPad cuenta con
una función en el iBook llamada Voi- Vínculos
ceOver. lee lo que señalas. Esta fun­ Nombre
ción ha sido diseñada para personas
con problemas de visión. Si se pulsa ► exoortac„.„b.j09 (2)
en el formato EPUB, leerá el texto al­ ► objeto.jpg (2)
ternativo. Como puedes comprobar,
la etiqueta Alt es un texto descriptivo. ► pa!eu, pa...s.jpg <2}

Para introducir el resto de etique­ principai.-.copiaypg 13


tas Alt, accede al panel Vínculos a tra­
vés del menú Ventana. Con la imagen ▼ Vínculos: SS
seleccionada, elige en el desplegable c
"mostrar en Bridge", aplicación que información de vinculo
se abrirá de forma automática. Lue­
go colócate en la pestaña "¡PTC Core"
(Ventana / panel metadatos) y relle­
na toda la información posible rela­
cionada con la imagen.

Figura 56. Paleta Vínculos

© Alfaomega - RC Libros 89
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Rescata de nuevo el panel Vínculos y si te fijas, al lado derecho de la miniatura de la


imagen, aparece un símbolo de exclamación: significa que el vínculo no está actualiza­
do. Haz doble clic sobre el símbolo y lo actualizarás.

Si finalmente vuelves a las opciones de exportación de objetos, en la pestaña "texto


alternativo" abre el desplegable “origen" y comprueba que la información que has
incluido a través del Bridge se ha actualizado como texto alternativo, es decir, como
etiquetas Alt.

Si exportas tu documento Indesign a EPUB, se abrirá el Adobe Digital Editions, pero


desde aquí no verás las etiquetas; sin embargo, están ahí. En otros dispositivos como
el iPad sí se pueden visualizar.

PANEL ARTÍCULOS Y ETIQUETAS XML

Panel Artículos
El panel Artículos sirve para organizar los elementos dentro de la página. En oca­
siones, al exportar a EPUB, el orden de los elementos se altera y no aparecen como
deberían. Entonces, es útil el uso de este panel.

Imagina que tienes una imagenOl, un texto y una imagen02 y quieres que apa­
rezcan en este mismo orden. Resulta que lo has intentado haciendo anclajes pero al
exportarlo a EPUB, no funciona. ¿Qué haces entonces?

NOTA: Primero has de realizar todas las operaciones pertinentes, tanto en el texto
como en las imágenes.

Colócate en la página del documento Indesign que quieras organizar. Abre el pa­
nel Artículos desde el menú Ventana. Selecciona "crear artículo nuevo" y asígnale un
nombre. Acabas de crear una carpeta donde incluirás los elementos de la página. Para
añadir los elementos a la carpeta, puedes arrastrarlos hasta ella o pulsar el objeto y
seleccionar el botón "añadir".

Así, hazlo con todo el documento Indesign: creando carpetas (artículos nuevos) e
Incluyendo los objetos dentro. Si tienes muchos elementos y quieres seleccionarlos
todos a la vez, pulsa "comando (o control) + añadir selección".

NOTA: Puedes generar artículos a partir de todo tipo de elementos de la maqueta­


ción.

90 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

Al exportar el documento Indesign a EPUB recuerda que aparece el cuadro de diá­


logo "opciones de exportación a EPUB"; en la pestaña "contenido" activa a la opción
"igual que en el panel Artículos". Por último, se abre la aplicación Adobe Digital Editions
y compruebas el resultado.

NOTA: Los artículos se pueden agrupar y organizar dentro del panel como si se tra­
tara de las capas en aplicaciones como Photoshop o el mismo Indesign.

Las etiquetas XML


Para gestionar los elementos, además del panel Artículos, existe el panel Etiquetas,
a través del cual puedes trabajar con XML.

Artícuíos

No hay n io fin A rra s»


« le u los y objetos aqm para crear un
mm® articulo y añadirte con»«tdo.
¥a«?b¡é« puede pulsar Cmé y hacer clic
m el teté» Añadir m m aña*? todo el
contenido del documento de usa vez a
un articulo nuevo o uno seleccionad©,

& V ...

Figura 57. Panel Artículos

NOTA: XML son las siglas del Lenguaje de Etiquetado Extensible. Es un lenguaje que
permite estructurar la información y describir los contenidos de un documento. Este
lenguaje es más estricto que el HTML, ya que un mínimo error en una etiqueta deja
inservible todo el archivo.

Desde el menú Ventana / utilidades, abre el panel Etiquetas. A través del desple-
gable, pulsa en "nueva etiqueta". Cada uno de los elementos de la página tendrá una
etiqueta. No hace falta que selecciones los elementos; simplemente vas creando las
etiquetas una a una asignándoles nombres. Debes tener en cuenta que los grupos de
elementos no pueden etiquetarse.

© Alfaomega - RC Libros 91
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Centrémonos en el ejemplo anterior: im agenl + texto + imagen2: sabes que cada


uno de estos elementos se encuentran en cajas. Entonces, una vez que ya tienes crea­
das las etiquetas con sus nombres, selecciona la caja con la "im agenl" y pulsa en la
etiqueta que le corresponda. Haz lo mismo con la caja de "texto" y con la caja de la
"imagen2". Cada elemento etiquetado se mostrará de un color. Recuerda que los ele­
mentos no deben estar agrupados.

* i «1
v Etiquetas || .

Añadí r j Cambiar i Quitar i

{H Rom

Figura 58. Panel Etiquetas

NOTA: Las etiquetas se van ordenando alfabéticamente y los elementos se exporta­


rán por orden de etiquetado.

A través del menú Ver / estructura / m ostrar estructura, podrás comprobar la es­
tructura XML que has creado, para reorganizar las etiquetas o reajustarlas en caso
necesario. En el desplegable que encuentras a la derecha, activa la opción "mostrar
fragmentos de texto".

Después de realizar todas las operaciones, procede a la exportación del documento


a EPUB. En el cuadro de diálogo "opciones de exportación" selecciona la pestaña "ge­
neral" y activa la casilla "igual que la estructura XML".

LA PORTADA
Todo libro ha de tener una portada. En el caso del libro electrónico debemos dis­
tinguir entre portada y cubierta (el diseño será el mismo). La portada aparece como la

92 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

primera página del libro y la cubierta se utiliza para acompañar al título del libro en una
biblioteca o tienda virtual.

Doy por hecho que ya tienes el diseño de la portada de tu libro. Veamos, pues,
cómo proceder para que al realizar la exportación a EPUB, la portada se visualice co­
rrectamente.

En primer lugar, agrupa todos Exportar JPfcG


los elementos que pertenecen
a la página de portada. A través
del menú Objeto / exportación Expoim
de objetos, rasterízalo. Si al ex­
portarlo a EPUB, no te funciona SefeCQÓfl
correctamente, guarda el grupo Rango: Todas fes paguas
de elementos como si fuese una
imagen y ponle un nombre. § Todo

NOTA: Estos son los pasos « Páginas


para convertir la portada en ima­
gen desde Adobe Indesign; desde 6 Riegos
tu documento Indesign dirígete
al menú Archivo / exportar. Asíg­ Imagen
nale el nombre y en "tipo" elige
"JPEG". Pulsa en "guardar". Fíjate £aMad: Hed»
en el cuadro de diálogo "expor­
Método de formato: ühea de base
tar JPEG"; elige "exportar rango"
y escribe el número 1 (que es el Resolución (ppp): 72
correspondiente a la portada, ya
que esta aparece en la primera color: R08
página).

Luego, en las "opciones de ex­ Opciones


portación a EPUB" activa "usar
/ Incrustar perfil de color: **gs
archivo de imagen existente" y
elige la imagen que acabas de (USuawear
guardar. Es muy importante que Figura 59. Exportar imagen a JPG
las imágenes tengan el tamaño y
la resolución adecuadas al tipo de conversión

NOTA: Si vas a utilizar una cubierta, no hace falta que antes la incluyas en el libro.

© Alfaomega - RC Libros 93
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

OPCIONES GENERALES DE EXPORTACIÓN EPUB


En este epígrafe te explicaré el cuadro de diálogo "opciones de exportación EPUB",
el cual lo has estado utilizando hasta ahora. Parece un poco complejo pero solo es
cuestión de ir comprendiendo cada uno de los parámetros.

Cuando exportas un documento a EPUB, te encuentras con dicho cuadro de diálo­


go; se divide en tres pestañas: general, imagen y contenido. Vayamos, pues, recorrien­
do cada una de ellas.

Pestaña “general
Esta pestaña incluye las siguientes partes:

- EPUB: Te encuentras con una , , 0»CWP«H» l#Dt


casilla que pone "incluir metada-
tos del documento". Ya sabes que i «****; Cwwat
los metadatos son la informa- j mm ~
ción del documento. Acuérdate <üS irtcMf m fttáts»* d« áezum unm
de activar la casilla. En "añadir Mttiir «ntr*!* á# l>uWt*h*r. !
entrada de Publisher" debes in­
troducir los datos del editor y en
ÍW
"identificador único" escribe el J Un ¡RW8sn ó* portaái
ISBN. Si no lo tienes, no importa : (») smrf¡«ra &ágim
porque se creará un identificador Uwr archivo d* km g m «xlsttntt
único de forma automática. ( í 1

- PORTADA EPUB: Para la oor-
tada, encuentras activada por
defecto la opción "rasterizar la S$pM¡J i» «Mnxtum XMl
. «S Aftkistaí
primera página". De hecho, es
la opción que se utiliza. Sin em- 1 O p c tm ti d« f&tm uo
bargo, puedes elegir "sin imagen \ J 0,$ fe»* ;
de portada" (el libro electrónico vMMsw* A w w * t« « m wéw
aparecerá sin imagen de porta- I ném m m ; A u y a r »?.«**
da) o "usar archivo de imagen
existente”. En este último caso, j Ísí Ver EW8 tr*» U m p m m m
tendrás que buscar el archivo co­
Om»
rrespondiente a la imagen (pre­
viamente elegida) que quieres F7g~ra" 60. Exportación EPUB "general"
incluir como portada.

94 © Alfaomega - RC Libros
CAPÍTULO 3: DE INDESIGN A EPUB

- ORDEN: En "orden" debes elegir en qué orden deseas que aparezcan los elemen­
tos de la maquetación al exportar a EPUB. Evidentemente, dependerá de las opera­
ciones que hayas hecho en el documento Indesign. Puedes elegir entre tres opciones:
"según maquetación de página", que se refiere a que la exportación a EPUB mostrará
los elementos en el orden de lectura de la maquetación.

NOTA: Recuerda que la exportación a EPUB no es fiel al documento Indesign origi­


nal.

Si eliges “igual que la estructura XM L”, será porque has hecho uso de las etiquetas
XML para ordenar los elementos. Y la opción “igual que el panel Artículos" la utilizarás
si has establecido el orden de dichos elementos a partir del panel Artículos.

OPCIONES DE FORMATO:

- Por un lado, puedes establecer los valores para el margen del libro; los valores es­
tán en píxeles o ems. Utiliza ems porque tiene mejor compatibilidad con los monitores.
El mismo valor de margen es aplicado a los cuatro márgenes.

- Debajo de las opciones de margen están las opciones para las viñetas. Abre el
desplegable y te encuentras con "asignar a listas no ordenadas" y "convertir a texto".

A través de la primera alternativa conviertes los párrafos en una lista no ordenada


(con la viñeta correspondiente) que, en lenguaje HTML, lo reconocerás con la etiqueta
<ul>.

NOTA: En HTML, una lista no ordenada se representa con la etiqueta <ul> y una
lista ordenada con la etiqueta <ol>. Las listas ordenadas son las numéricas.

Mediante la opción "convertir a texto" convertirás la viñeta en texto, y en lenguaje


HTML se representará con la etiqueta <P>: equivale a párrafo; entonces la viñeta será
parte del párrafo (actuará como texto).

- "Números" se refiere a las listas ordenadas. Abre el desplegable y te hallas con tres
opciones: con "asignar a lista ordenada" conviertes la lista numerada en elementos de
la lista; en HTML hablamos de la etiqueta <ol>.

Con "asignar a lista ordenada estática" conviertes las listas numeradas en elemen­
tos de lista, la diferencia es que en el formato HTML aparecerá el atributo <value>,
de acuerdo con el número de párrafo actual.

Con "convertir a texto" conviertes las listas en párrafos y comenzará por el número
de párrafo actual convertido en texto.

© Alfaomega - RC Libros 95
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- En la parte inferior del cuadro de diálogo activa la casilla "ver EPUB tras la expor­
tación" para previsualizar el resultado en Adobe Digital Editions.

Pestaña “imagen”
Cuando realices la exportación del documento Indesign a EPUB, debes tener en
cuenta las diferentes opciones de exportación para las imágenes:

- Lo primero que te encuentras es la casilla "conservar apariencia de la maqueta­


ción" para que todas las propiedades aplicadas a las imágenes (como recortes, giros,
escalas...) se conserven tras la exportación.

- Lo siguiente que aparece es la "resolución (ppp)", propiedad de las imágenes que


ya hemos estudiado. Recuerda que estás trabajando para los dispositivos móviles, cuya

Imagen
0 Conservar apariencia de la mapoetación

Resolución (ppp): ;j
...
Tm m ñ & ét Sifungen: § : ....... $

tspitiaéoy iSiftiidén di
* W Ji i 0 Jt ^ 0 fe
insertar salto de página: Antm de I* imagt
J lO* SgUSttS M ipfittrt i t e P&jtlPI «SiCtMte

Conversión de imágenes:- Automática *'


• Opci«PilClF
M e tt: Adaptada ísm simulación) i
1 t i l fe tr e ía a r ;

f-OpcSones j?®E€
Caüdadd* imagen- Alta I
■ Método de formato: Progresivo í

Ignorar configuración de exportación de objeto


Figura 61. Exportación EPUB "imagen"

96 © Alfaomega - RC Libros
CAPITULO 3: DE INDESIGN A EPUB

resolución varía entre 132 ppp hasta 300 ppp. Selecciona la resolución que te conven­
ga: las opciones que te ofrece son 72, 96, 150 (valor medio para todos los dispositivos
de ebooks actuales) y 300.

- Continuando hacia abajo verás el “tamaño de imagen" con dos opciones: si eliges
"fijo", el tamaño de la imagen no variará con respecto a la página. Ahora bien, si eliges
"relativo a la página", la imagen variará de forma proporcional con respecto a la an­
chura de la página. Es decir, su tamaño se adecuará al tamaño que tenga la pantalla del
dispositivo en el que se leerá el libro.

- Fíjate en "espaciado y alineación de imagen". Encuentras las opciones de alinea­


ción que son derecha, izquierda y centrada. También tienes la posibilidad de especifi­
car los valores de los espacios anteriores y posteriores.

Activa la casilla "insertar saltos de página" si tu intención es incluir un salto de pá­


gina "antes de la imagen", "después de la imagen" o "antes y después de la imagen".

Activa la casilla "los ajustes se aplican a los objetos anclados" si quieres aplicarles a
todos los objetos anclados los ajustes que has realizado.

- La "conversión de imágenes" es un parámetro importante, ya que tienes la posibi­


lidad de convertir las imágenes de tu libro a GIF, JPEG o PNG. Lo único que debes tener
en cuenta es que con PNG el peso del documento aumenta considerablemente porque
se desactiva la compresión de imágenes.

Si eliges "automática", el programa se encargará de elegir el formato que considere


adecuado.

Si eliges GIF, te encontrarás con dos opciones: "adaptada" o "web". El formato GIF
cuenta con una paleta de color bastante limitada (máximo de 256 colores). Cuidado
con los colores web porque son muy limitados y, en ocasiones, ofrecen algún imprevis­
to. Activa la casilla "entrelazar" y las imágenes se cargarán de forma progresiva.

Si eliges JPEG, cuentas con otras dos opciones: "calidad de imagen", cuanto más alta
sea la calidad mejor visualización de la imagen, pero más grande será el archivo (por
tanto, más pesado). Siempre debes cuidar que el peso del libro no sea excesivo, por
ello, elige adecuadamente la calidad de imagen. Puedes optar por una calidad media.

El "método de formato" ya lo hemos comentado; si seleccionas "progresivo", la


imagen en la web se irá mostrando de forma gradual a medida que se descarga; si te
decantas por "línea de base", la imagen se mostrará después de haberse completado
la descarga.

© Alfaomega - RC Libros 97
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Si activas la casilla "ignorar configuración de exportación de objeto", en la expor-


tanción a EPUB se van a ignorar las opciones de exportación de objeto que hayas apli­
cado a las imágenes (y objetos).

Pestaña “contenido”
- Formato para contenido EPUB: por defecto está seleccionada la opción "XHTML",
que es la utilizada generalmente. El formato "DTBook" está diseñado para los lectores
con problemas de visión.

- Contenido EPUB: podrás elegir entre una serie de opciones: "Usar estilo de TDC
de Indesign", opción que utilizarás en caso de que tengas creada ya una tabla de con­
tenido (menú M aquetación / estilos de tabla de contenido) que seleccionarás en el
desplegable una vez activada esta casilla.

Contenido
r Formato para ««tenido fF tfi
jj¡ |XHTHt
¡ D íB m k

• Contenido
■ Usar titilo de TOC d t inOesign: [Por de :
: Dividir documento por estilo de párrafo: ;
Colocar nota t i grf» d t p ifio » después del párrafo
• Eliminar saltos de línea fo c a d »
¡ ■' ■ ' w
Opciones de CSS — ~ — — ----- --
! 0 Generar CSS
Üf incluir definiciones d t estilo
- Ü Conservar modificaciones loctles
| isf Incluir fuentes incrustadas
I 0 Sólo nombres de estilo
Q Usar archivo CSS existente
i |!#grf témplate .css
Figura 62. Exportación EPOB "contenido"

98 © Alfaomega - RC Libros
CAPITULO 3: DE INDESIGN A EPUB

“Dividir documento por estilo de párrafo". Como ya tendrás creados los estilos de
párrafo, s¡ activas esta opción, el libro se dividirá según el estilo de párrafo que selec­
ciones en el desplegable.

"Colocar nota al pie de página después del párrafo". Esta opción es interesante, ya
que aún no habíamos comentado nada acerca de las notas al pie de página. Es muy
sencillo: si activas la casilla, las notas aparecerán después del párrafo correspondiente;
si la desactivas, todas las notas se desplazarán al final del libro.

"Eliminar saltos de líneas forzados". Con esta opción eliminas todos los retornos
de carro (enter) automáticos al realizar la exportación a EPUB, no en el documento
Indesign.

- O pciones CSS: (Hojas de Estilo en Cascada). Como supongo que ya conoces qué es
CSS, paso directamente a comentar las opciones. Las hojas de estilo CSS se encargan
del aspecto del contenido; por lo tanto, tratamos sus opciones como algo independien­
te del contenido: una cosa son las opciones de contenido (las hemos visto) y otra muy
distinta son las opciones del aspecto del contenido, a saber, CSS.

"Generar CSS". Hay varias casillas:

"Incluir definiciones de estilo". Al exportar a EPUB se genera una lista de estilos CSS
que son editables. Activa esta casilla.

"Conservar modificaciones locales". Al exportar a EPUB se conservan formatos loca­


les como negrita o cursiva. Activa esta casilla.

"Incluir fuentes incrustadas". Al exportar a EPUB se incluirán todas las fuentes para
que no existan problemas con la tipografía. Para ello, las fuentes deben ser incrusta-
bles. Activa esta casilla.

"Solo nombres de estilo". Solamente se incluyen nombres de estilos no definidos en


la hoja de estilo del EPUB.

"Usar archivo CSS existente". Debes elegir una hoja de estilos CSS ya creada y escri­
bir su URL relativa; por ejemplo "mis_estilos/estilol.css” : donde "mis_estilos" es la car­
peta donde guardas las hojas de estilo y "estilol.css" es la hoja de estilos seleccionada.

VALIDACIÓN DEL ARCHIVO EPUB


Hacer la validación del archivo EPUB es fundamental para detectar cualquier error
que pueda haberse cometido y asegurar el funcionamiento correcto del EPUB. En oca­
siones, el documento EPUB se verá bien en los dispositivos y, sin embargo, algunos

© Alfaomega - RC Libros 99
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

editores no lo aceptarán si no pasa la validación. Existen muchas herramientas para


llevar a cabo esta operación.

Es interesante un sitio web en el que encontrarás toda la información necesaria


sobre las normas establecidas para que un documento EPUB pase la validación. Su URL
es http://idpf.org/

Hay otra herramienta muy utilizada que sirve para la validación de un archivo EPUB
y es "E p u b C h e c k la encuentras en http://code.google.eom/p/epubcheck

Otra aplicación que se utiliza para validar un EPUB es "Oxygen XM L Author". El


inconveniente de esta es que no es gratuita (se puede probar durante 30 días) y no
cuenta con una versión en español.

Sin embargo, yo voy a hacer uso de una aplicación que, además de funcionar como
validador de archivos EPUB, la utilizaremos durante todas las explicaciones posteriores
sobre la edición del contenido del archivo EPUB. La aplicación es "Sigí7", es gratuita, en
español y sirve tanto para PC como para Mac.

NOTA: Para visualizar y editar el contenido de un archivo EPUB (explicaciones pos­


teriores), puedes realizar la descompresión del EPUB. Yo opto por abrirlo con la aplica­
ción Sigil (o Author) y, a través de ella, hacer todos los ajustes necesarios. No hará falta
descomprimir el EPUB ni volver a comprimirlo al finalizar.

- Descarga e instalación de "Oxygen XM L Author":

Has de saber que esta aplicación la puedes descargar e instalar tanto en Mac como
en PC. Accede a la URL http://www.oxygenxml.com/

Para empezar, elige la pestaña “ Windows" si tienes PC o "Mac OS X" si tienes Mac.
Pulsa en el botón "downioad". En el cuadro de diálogo selecciona "ejecutar". Espera a
que se descargue la aplicación; cuando finalice te preguntará por el idioma. Elige el que
quieras (no hay español). Yo trabajo con la opción "English".

Procede a la instalación siguiendo los pasos habituales de instalación de cualquier


aplicación. Fíjate que hayas seleccionado la casilla "EPUB Book".

Espera a que la instalación finalice; lleva un tiempo. Cuando termine, pulsa en el


botón "finish". En el último cuadro de diálogo elige "remind me iater".

100 © Alfaomega - RC Libros


CAPÍTULO 3: DE INDESIGN A EPUB

Se abrirá la aplicación "Oxygen XML A u t h o r en el cuadro de diálogo selecciona


"cióse". Has finalizado con éxito la instalación de la aplicación. Veamos, pues, cómo
hacer una validación.

Una vez tengas la aplicación abierta, desde el menú "File" accedes a "open" para
abrir el archivo EPUB: aparece un cuadro de diálogo a través del cual buscas tu archivo
EPUB y lo abres.

Estás situado en la aplicación "Author": fíjate en el cuadro situado a la izquierda


y ves una serie de carpetas; son el contenido del archivo EPUB. Simplemente, pulsa
sobre el primer elemento, cuya extensión es .epub (es el archivo EPUB en sí mismo) y
en la barra de herramientas que tienes justo encima, selecciona el botón "Validóte and
Check fo r Completeness" (figura 63). Comienza el proceso de validación. Si el archivo
está correcto, se te comunicará con "validation successful". Si el archivo tiene algún
error, aparecerá un cuadro abajo indicándote en qué lugar, en qué línea y qué elemen­
to está incorrecto. El mensaje es "validation failed". Procede a corregirlo, guarda el
archivo (menú "File" / "save") y vuelve a validar.

Figura 63. Validación de EPUB con Oxygen XML Author

© Alfaomega - RC Libros 101


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

NOTA: Te aconsejo que hagas una copia del archivo EPUB original antes de proce­
der a editarlo desde la aplicación "Author". Guarda esta copia con otro nombre. Así,
siempre vas a conservar el original por si algo no te sale bien. Entonces, para todas las
pruebas y ajustes que realices desde "Author", usa esta copia y no pierdas el archivo
EPUB original.

La aplicación Sigil
Sigil es un editor de ebooks. Entre sus ventajas he destacado que es gratis y en
español; pero además, podrás ver y editar el contenido del EPUB sin necesidad de
descomprimir.

Para descargar Sigil accede a la url: code.google.com/p/sigil/downloads/list

Encontrarás los vínculos para descargar la aplicación de forma gratuita y tanto para
PC como para Mac. Una vez que pulsas sobre el vínculo correspondiente, comienza la
descarga. Cuando finalice, solo debes hacer doble clic en el icono que se ha guardado
en tu ordenador y aceptar para que Sigil se instale.

El uso de la aplicación es sencillo (figura 64). Para abrir un EPUB, pulsa sobre el
segundo botón que ves arriba de izquierda a derecha y selecciona el archivo. En la
pantalla principal de Sigil hay un cuadro a la izquierda llamado "explorador del libro" y
en él aparecen todas las partes del archivo EPUB. El cuadro que observas a la derecha
es el índice de contenido. En el siguiente capítulo procederé a explicar cómo editar
utilizando Sigil.

Existen una serie de botones y herramientas en la parte superior de la aplicación (fi­


gura 65). Empezaré por las de arriba, de izquierda a derecha. El primer botón sirve para
crear un libro nuevo. La siguiente permite abrir un libro ya existente. A continuación,
hay dos botones con los que se guardan los cambios. Las flechas que ves indican "des­
hacer los cambios" y "restablecer los cambios". Con la tijera eliminas lo seleccionado.
Justo al lado tienes los botones para copiar y pegar. La lupa permite buscar en el texto.

Los tres botones que ves a continuación son las diferentes visualizaciones del EPUB
en Sigil, a saber, ver el libro, ver el código o dividir la pantalla para ver tanto el libro
como el código. Es parecido a las vistas de Adobe Dreamweaver.

Los botones siguientes son "chapter break" que sirve para añadir un capítulo nuevo
e "inserí image" con el que podrás seleccionar una imagen de las introducidas en el
EPUB.

102 © Alfaomega - RC Libros


CAPÍTULO 3: DE INDESIGN A EPUB

Pasamos a los botones que están justo debajo de los anteriores, de izquierda a
derecha. Observa un desplegable que, por defecto, Indica "normal". SI lo abres, verás
<select heading> que se refiere a los encabezados. Con estas opciones podrás seleccio­
nar un texto y convertirlo en encabezado. "Heading 1" es el principal y los siguientes
equivalen a rangos inferiores.

Figura 64 . Sigil

Los botones siguientes se corresponden con "negrita", "cursiva", "subrayado", "ta­


chado" y las alineaciones. Luego, encuentras los botones que se refieren a las listas (no
numeradas y numeradas) y las sangrías.

Los tres últimos iconos son importantes: mantén los dos primeros activados porque
permiten la comprobación del archivo. Y el último es la validación. Al realizar la vali­
dación, aparece un cuadro en la parte inferior de la pantalla denominado "resultados
de la validación", en el cual se indica el fichero, la línea del error y un mensaje de ex­
plicación.

%
c :bÜj 0 |ji g i| j iff:. <> % 3 f

Normal J ¿ ;J |l L: )L: ♦ É fe llfl


' '4
Figura 65. Botones de la aplicación Sigil

© Alfaomega - RC Libros 103


EPUB AVANZADO

INTRODUCCIÓN
Un archivo EPUB es como un pequeño sitio web. Esta característica es una de las
más interesantes: un archivo EPUB nos permite poder descomprimirlo y analizar su
contenido. El formato EPUB es un archivo comprimido en el cual encuentras una colec­
ción de archivos XHTML, XML Y CSS: cada uno cumple una función.

Todos los archivos que forman el EPUB están agrupados y comprimidos en una mis­
ma carpeta; y nuestro objetivo es decomprimirla para interpretar y modificar su conte­
nido en caso necesario. Una vez realizados todos los cambios, lo volvemos a comprimir.

Para descomprimir un archivo EPUB, lo puedes hacer de varias formas: lo descom­


primes como si de un archivo .zip se tratase o utiliza la aplicación Sigil para visualizar el
contenido del archivo EPUB. Te adelanto que lo analizaremos a través de dicha aplica­
ción. Lo veremos en explicaciones posteriores.

Un archivo EPUB puede abrirse también desde un editor de textos como "Note-
pad++” o "TextEdit"; en este caso deberás proceder primero a la descompresión del
archivo EPUB: tendrás que cambiarle la extensión .epub por la extensión .zip para po­
der descomprimir. Y para volver a comprimir realiza la operación contraria. El tema de
la descompresión no se tratará en este libro, por el mero hecho de que utilizando Sigil
no hace falta y considero que es un proceso más lento. Incluso puedes descomprimir el
EPUB desde Adobe Dreamweaver: es un programa perfecto para editar archivos XML,
XHTML y CSS. Claro está que, para ello, debes manejar la aplicación en cuestión.

NOTA: No utilices "Microsoft Word" para editar el contenido EPUB porque estropea
el HTML.
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

CONTENIDO DE UN ARCHIVO EPUB

Archivos que forman EPUB


Vamos a analizar el contenido de un documento EPUB. Habrá archivos que podrás
modificar, pero otros no los tocarás. Abre la herramienta Sigil y a través del botón
"abrir", abre el archivo EPUB para visualizar su contenido.

- META-INF. Contiene el archivo “container.xml". XML es una herramienta que trans­


forma los datos en información: les asigna un significado concreto y los asocia a un
contexto. Podrás abrirlo y editarlo a través de Sigil.

- CARPETA OEBPS. En esta carpeta se almacena el contenido del documento EPUB.


Encuentras en esta carpeta los archivos HTML y CSS que podrás editar. Debes conocer
y manejar estos lenguajes.

Carpeta "image": al exportar un documento a EPUB mediante Indesign, las imáge­


nes se guardan en una carpeta independiente. En Sigil es la carpeta "imágenes".

Carpeta "CSS": aquí se guardan los estilos CSS que has aplicado a los archivos HTML.
Podrás modificar valores en estos estilos e ir haciendo pequeños cambios. Evidente­
mente, tienes que conocer y manejar las hojas de estilo en cascada (CSS). En Sigil es la
carpeta "estilos".

Carpeta "font": en esta carpeta se encuentran las fuentes tipográficas utilizadas en


el documento, con sus respectivas ubicaciones. En Sigil es la carpeta "tipos de letra".

- CONTENT.OPF. Funciona como el cerebro del documento EPUB. Se divide en:

“Metadatos": los metadatos son la información sobre el documento como nombre


del autor, título de la obra, editorial o ISBN. Estos datos se pueden añadir en las "op­
ciones de exportación a EPUB" y son necesarios para pasar la validación del archivo.

"M a n ifie s t o se encarga de dar el visto bueno a los elementos del archivo EPUB;
comprueba que todos están correctos. Si algún elemento está erróneo, la validación
será negativa.

"S p i n e e s como la columna vertebral del documento EPUB.

"Guía de la sección": hace referencia a la cubierta y al título y debemos introducirlo


manualmente. Y "toc.ncx": es la tabla de navegación.

106 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

Como podrás ver, se almacenan todos los documentos XHTML; cada uno de ellos es
un capítulo del libro. Puedes abrir uno desde la aplicación correspondiente haciendo
doble clic sobre él. Es decir, lo puedes editar.

- MIMETYPE. Este archivo contiene solo una línea y debe estar guardado en la car­
peta raíz. No le cambies nunca el nombre: ha de llevar obligatoriamente este.

NOTA: Iremos viendo cómo se editan una a una todas las secciones del archivo
EPUB comentadas en este epígrafe.

Archive Browser 9

& * J1 Q 1 . Jv X 1a I m
Q libro_guerra.epub

t> |s META-INF

¿ OEBPS

> css

> ,|¿ font

|> |¿ Image

<4 agradecimientos, xhtml

¡3 # contentopf

<»> introduccion.xhta!

<*> pagina 1,xhtml

M pagínaiQ.xhtml

IjgJ pagina 2, xhtml

|*§ paginaS.xhtmS

<#> pagina4, xhtml

i*| paginaS.xhtml

fj¡ Project : f|§ Archive Browser [

Figura 66. Contenido archivo EPUB

© Alfaomega - RC Libros 107


[ EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Interpretar un archivo HTML


En la sintaxis del lenguaje HTML ten en cuenta:

- Es obligatorio utilizar siempre letras minúsculas para las etiquetas.

- Un elemento HTML empieza con una etiqueta de inicio llamada '‘etiqueta de aper­
tura" y acaba con una etiqueta final llamada "etiqueta de cierre".

- El contenido se encuentra situado entre ambas etiquetas.

- El documento comienza con la etiqueta de apertura <html> y finaliza con


</html>.

-<head> o cabecera incluye el tipo del documento (que es HTML), el código que
utiliza UTF-8 (caracteres universales), título del documento <title>: aportan infor­
mación a la página, pero el lector no los ve; es decir, los metadatos. Se cierra con
</head>.

- El cuerpo del documento se introduce entre las etiquetas <body> </body>.

-Las etiquetas <div> son las distintas divisiones que se pueden hacer en una pági­
na. Se utilizan para definir una sección en el documento. También puedes usarlas para
agrupar un bloque de elementos y darles un estilo:

<div style="color:red">

<p>Párrafo de color rojo.</p> </div>

El valor de los atributos siempre va entre comillas: "coior:red".

La etiqueta <div> va seguida de un elemento del libro, como un marco de texto o


una imagen. Se cierra con la etiqueta </div>. Dentro de <div>, cada elemento que
sea un párrafo comienza con la etiqueta <p> y finaliza con </p>. Si el elemento es
una imagen, utilizarás la etiqueta <img>. La etiqueta <span> es el estilo de carácter
y <class> es el grupo al que pertenece el elemento al que acompaña.

- Los encabezados aparecen con las etiquetas <hl> hasta <h6>. <hl> es el enca­
bezado con más importancia (y en general, con más tamaño).

- Si te encuentras con la etiqueta <br /> (está bien escrita), deberás saber que hay
un salto de línea y como en HTML todas las etiquetas han de estar cerradas, esta se
representa con la barra al final: <br/>. Esta etiqueta no lleva contenido.

108 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

Pues bien, hemos hecho un breve resumen de la sintaxis del lenguaje HTML. No voy
a explicar su funcionamiento, simplemente me he remitido a recordarte algunos pun­
tos importantes a tener en cuenta cuando escribes en este lenguaje. Si a medida que
relees estos puntos, tienes a mano un ejemplo de documento HTML, vete echándole
un vistazo.

NOTA: La única forma de entender un lenguaje como HTML o CSS es "pegándote


con él", y por supuesto, un buen manual para estudiarlo. Como siempre digo: haz
pruebas y más pruebas, y visualiza el resultado.

1 v e x s io n » "’ 1 . 0 " c n c c d in g * “ ÜTF-8' sz&Ci dai€íi««*"ño’


2 <!DCCX¥f£ ht»l PUBLIC “-//K3C//DTD XHTKL I.I/7BT *1 « P S / / W
3 c h t a i . . ■..í ~ * h c t p :/ / v w .¥ 3 .o r 9 / i§ & § / x h r x l" >
4 » <bM Ü>
jx i >
» <lxak a a / X ífc r c ^ jjw rr a u c a s ’*
y < /m m >
8^ «body i *p4?ioal :~j. 5^*«»«£S">
3 «t iv H a r c o - t le - t e x t o - b - s ic o - i" »
<p Je &0*«l l “ X 3 p * o .. - " t e x t o *
11 <p -“ t c x c o ~ a * o t r a l- l" X 3 p « n . ¿ t - ' t t x t o - g
12 <p ^ * t e x t c - g e a e r & i~ i* x a p * a aas * * te x to ~ g
i» <p " t e x t C ”*g « n e r« i“ i" X s p ^ n ..
14 <p 2; -a « x t c - 3 e & e r * l- :r > i« l se .*</p>
1$
1# Kfbotijf>
I» > «*«.*»% V
F ig u ra 67. Ejem plo de documento HTML

EDITAR EL CONTENIDO DE UN ARCHIVO EPUB


Existen algunas operaciones para mejorar el documento que hemos exportado a
EPUB. Estas mejoras no se realizan desde Adobe Indesign, sino desde el propio archivo
EPUB. No existe un programa específico para editar un archivo EPUB; hay varios edito­
res, tanto para PC como para Mac. Ya hemos hecho mención en epígrafes anteriores de
los editores de texto y de Adobe Dreamweaver; sin embargo, la aplicación que utiliza­
remos será Sigil, que te sirve tanto para PC como para Mac. Ya hemos explicado cómo
descargar e instalar dicha aplicación.

© Alfaomega - RC Libros 109


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Otros editores interesantes son "Calibre", que io veremos más adelante, y "Oxygen
XML Authod'. Ambos sirven tanto para PC como para Mac.

A lo largo de esta parte ¡remos trabajando en la edición de los contenidos del archi­
vo EPUB y, repito, usaremos Sigil. Para comprender estas explicaciones, has de conocer
y manejar los lenguajes HTML y CSS.

Toc.ncx
Este archivo se encuentra dentro de la carpeta OEBPS. Como te refería anterior­
mente, este archivo contiene la tabla de navegación.

NOTA: No es el índice de contenidos del libro, sino la tabla de contenidos navegable


que, si tú no la creas, la crea Indesign automáticamente al exportar a EPUB. Este ar­
chivo es editable (aunque no suele ser necesario), incluso puedes cambiarle el nombre
siempre y cuando la extensión siga siendo ".ncx".

1. En la cabecera <head> aparecen cuatro elementos, de los cuales los dos prime­
ros son los que nos interesan.

-dtb:uid. Es el identificador único; los editores suelen utilizar el ISBN. Se coloca


la etiqueta "urn:uuid" delante del identificador. Todo libro electrónico tiene que apare­
cer con un identificador único que solo le pertenecerá a él. Si no cuentas con el ISBN,
puedes encontrar uno a través de un generador de códigos (búscalo en "Google").
Sabes que también lo puedes comprar. Ahora bien, si has creado el libro en Adobe In-
design, la aplicación ya habrá generado de forma automática tu identificador.

-dtb:depth. Es el número de niveles que tendrán los elementos en la tabla de


contenido. Se muestra con un número entre comillas: content="2".

- Los elementos dtb:totalPageCount y dtb:maxPageNumber los dejas


con un valor "0" porque hacen referencia al libro en versión impresa.

2. El siguiente elemento que encuentras va incluido en la etiqueta <docTitle>,


donde debería ponerse el título del libro; sin embargo, no aparece. Ponlo manualmen­
te de la siguiente manera:

<docTitle>

<text></text>

</docTitle>

110 © Alfaomega - RC Libros


CAPITULO 4: EPUB AVANZADO

Escribe el título del libro entre las etiquetas <textx/text>; entonces:

<docTitle>

<text>El arte de la guerra para juegos multijugador</text>

</docTitle>

<:?xitl versioa***!.©1* eEeodlisg®**III-F*8** standaloiie


<! DOCIYFE ncm TOLIC «-//IISO//OTS non 2065-1/^
<acx "h t t p : / / w ¥ ,daisy ,org/z3986/200S/ocx
<head>
<meta nase»"dtb:ui<r content=wurn;uuid:
oseta nair.a*wd tb :depth* « atéis c**0" />
<meta nair.e*” d t h : to talP a g eC o u n t” cor. ztr> c
<meta r¿asse*"dtb:K&xFageHuiDber " concento
< /h e ftd >
<d:OcTitle>
<text>£l arte de la guerra para juegos :
</docTitle>
Figura 68. Ejemplo de toc.ncx

3. El último elemento está entre las etiquetas <navMap></navMap> e incluye


la tabla de navegación (figura 69). Cada elemento de la tabla está entre las etiquetas
<navPointx/navPoint>; va acompañado por los atributos id que es el número
de entrada en la tabla y playorder que es el número que indica la posición real del
elemento en la tabla.

navLabel incluye el aspecto de los enlaces de los elementos de la tabla.

<text> indica el nombre del enlace. El primer elemento es <text>cover</text>


que es la cubierta. Más adelante explicaré cómo crear la cubierta. En la imagen aquí
presentada solo aparece un elemento de la tabla de navegación dentro de las etiquetas
<navPointx/navPoint>. Para introducir más elementos, solo tienes que añadir
una nueva entrada <navPoint>.

© Alfaomega - RC Libros 111


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

C ontentopf
Este archivo también está incluido en la carpeta OEBPS. Funciona como el cerebro
del EPUB. Puedes cambiarle el nombre pero no su extensión ".o p f.

Este archivo no viene completo; hay una serie de información que has de añadir a
mano. Ya sabes que este archivo consta de las siguientes partes: <metadata>, <ma-
nifiest>, <spine> y <guide>. Precisamente, esta última tendrás que crearla ma­
nualmente.

La primera línea es la declaración XML y a partir de la segunda línea se añaden los


demás elementos; a partir de <package>.

<navM ap>
14 w < a a v P o ia t i d ^ n a v p o i a t ; ! * $ . -
15 V ; < a a v L a b e l>
16 < te z t> p c ¡z t& d ñ < / t e x t »
17 « /n & v L a i* ! »
18 . « ce a ten t i ~" p o r t a d a . x h t a l " / >
18 < /n a v P m n t >
20 < m v ía in t ' - nn & v g o í m 2 “ % - ”2 *>
21 V < n a v L a b e l>
22 < te x t> a g x a d e c im e n t;ü 3 < /te x t>
23 < /íi& v L a b e l>
24 < c ® B te a .t « " a fr M e c i m e a t o s . x h ta l"
25 < /a a v P o in t>
Figura 65. NavMap

<METADATA>: contiene la información sobre el libro, que servirá para que los
eReaders lo encuentren. Introduce el mayor número de metadatos. El proceder es sen­
cillo: debes escribir el dato siempre entre las etiquetas de entrada y salida. Ejemplo:

<dc:title>Introduce aquí el título del libro</dc:title>

El título del libro es un dato necesario. Lo puedes introducir antes de la exportación


a EPUB; y si no, desde el archivo "content.opf, tal y como te he explicado. Otro dato
necesario es de: identifier que es el identificador único, del cual hemos hablado
en varias ocasiones. Deberá coincidir con el elemento dtb:uid del archivo "toc.ncx".

También es necesario de:date que es la fecha de publicación; debe contener el


año (cuatro dígitos). Puede llevar dos dígitos más que equivalen al mes y otros dos para
el día (figura 70).

112 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

«:?»ni encodin 0='% üTF-g" s ta n a a lo n e -’yi


«pockoge xmlns---."h t t p ://www.idpf .org/2007/opf** umqt
<metQdotQ xmins:ác=“h t t p : / / p u r l .org/dc/elem entí
«meto raro ■”generotor" contei'¡t~"Adobe InDeí
<meta name-^cover'* co n ten t* “xl99*png” /»
< d c :title > E l a r te de la guerra para juegos
< d c:creato r> F elip e González Vtllacampa</dc:
<dc: subject>V ideo 3uegos</<Jc: suáject>
< d c:d escrip tio n > g u ia de videojuegos</dc:deí
<dc: puM ,lsher></dc: p u b lis h e o
<dc: date>2012 -87-- 18</dc: d a t o
<dc: s o u r c e x /d c : source>
<dc:relationx/dc:relation>
<dc:coveragex/dc:coverage>
<dc: r ig h ts > < /d c r ig h t s»
<dc:language>es~ES</dc:language>
<dc: í d e n t i f i e r ici-"bookid">urn: u u id :2810dat
< /«etadata>
Figura 70. Metadata

Otro de los elementos importantes es de: language. El código español es es y


el inglés es en.

Otros metadatos no obligatorios pero no menos importantes son: dc:creator


(autor del libro); dc:subject (tema del libro); de : description (resumen del
libro); de : contributor (otros colaboradores del libro); de : publisher (nombre
del editor); de: rights (estado del Copyright)-, de: source (título original del cual
procede la versión electrónica).

NOTA: Intenta introducir en el EPUB todos los metadatos que te sea posible.

< M A N IF IE S T > : es la lista de todos ios elementos que forman este libro electró­
nico; aquí aparece absolutamente todo lo que contiene el archivo EPUB, incluyendo la
hoja de estilos o las imágenes.

© Alfaomega - RC Libros 113


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Cada elemento de la lista comienza con la etiqueta <item> y consta de tres atribu­
tos: id que es el identificador único (cada elemento del archivo EPUB tiene el suyo),
href que es la ubicación exacta del elemento y media-type que indica el tipo de
elemento.

Existen varios "tipos" de elementos:

- image/jpg para imágenes en formato JPEG, image/gif para imágenes en


formato GIF, image/png para imágenes en formato PNG e image /svg+xml para
las imágenes SVG.

<m& íítst>
<ise« is i m1 sí*fKS«*á*,3te*i* *i
<iztm i< « •iftiÉ te lM m z * mi» * tf t tie c iiá ta to * . Á i i
<izem u • *ia t tetóse!©»* "iRWeáutctca.xhtzi"
<¿«tm ú «•pegiwti* srtl "paginai. xhtml* s»-á.. ■- 1 ■ "a
<Í«€R ±t «"jiifina*" • "pagina2 . xhtmi* zeú i * ■typ« "a
<lxem ii fea f «"pégiis«3.xfewl* sedift-t pe-"4
<1 z«m 1,: "pagina*" i -1 *■"pagina*, xhtxl" jneaté-iyp* "a
<i %m le "paginad" i r t l *p*gin*$.xhtal* s*ai*-cype *a
<izt& a ’pagmaí* t f "pagina!.xhn&l" ate í¿a~type *«
< ízm u «"paginé?" fer«f "pagina?. xht»i" aed; a- 1 ype «"a
<ls«ss le "paginaS" «•; «"pagina!. xfctsl" se-iia-typ«- *«
< ízm M«•ptfinéf* -*pégin«§.xbtaa* Ke41*«t?pe "a
u "pagínalo" i *»"paginaló. xütml* s» iia -1 y p -
« it« s ii **r«x" nr«í*"toc.ncx" sedia-v/pe •"applicétior,
<ít«» ; ~*1 tbre jjruer ra. esa" bre ?«"c « / 1 ibr cjruezr a. ca
«Item i< «"Jinél-BoXáXT.nr re:«"fo&t/ArUl-toldKX.l
cite® u hce£-~¿oftt/Arielxr. TTf* **: u -
«Item it -"xm .png* r,re í< "image/lW.psg" xedia-tiT«^*
Cite» ic »"x3t2.3pg" hre f* *iffége/39l2.3pg“ «eira-i/pe»*
<i v m it **”x445.3P3" «'«ítt;>*i®age/44§,3pg" k í u
Cite» a *"x514. 3P3 " .".ref «*is&age/ $14. gp-g* se úi a-1 ype» *
«Item is *"x$4S. 3J>g" fere í «*izé ge/ S4S. 3pg " x* 3 i a*t ype »*
Cite» isi«*x$64.3pg" ir : £•■“iaage/564. jpg" *edi.«~type-"
CiCC® ' i~"ptrt*<t«_í=t.3p«g" Hrcí«o*ts»«e/|»Xt*á*_f8K ,3
</mni
Figura 71. Manifiesto

114 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

- a p p l i c a t i o n / x h t m l + x m l para los archivos XHTML y HTML.

- t e x t / c s s es la hoja de estilos CSS.

- f o n t para las fuentes tipográficas.

< S P IN E > : establece el orden de los archivos XHTML. Es la columna vertebral. Si


has creado el documento EPUB en Adobe Indesign, no hará falta que edites nada.

Entonces, concluyo la explicación aquí.

espine t : "ncx">
citemref "pórtale" />
citemref "agradecí:stient
<itemref "introducción"
citemref odre ff™ "paginal” />
Citemref idr e £=■”pagina 2 " />
citemref ref=*pagina3" />
Citemref ilief "pagina4” />
citemref ef="pagina5" />
citemref "paginac" />
Citemref idref=Mpagina7” />
citemref i,dreí="psginaS " />
Citemref “ "pagina3" />
Citemref ef-"paginalO " />
</spine>

Figura 72. Espina o columna vertebral

Crear <guide>
Hay empresas como Apple o Amazon que piden otro tipo de información que son
las secciones de guía. Los dispositivos que requieren la guía son iBookStore, iPad, iPho-
ne y Kindle. En el caso de Kindle, basta con la tabla de contenido, necesita la cubierta y
el texto del primer capítulo.

© Alfaomega - RC Libros 115


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

<guide>
<reference type=wcover” :i: le-"portada" hre t- "peí
Creffereace text" riel ^"agradecimientos" h:
<refereace type=”text" z i z l e~"introducción” X.v^ ^ ;
<re£erence type-"text" z i z l e~"paginal" href = ”pag:
creíerence type=”text" ti die « ”pagina2 * href "pag:
<refereoce type--="text" tic e~"pagina3 ” tref -"pag:
Creíerence type~”text" titl "pagina 4" href ™"pag-
Crefereace t7ps="text” ti ti e»"paginaS" href - ”pag;
erefereace type~"text" :itle="pagín&€” href ™ "pag:
Creíerence type-”text" tíela-"pagina?" href »"pag:
creíerence ttp-e="text" ti ti e--"paginas” href -"pag:
<refereace tip s = wtexr” ti- e-*pagina9* tref ” "pag:
fírefereace; xype«*text" titie="paginal0 " hre i- "pa:
</guide>
Figura 73. Secciones de guia

La guía sirve para definir ia función de cada uno de los elementos del libro (cubierta,
página de derechos, índice, prólogo, etc.): todos los elementos del libro y del texto.

La guía es opcional porque ya ha sido definida en "toc.ncxr"; cuando digo "opcional"


me refiero a que no necesita validación. Aunque, como he mencionado, existen dispo­
sitivos que la necesitan.

La sección <guide> hay que introducirla manualmente; debes introducir las eti­
quetas en el archivo "contení.opf, después de la sección <spine>.

NOTA: Para completar <guide>, se requieren conocimientos más avanzados de


lenguaje HTML.

En lenguaje HTML, la <guide> tendrá este aspecto:

<guide>

<reference type="...." title="...." href=" " />

</guide>
116 © Alfaomega - RC Libros
CAPÍTULO 4: EPUB AVANZADO

donde, cada elemento comienza con la etiqueta <reference> con sus tres atribu­
tos: type que es el tipo de elemento, title que es el nombre del elemento y href
que es la localización (con extensión .html) del elemento.

Puedes consultar el atributo href de todos los elementos en <maniñest>.


Como atributo title pones el id de cada elemento que encuentras igualmente en
<manifiest>. En <manifiest> aparecen todos los elementos del libro. De cada
elemento, debes quedarte con <item> y sus atributos id, href y media-type
para completar la sección <guide> y <spine>.

Ejemplo de elemento en <manifiest>:

<item id="x9998.png" href="image/9998.png" media-


type="image.png" />

El archivo "co n ten í.o p f finaliza con el cierre de la etiqueta </package>.

NOTA: Para Apple, iBookstore y Kindle, todos los elementos del libro deben encon­
trarse en la sección <guide>.

Crear la cubierta
Cuando adquieres un libro electrónico, ves la portada como una página más de
este; sin embargo, la cubierta se designa mediante un ¡cono en miniatura generado
automáticamente por el dispositivo de lectura a partir de la imagen que hayas elegido
como portada.

La cubierta del libro es la que va a aparecer representando a este en las bibliotecas


o tiendas virtuales. Funciona del mismo modo que la cubierta de un libro impreso: es
lo primero que ves antes de hojear la obra.

Sabes que desde Adobe Indesign puedes diseñar la portada de tu libro, pero no va
a actuar como cubierta.

NOTA: Como te he comentado, la cubierta tendrá forma de un pequeño icono. Con


lo cual, cuando diseñes la imagen de portada, asegúrate de que se visualizará correcta­
mente al reducirla de tamaño.

Para que los dispositivos muestren bien el icono en miniatura de la imagen de la


portada, has de seguir unos pasos:

© Alfaomega - RC Libros 117


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

1. El primer paso es crear un documento en formato XHTML. Ya conoces cuál es la


estructura de un documento de este tipo: primeras líneas donde incluyes codificación
y versión; <head>, dentro de la cual escribes el título <title> y el link de la hoja de
estilos CSS; <body>, donde colocarás la imagen de portada. Asegúrate de cerrar bien
todas las etiquetas.

NOTA: La etiqueta <body> no puede contener una imagen como elemento único;
por tanto, la imagen irá dentro de la etiqueta <div> (recuerda cerrarla: </div>).

NOTA: Este documento XHTML ya estará creado en la carpeta OEBPS al haber dise­
ñado una página Indesign para la portada. En el ejemplo que sigo, lo ves como "porta­
da.xhtml".

Un ejemplo sería el siguiente:

<?xml version="l.0" encodign="UTF-8" standalone="no"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://


www.w3.org/TR/xhtmlll/DTD/xhtmlll.dtd">

chtml xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Título del documento html</title>

<link href="template.css" rel="stylesheet" type="text/


css"/>

</head>

<body>

<div>

<img src="images/imagenportada.jpg" alt="imagen de la


portada" style="max-width:100%"/>

</div>

</body>

</html>

118 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

El enlace (link href) con el nombre témplate .css es la hoja de estilos CSS
utilizada. E "images/imagenportada.jpg" es la ubicación de la imagen que
usas como portada en tu ordenador. Recuerda no cambiar la imagen de carpeta, sino
romperás el vínculo e Indesign no encontrará el archivo JPG. En cuanto a alt es una
descripción de la imagen de portada.

Es importante añadir esta información de estilo (style) que ves en la ilustración, a


la imagen en el documento XHTML, sobre todo porque en el caso de Adobe Digital Edi­
tions (que es precisamente la aplicación que estamos utilizando), al crear el ¡cono de
cubierta, solo utilizará la esquina superior izquierda de la imagen. Entonces, al añadir
style="max-width:50%", estamos obligando a Adobe Digital Editions a insertar
la imagen completa para crear el ¡cono de la cubierta.

El primer paso queda completado.

2. Ya has creado el documento XHTML (te recuerdo que si has diseñado una página
Indesign para la portada, este documento XHTML ya estará creado: búscalo en la car­
peta OEBPS) para la cubierta del libro.

Ahora tendrás que actualizar el archivo "contení.opf para que esta imagen sea
efectivamente reconocida por los eReaders como la cubierta. Para ello, colócate en
el archivo "content.opf y dentro de él en <metadata>. Tienes que introducir la si­
guiente línea:

<name="cover" content=="id_imagen"/>

Como ves, escribes la etiqueta <meta> seguida del atributo ñame y del atributo
content; donde ñame siempre será "cover". El atributo content será el id de la
imagen y ha de coincidir con el id de esta en <manifiest>.

El id es el ¡dentificador, es decir, el nombre que la aplicación ha utilizado para de­


signar la imagen y que sea el mismo que en <manifiest>.

El id de <manifiest> situado en la primera línea es:

citem id="portada" href="portada.xhtml" media-


type="application/xhtml+xml"/>

Es importante que la tengas en cuenta para la posterior edición de <spine>.

3. Recuerda que <spine> es la columna vertebral del documento, a saber, implica


el orden del contenido del libro. Siendo así, es de suponer que la cubierta tiene que ser
el primer elemento del libro. Dicho esto, vamos a interpretar el elemento que encuen­
tras en <spine>.

© Alfaomega - RC Libros 119


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Hay un elemento itemref con un atributo idref. Este atributo idref ha de


coincidir con el id del elemento item en <manifiest>.

En <spine> observas por ejemplo:

citemref idref="portada"/>

El atributo idref es "portada" que coincide efectivamente con el id del item del
<manifiest>.

4. Finalmente, es aconsejable añadir la cubierta a la sección <guide>. Ya hemos


explicado cómo crear esta parte, así que escribe la etiqueta <reference> con sus
atributos type y href y recuerda colocarlo en la primera línea de <guide>:

Creference type="cover" title="portada" href="portada.


xhtml"/>

NOTA: Si has diseñado una página con Adobe Indesign para la portada, quizá todos
estos pasos que te he explicado, ya estén completados; simplemente, comprueba que
todo esté correcto.

MEJORAS EN EL EPUB

Editar un archivo CSS


Si abres tu archivo EPUB con Sigil y te diriges a la carpeta OEBPS, puedes ver que
existe un archivo con la extensión .css. Ya sabes que CSS es el lenguaje que se utiliza
para dar formato al contenido de un documento HTML.

En primer lugar, es interesante comentar que no todos los eReaders (por lo menos,
los antiguos) soportan CSS. Existen ciertos atributos que algunos de estos dispositivos
ignoran; como margin, width, padding o font-family. Sin embargo, parece
ser que si colocamos la etiqueta ! important en la regla CSS que pueda ser ignora­
da, cabe la posibilidad de atajar el problema.

La colocación sería así:

font-family: Arial !important;

NOTA: No abuses de la etiqueta ! important

120 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

'8font-face {
fo at-fam ilf :Arisl !import&at;;
f QñZ- st fIe : norma 1;
foat-neight:normal;
src : u rl (”. ,/font/ArialHX.TIF") ,*
}
Figura 74. Ejemplo etiqueta iimportant

La hoja de estilos que va a aparecer en el código del archivo EPUB dependerá de


la casilla que hayas activado en las "opciones de exportación a EPUB". Si eliges "solo
nombres de estilo", cada uno de los estilos que has aplicado en Indesign pasará a ser
una clase que acompañará a un elemento < p > o a un encabezado. Las reglas CSS se
pueden editar de forma manual.

La otra opción es elegir "usar archivo CSS existente", mediante la cual aplicas una
hoja de estilos ya creada.

Cuando exportas a EPUB, las reglas CSS se aplican correctamente, pero existen
algunos atributos que quizá no has definido y entonces se les asignan valores pre­
determinados. Es el caso de t e x t - d e c o r a t i o n : es una propiedad que por lo ge­
neral no se usa; al hacer la exportación a EPUB, se asigna en la hoja de estilos t e x t -
d e c o r a t i o n = n o n e ; . Lo que dice esta regla CSS es que no se aplicó ninguna
decoración al texto. Algo obvio porque tú no has aplicado dicho atributo; por tanto,
elimínala.

Con esto quiero decir que los atributos que no hayas aplicado como estilos antes de
la exportación a EPUB, deshazte de ellos eliminándolos en la hoja de estilos CSS que se
encuentra dentro de la carpeta OEBPS . Suelen crear confusión. Entonces, tienes que
eliminar todos los valores predeterminados que aparezcan en el archivo CSS y que no
los hayas asignado explícitamente en la hoja de estilos inicial. También puedes asignar­
le a tu documento una hoja de estilos CSS ya creada. (Es importante que seas ordenado
con los archivos; que tengas una carpeta para las imágenes, así como otra para textos,
otra para hojas de estilo CSS. Te será más fácil encontrar lo que buscas).

Bien, ponte en el caso de que tienes guardada en tu ordenador una carpeta con una
hoja de estilos CSS creada, que podrías perfectamente haberla conseguido por inter­
net. Cuando exportes tu documento a EPUB, en la pestaña "contenido" activa la casilla
"usar archivo CSS existente" y desde "elegir" elige tu archivo CSS.

Puedes visitar el sitio web http://epubzengarden.com, en el cual puedes ver dife­


rentes estilos para los libros electrónicos. (Si utilizas Firefox, deberás instalar EPUBRea-

© Alfaomega - RC Libros 121


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

:Mmn €®httíbütr \

¿y £<»?

} » » «r»í«

ChapterJ
<%
«*«5
<ÍM
*»W
}
<%
*&
«>»

mi m&wxm» ?mtmstmmxm-mm mw>r&mmmmmwmm


fey p m r áí*s& í$*r &*»á s&d mtí* se :&»«?? & m » á ífeas sise «<e5á wfcxr
i%smm m i &es £>*« <# m & $¡m* m -whish tfes S&sseá V&fia &pp#M$4
í* íft&sís p*m*m mé. i» ? ptiM* *& ereS *s H** ssíísar* *&á tm m $ ¿¿«toM
•fiapí»&*•*»*«*a%a% &e¡»&** pxmm* ^ &* «p*P
gpspgfcitfiaskaa$s.p&*?
íí<
éwsíííí#p«i»*&&**ppp"i
*s* *fe^'&sjí'íapsrsppsft
§&* p »* s p p » *? es 3s*i*s$ «¡&*w, «•«* m h &•* zM m m
ferk?-i*íss«f ÍmkííSí<wrf:íxvf5í.«r«wS'Sfji>»s^.JPxePwP**.£e&¡*v>x>s*

Figura 75. Página principal epubzengarden.com

der). Cuando tengas en pantalla la página principal del sitio, fíjate en el recuadro que
pone "change the style"; tiene un desplegable desde el cual puedes elegir el estilo que
quieras.

A través del menú Ver, accedes a "código fuente" (figura 76). Te aparece todo el
código CSS del estilo que has escogido. Lo seleccionas, lo copias y lo pegas en un ar­
chivo de texto. Lo guardas en la carpeta donde recopiles todos los estilos CSS que vas
a necesitar.

Cuando exportes tu documento a EPUB desde Adobe Indesign, podrás elegir este
código como hoja de estilos CSS (desde "usar archivo CSS existente"). Es una forma
sencilla de darle un estilo ya creado a tu libro.

NOTA: Asegúrate de que el código esté en UTF8.

Espaciados y sangrías de primera línea


Lo que vamos a intentar mejorar son los espaciados entre párrafos. Abre el docu­
mento CSS en la carpeta OEBPS a través de Sigil. Localiza el atributo m a r g in porque
vas a jugar con sus valores. Va a visualizarse así:

122 © Alfaomega - RC Libros


CAPITULO 4: EPUB AVANZADO

--■ - ' -" ' w ^ H %-* M M M.MÍ

Favoritos Herramientas Ayuda

Barras de herramientas ►

Pestañas rápidas Ctrl-^Q

Barras del explorador ►

Ira ►

Detener Esc

Actualizar F5

Zocm (100%) ►

Tam año del tarto ►

Codificador* ►

Estilo- ►

Exploración mediante el símbolo de intercalación F7

Código fuente

Informe de sequridad
Figura 76. Ver código fuente

margin: Xem Xem Xem Xem

donde, la "X" es el valor del margen; por ejemplo: 5em.

Para no liarte, te aconsejo que hagas uso de las etiquetas margin por separa­
do; es decir, existen cuatro márgenes, por tanto, cuatro etiquetas: margin-left,
margin-right, margin-bottom y margin-top. Equivalen a Izquierda, dere­
cha, abajo y arriba.

Lo único que has de hacer es Ir cambiando el valor de los márgenes a tu gusto y edi­
tarás el espacio entre los títulos (o cabeceras) y los párrafos. Generalmente se modifica
margin-bottom; los márgenes que no vayas a modificar, no los escribas.

© Alfaomega - RC Libros 123


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En el ejemplo de libro electrónico que estoy siguiendo, en cada regla CSS he añadi­
do los siguientes márgenes:

margin-top: 30px; margin-bottom: 25 px; margin-right: 30


px; margin-left: 30px;

He utilizado los mismos espaciados para encabezados y párrafos. Por supuesto, es


cuestión de ir probando y ajustando los valores según te convenga. En los encabezados
(que he denominado “títulos") he eliminado margin-right porque el texto del en­
cabezado es tan corto que no necesita que se especifique un margen derecho.

El resultado final es este:

Si te fijas en la figura 77, en font-family he añadido ! important como ha­


bíamos señalado en explicaciones anteriores. El atributo margin trae los mismos in­
convenientes que font-family, con lo cual le daremos el mismo trato: margin-
bottom: 25 px !important;

Además, font-variant o font-weight, e incluso, font-style (atributos


que pertenecen a la fuente tipográfica) no han sido especificados en el documento

49 v p . te x to -g e n e ra 1 f

51 c o lo r :# 2 3 1 f 2 Q ;
52 f o r i t - f a s i l f ; " H e lv é t ic a * * , s e r if liw p m z m & s
53 f ü ñ z s í z e t te m ;
54 f o a c - s t y l e i n o r m a l;
55 f o a t - v a r i a n t : n o r m a l;
56 f o a t - v e í g h t ; ; n o r m a l;
57 i í a e -b a ig iia í 1 » 1 5 ?
58 m ax§ in - b o t t e m ; 25px;
59 m a r g i n - l e f t : 3 0 p x;
60 s m r g in - r ig b t :30px;
61 m a r g ia - t o p ;3 0 p x ;
62 t e s t - a l i g a ; le ft;
63 t e s t - ia d e a t ; O px;
64
65
Figura 77

124 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

Indesign; por consiguiente, los elimino; salvo en p .títulos que no elimino font-
weight porque sí lo he especificado en el documento Indesign como bold (figura
79).

Figura 78

NOTA: Todo esto parece un tanto complicado, pero solo tienes que ir haciendo
pruebas y comprobando los resultados. Y recuerda efectuar de vez en cuando la va­
lidación desde la misma aplicación Author. La mejor forma de aprender es sentarte
frente al ordenador y hacer pruebas y más pruebas.

A través de CSS podrás aplicar sangrado a las primeras líneas de los párrafos. Al
igual que con los márgenes trabajabas con margin, con la sangría de primera línea
modificas text-indent.

text-indent:lOpx;

Alineación del texto


En el archivo CSS, la etiqueta que muestra la alineación del texto es text-align.
Lo habitual es aplicar text-align:left. Ahora bien, haz la prueba de cambiar
left por right. La figura 80 muestra una alineación derecha.

© Alfaomega - RC Libros 125


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

^p. fcejffco-general |

color:#231f20;
MJily:“Helvética", serif íiaportsat;
font-sime:lem;
líae^ññígñti1, 15;
m&Tqin-hotzom: 25px;
m xgia-1eít:3Opx;
margia-right:30px;
mrgia-tap: 30px;
text-aliga:left;
text-itiéeat:Opx;

}
Figura 79

Otras posibles alineaciones son center y justify. Fíjate en la figura 81: el resul­
tado con alineación centrada.

Puedes poner los encabezados o títulos centrados a través del archivo CSS: solo
tienes que buscar dónde se encuentra p con el título o encabezado correspondiente,
y añadirle text-align: center, por ejemplo.

IBooks siempre va a mostrar el texto con una alineación justificada, es decir, que
todo el texto estará alineado tanto a la derecha como a la izquierda. El lector puede
desactivar esta opción y, entonces, el texto mostrará la alineación que el diseñador
haya asignado.

Aunque parece ser que la aplicación ¡Books muestra un inconveniente y es que ig­
nora la propiedad text-align.

Para solucionar este problema, puedes ayudarte de la etiqueta <span> de la si­


guiente manera: en cada elemento <p> inserta la etiqueta <span>.

<p class="texto-general-2"> <span>Poner el texto</span>


</p>

Y entonces, en el archivo CSS especifica la alineación así (es un simple ejemplo):

126 © Alfaomega - RC Libros


CAPITULO 4: EPUB AVANZADO

p .texto-general-2 {

t e x t - a lig n :le f t ;

font-family:"Helvética", serif limportant;

font-size:lem limportant;

margin-bottom:25px limportant;

color:#231f20;

Figura 80

Marcos de texto y contorneos


- Marcos de texto

Ponte en el caso de que en tu documento Indesign diseñas un marco de texto y


colocas un texto en él. Le asignas un color al marco y, además, lo anclas al anterior y úl­
timo párrafo. Guardas los estilos, tanto de párrafo como de objeto. Al estilo de objeto
lo llamaré "marco amarillo".

© Alfaomega - RC Libros 127


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

1— —— ............ ... ■■ I
Si eres de la clase "asalto* tendrás «pe asaltar ( con» s« nombre índica) las *
posiciones enemigas a sangre y fuego sufriendo en tus carnes el fragor de la
batalla.
El fusil es el arma principal de la ciase “asalto” ; sirve para bajo y medio alcance,

INGENIERO

Si te gustan los RPGs y los tanques (conducirlos, repararlos y destruirlos), ésta


es tu cíase, Los Ingenieros utilizan subfusiles, que son armas de corta distancia
p ro mortíferas de necesidad,

y
Figura 81

Si realizas la exportación a EPUB verás que el objeto no es fiel al que tú has dise­
ñado en Indesign. Tendrás que realizar algunos ajustes desde Sigil: abre el EPUB en la
aplicación elegida y accede al archivo HTML. Aunque no se visualice correctamente, los
estilos han sido bien aplicados; con lo cual deben aparecer en el archivo HTML: el estilo
de objeto se convierte en un <div class>.

Lo que has de hacer es anunciar este estilo de objeto en el archivo CSS. Para
ello, busca el div que contenga "marco_amar¡Ho". En mi ejemplo aparece como
div. frame-6 porque en el documento HTML se muestra con el nombre marco-
amarillo frame-6. Cada caja de texto o imagen se nombra como frame. De ahí,
que tenga en mi archivo CSS desde un frame-1 hasta un frame-6 (figura 82).

Continuando en el archivo CSS, comprobamos que div.frame-6 va acompañado


de una serie de atributos:

background-color es el color de fondo; border-color es el color de bor­


de; border-style es el estilo de borde; border-width es el ancho del borde;
height es el alto del marco de texto; width es el ancho del marco de texto.

Puedes añadir otros atributos como margin-left para que el marco no quede
pegado al borde izquierdo de la página.

128 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

- Contornear el texto

Partiendo del ejemplo anterior, simplemente debes añadirle al estilo de objeto que
has creado en Adobe Indesign, la opción de "ceñir texto". Repaso: habías creado un
marco con un color de fondo, le incluiste un texto, lo anclaste al párrafo correspon­
diente y ahora lo has ceñido desde el panel Ceñir texto. Y finalmente, lo has guardado
como estilo de objeto.

Expórtalo a EPUB.

NOTA: Para este ejemplo, he cambiado de página en mi documento Indesign; por


ello, pasa a mostrarse como div. frame-5 en lugar de div. frame-6. Es exacta-

^img.frame-l {
w id tl» 9 c % ;
}
div, f rama-2 f
sargia;0px auto 0px auto;
t e x t - a l i g a ; cantar;
}
?img,fram.e-3 f
M d t h ;2 0 % ;
}
? x m g .fra m e -é {
w id t & :2 9 % ;
}
^ixDg.frame-5 {
w id t h :1 8 % ;
1
^div,frame-6 {
to a c fc g ro u n d -c o lo r: f d f d b l O ;
b o r d a r - c o l o r : # b c3 4 1 S ;
b o r d e r -s t f le : s o lid ;
f o o r d e r - w i d t h :I p x ;
h e i g h t :1 4 9 p x ;
m d ttu 2 8 G p x ;
i.
Figura 82

© Alfaomega - RC Libros 129


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

% Interesante, por la simple razón de que existe el coinpaftertsiiw:


itiym con el objetivo comtin de atacar tina posición (o defenderla);
layas matado a un montonazo de enemigos porque si no colaboras
fracasareis todos,

OtesdltoMalla di! etur?


tem nimporit eaqui saín
nani ral oditaquaest etur
solut eiiis ullibus prate
cus.
Uttabore, omiti vendaep
detesto beaquunt dolupta
mobit el qtii velicip
Muddioraconel
Figura 83. Ejemplo de marco de texto

mente lo mismo, solo me ha cambiado el nombre; que esto no te líe. El nombre del
div no importa.

En este caso, he añadido en la sección div. frame-5 (dentro del archivo CSS),
que es donde he creado el marco de texto amarillo, una serie de atributos: float que
es flotar; para que el marco flote contorneando al texto general del documento. Añadí
margin-lef t para que el marco no quede pegado al borde de la página y margin-
right para que el marco no quede pegado al texto general de la página (figura 84).

En la figura 85 puedes ver el resultado de un marco rodeado por el texto. Como


ves, el diseño ha quedado aceptable; pero el texto que está dentro del marco queda
un poco pegado al borde. Para solucionarlo, añado text-align:center, de esta
forma, el texto queda centrado en el marco y resulta más atractivo.

Las tablas
En caso de que hayas creado una tabla en tu documento Indesign, en la exporta­
ción a EPUB podrás comprobar que algunos parámetros han sido ignorados, como los
márgenes.

130 © Alfaomega - RC Libros


CAPITULO 4: EPUB AVANZADO

He diseñado una tabla en Adobe Indesign y le he añadido color en las celdas que
pertenecen al encabezado. Por supuesto, he guardado la tabla como estilo de objeto y
el texto contenido dentro, como estilo de párrafo.

^div.fraiae-S f
b a c k q r o u n d - c c lo r : # f f d e 3 9 ;
b o r d e r ~ c e lo ? : #231£2 0 ;
b o r d e r -s t y le : s o líd ;
feo rd e r -w i d t h : Ip x ;
feei'§iití4© 0px;
n id b h :1 3 8 p x ?
flo & t -íle ft ;
m a r g ia -le ft ;lO p x ;
iria rg ia -itig b .i: .s lO p x ;
}
Figura 84

Soedwslén (legaba tarde a todos l»s sitos > la<«uve* «encía e« que ree trataban en «I
km pis-pas.

**t fuga. Intí


rum ad
. auisquas ettm DEFENSA.ATAQUE
jvd etur,
|Wtaplti Ya se llame "asalto", "atacar cuatteles" o como lo quieran llamar,
ex.-fiSiuru luga es el querido modo de ~td defiendesy yo te ataco". Reconozcoque
Martin! es » ! preferidoen casi todos lasjuegos porque permite trazar
i jÜiendi int et estrategias de ataque, rápidos contraataques, defensas de ¡»sldo«»,|
jverei isaiu
etc.
|rt-niqnuu»
propia « c íe
¡ i-:m quitas
11

MÉmpmí ntod
bolate IIj
« t e f e s copias
Es otro modo dejoego en el que tienesque contar coa los
OTStpwteros para «atoar las misiones, Aquí el individualismo es
¡síntomade fracaso aunque seas un granjugador. Un par de tipos coordinados te harán
Figura 85

© Alfaomega - RC Libros 131


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En versiones anteriores de Adobe Indesign, probablemente, en la exportación a


EPUB también se ignoraría el color; para nuestra sorpresa, esto ha sido solucionado.
Puedes ver cómo queda en la Figura 86.

Figura 86

Abre el EPUB con Author y accede al archivo CSS. Encontrarás las reglas para ta-
ble.

table.Tabla-b-sica {

border-collapse : collapse;

border-width : lpx;

border-style : solid;

border-color : #000000;

margin-top : 4px;

margin-bottom : -4px;

Los atributos que acompañan a table y que han sido designados en Indesign son
los correspondientes al borde de la tabla, al color de fondo aplicado e incluso, en mi
caso, aparecen margin-bottom y margin-top. Considero que la tabla tal cual,
queda muy pegada al borde de la página; así que añado margin-left:lOOpx. Y
además, parece que la tabla es un algo estrecha para mi gusto; con lo que le aplico
width: 500px (un ancho de 500px). El resultado me parece más aceptable. Visualí­
zalo en la figura 87. El margen izquierdo no se percibe en la ilustración.

Si prefieres incluir la tabla manualmente en el documento HTML correspondiente,


también lo puedes hacer. Un ejemplo de una tabla sencilla en HTML es el siguiente:

132 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

<div>

<table id="tabla" border="l" style="background-co-


lor:#199">

<tr>

<th>Autor</th>

<th>Libro</th>

</tr>

<tr>

<td>Autorl</td>

<td>Obral</td>

</tr>

<tr>

<td>Autor2</td>

<td>Obra2</td>

</tr>

</table>

</div>

Autor 1 Obra 1
Autor 2 Obra 2
Figura 87

© Alfaomega - RC Libros 133


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Tienes que introducir la tabla dentro de una etiqueta <div>. <tr> equivale a cada
fila; <th> equivale al encabezado (en este caso hay dos que son "Autor" y "Libro");
<td> equivale a los elementos de la fila. Abre y cierra una etiqueta <td> para cada
elemento. Incluso, puedes añadirle algo de estilo a la tabla, como el color:

ctable style="background-color:#199">. De este modo, cambias el


color a toda la tabla.

En el archivo CSS deberás comprobar que la presencia de la tabla está anunciada.


Verás escrito:

table {border-collapse:collapse;}

Añadirás los atributos que quieras aplicarle a la tabla como width, margin-
left o los atributos para el borde de la tabla. Ahora bien, recuerda que <th> lo
habíamos usado para las celdas del encabezado y <td> para las demás celdas. Segu­
ramente, en el archivo CSS se visualiza de la siguiente manera:

td, th {border-style:solid; border-width:lpx;}

Pues bien, estos atributos los podemos editar. De hecho, en border-width es­
cribí el valor "3". Podremos añadir otros atributos: en el caso que estoy trabajando,
deseo ponerle un color verde a las celdas de encabezado. Escribo:

th {background-color:green}

Y quiero centrar el texto de las demás celdas:

td {text-align:center}

NOTA: En cuanto a los colores, hay dos formas de representarlos en CSS. Una es
escribiendo el nombre del color (green, por ejemplo) y la otra es mediante el código
del color (#199). El código del color siempre va entre comillas; sin embargo, el nombre
del color irá sin comillas.

NOTA: Como ves, simplemente es cuestión de entender cómo funcionan las reglas
CSS y aplicarlas. Cuando creas la tabla usando HTML, algunas reglas CSS se muestran;
pero otras las tendrás que escribir manualmente.

El inconveniente que encontrarás es que dispositivos como el iPad tiene un tamaño


de pantalla reducido y la tabla dará problemas de visualización. Entonces, haz pruebas
con los anchos de las columnas teniendo en cuenta el contenido. Y, además, puedes
hacer uso de una propiedad para que este ancho no se reduzca más de lo que debe.
Esta propiedad es min-width (mínimo valor en el ancho de la tabla).

134 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

t ftm m w , por I*stmpk- m6* ét <p* «i*» «l emfMieámy. **tífc a» jr te» (uyo*«w#*i

I
íl o&jettve «wáa (fe mmm si» s»«íWí i» 4ek¡ük¡b) y é t o»áa v«te «j«*>taya» momio
ai meetorauo 4» enemigo* po«s»« si m «M on» co» tes iity» ír#c«#»ís codos •

Figura

En el archivo CSS: td {min-width: 40px}

NOTA: Concluyo este epígrafe avisándote de que EPUB es algo limitado en cuanto
a ciertos objetos, como es el caso de las tablas. Podrás hacer todos los cambios opor­
tunos en el archivo CSS y, aun así, quizá no consigas ubicar el elemento donde quieres.
Por ello, lo ideal, más sencillo y eficaz es que, si creas la tabla en el documento Inde-
sign, la conviertas en imagen y la trates como tal. La otra opción es diseñar la tabla en
un programa como Adobe lllustrator (que trabaja con vectores), colocarla en tu do­
cumento Indesign y tratarla como una imagen. De cualquiera de las formas, te puedo
asegurar con certeza que la tabla se verá correctamente cuando exportes el archivo a
EPUB.

Crear barras laterales


Utilizaremos el término sidebar para introducir una barra lateral. En primer lugar,
colócate en el documento HTML de tu archivo EPUB mediante la aplicación Sigil. En
dicho documento tienes que añadir una clase class al elemento <p> que desees que
lleve una barra. Entonces, procede como te indico a continuación:

<p cíass="sidebar">INGENIERO<p/>

© Alfaomega - RC Libros 135


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

donde, "INGENIERO" es el elemento que llevará la barra lateral.

En segundo lugar, tendrás que anunciar sidebar en el archivo CSS y aplicarle los
atributos que consideres. Te enseño una prueba:

El resultado te lo muestro en la figura 90.

NOTA: Recuerda siempre añadir ! important donde corresponda para evitar que
iBooks dé problemas con esos atributos.

313 ^p. s id e b a r {
314 sar§in:4®px !istporiorif:;
31S mdth:100px Üiiportont;
316
317 pttddi ng: 3%>x ! isiportarit;
318 text *o lig n :center iimportant;
319 bacfcfround:green;
Í2Q border-tolor:black;
321 border-width;2px;
322 border»sty letso lid ;
323 font *ftwi iy ;a r ia l, helveti ca, sans - será f ¡isnportont;
324 f orit “Size: iem;
32S }
Figura 89

TEXT-DECORATION

Cabe destacar una etiqueta llamada text-decoration; es decir, es una línea


que puedes colocar de diferentes formas en un texto. Un claro ejemplo es el subra­
yado. Existen cuatro valores distintos para text-decoration. Son los siguientes:

text-decoration: "underline"; es el subrayado

text-decoration: "overline"; es la línea que se coloca encima del texto

text-decoration: "line-through"; es el tachado del texto

text-decoration: "blink"; se corresponde con un parpadeo del texto

136 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

Las imágenes
- Tamaño de las imágenes

Muchos eReaders como iBooks adecúan el tamaño de las imágenes al tamaño de su


pantalla. Si quieres que la imagen ocupe toda la pantalla en iBooks, basta con designar­
le a esta el tamaño 600x860px.

Si c«s delada» 'asaltó’ tendrásqueasaltar ( con» su««tabre indica) lasposiciones


enemigas» sangrey fuegosufriendoe» tescarnesel fragor delabatalla.
El fusil esel armaprincipal delaclase "asa)»': sirveparabajoy medioalcance.

Si legusta» losRPGsy Sostanques{conducidos, repararlosy destruirlos), éstaeste


clase. Los ingenierosutilizanstMusdes, tpe sonarmasdecodadistanciaperomortíferasde
necesidad.

Figura 90

En caso de que quieras que la imagen sea más pequeña, lo ideal es jugar con los
porcentajes. Si le asignas un 50% por ejemplo, no importará el tamaño de la pantalla
porque la imagen siempre ocupará un 50% del espacio.

Un ejemplo es:

img.frame-4 {width=50% limportant;}

- Contorneo de los textos alrededor de la imagen

En este epígrafe vamos a mejorar la disposición del texto con respecto a la imagen.
Continuamos en la aplicación Sigil dentro de OEBPS. Abre un documento HTML que
contenga una imagen. Esta Irá dentro de un <div class>, que en mi caso cuenta
con el nombre de frame-2. Y dentro de este <div class> se encuentra la imagen,
cuyo nombre es frame-4.

© Alfaomega - RC Libros 137


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

u mmi «*« mmpumpua* u eme mam";vmj**r»mpy«mío sus?»?.

Sí k- p e te ) t e R i t e y t e u m p m ( « te a d r te , « p a r a ta y <fwoi*i<*>. te a es tu
«fe,Las¡«gestas»«tilia»«sWussJte, que*«osasteesés«te»dMafe*¡*«8 <S«
necesidad.
Sí»pmmimRPteyte»rsq*«fefetete, ?«$»«srte¡yétefete).te»esi»
«te»,tos¡«pata*«fe»safeftete.q«muwam* esmúrnsmUpmafeítese*<k
fsecesíáasil.

Sitegtea»teRPGsytettsfes
Rsteucírte,repisarteyíteliFuírteJ,te»es
tu«te».i0t¡agítete»tefes*ssbfete
<l«*«*»w»»íde«te*ftefe»pao
memftmdenretedad,
Sitepsia»te8PO»yte«aguas
fesfeírte, reputarlesyéteufcfe,te»es
tuefe. Lesktgmmmtefe»«tefelte,
q«mí«tmsde«aratesaseispeto
imtuíttudenecesidad,
Site«usía»teftPGsvtetaaonex
Figura 91. Barra lateral y contorneo de texto

<div class="frame-2">

<img class="frame-4" src="image/445.jpg" alt="445.jpg"/>

</div>

Comprobamos en el archivo CSS que la imagen y sus atributos están ahí. En mi ejem­
plo, la imagen es frame-4; con lo cual, en el CSS lo visualizaré como img.frame-4

Por consiguiente, procedo a añadir una serie de atributos que me servirán para
contornear el texto alrededor de la imagen. Los atributos son los siguientes:

width:100% limportant;

vertical-align:text-top;

Con vertical-align consigo que la imagen quede alineada con la parte supe­
rior del texto.

Por último, haré algunos ajustes en div.frame-2 que se corresponde con el


marco que contiene la imagen. Le añado las propiedades float y margin; así la ima­
gen no quedará pegada al texto ni al borde de la página. Entonces queda así:

138 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

div.frame-2 {

text-align:center;

float:left;

margin-top:5px limportant;

margin-bottom:5px limportant;

width:50% limportant;

img.frame-4 {

width:100% limportant;

vertical-align:text-top;

Las capitulares
Para realizar cambios en las capitulares dentro de la hoja de estilos CSS necesitas
que tu documento Indesign tenga creada la capitular y guardada como estilo de carác­
ter. Podrás editar el número de líneas que ocupa la capitular, los espacios, el color o el
tamaño.

En el caso del color, aunque lo modifiques desde el documento Indesign; al exportar


a EPUB, este atributo no funcionará. Has de modificarlo desde el archivo CSS.

Font-size es el tamaño de la letra; line-height es el número de líneas que


ocupa la capitular; color es el color de la capitular.

Viudas y huérfanas
Para controlar que el dispositivo de lectura no deje una línea suelta en la parte su­
perior de la página, escribiremos en el archivo CSS:

p { widows: 2; }

© Alfaomega - RC Libros 139


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

El valor "2" se refiere a dos líneas, es decir, permites al sistema que deje dos líneas
sueltas en la parte superior de la página. Por supuesto, puedes poner otro valor.

Y para controlar que el dispositivo de lectura no deje una línea suelta en la parte
inferior de la página, escribiremos en el archivo CSS:

p { orphans: 2; }

Las fuentes tipográficas


Algunos dispositivos de lectura no admiten cualquier fuente tipográfica. Existen ca­
sos en los que tendrás que modificar manualmente el código CSS relativo a la fuente,
debido a que Adobe Indesign no incluye algunas de las que se utilizan en ciertos dis­
positivos. Además, es importante añadir fuentes alternativas; de este modo, cuando
el sistema no tenga instalada la primera de ellas, hará uso de la siguiente. Las fuentes
alternativas se colocan todas seguidas y separadas por comas:

p .texto-general {font-family: "Arial", "Times", "Verda-


na" ¡important;}

Nook de Bornes & Noble trabaja con "Amasis", "Helvética", "Neue" y "Light Classic".

IBooks, aunque cuenta con más de 30 fuentes, Apple solo permite que se reconoz­
can "Palatino", "Baskerville", "Cochin", "Georgia", "Times New Román" y "Verdona";
todas ellas son fuentes SVG. Todas las otras no se visualizan cuando son aplicadas a
ciertos elementos como "div", "p", "body" o "html". Entonces, ¿cómo podemos
solucionar el inconveniente con estas fuentes que iBooks no reconoce?

El texto incluido en <p> y dentro de <body> implicará un problema con estas


fuentes. Como solución, se puede introducir el elemento <samp> de la siguiente
forma:

<body>

<p> <samp>Este es el texto</samp> </p>

</body>

Por último, en el archivo CSS deberás colocar el elemento samp seguido de la fuen­
tes tipográfica en cuestión:

samp {font-family:"Arial" ¡important;}

140 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

NOTA: Recuerda que cuando realizas un cambio en el archivo HTML, por lo general
tendrás que hacer los ajustes necesarios en el archivo CSS.

No podemos continuar la explicación sin mencionar las fuentes incrustadas: dará


igual la fuente tipográfica utilizada si el sistema de lectura del archivo no la tiene ins­
talada. Para EPUB, se usan fuentes OpenType (con formato .ttf o .otf, aunque mejor
estas últimas).

Si en tu sistema no encuentras una fuente tipográfica en concreto y quieres incrus­


tarla, solo has de descargártela por internet y guardarla en la carpeta "fonts" de dicho
sistema. En este caso, el sistema del que hablamos es Adobe Indesign: en la carpeta
donde guardes los archivos de la instalación de esta aplicación, localizarás la carpeta
"fonts".

Al descargar una tipografía, ten en cuenta que no es lo mismo un PC que un Mac:


para las tipografías hay distinción.

NOTA: Si abres tu archivo EPUB, podrás comprobar las fuentes que tienes incrus­
tadas en él. Colócate en la carpeta OEBPS y dentro de esta hay una carpeta llamada
"tipos de fuentes". Ahí aparecen las tipografías incrustadas en tu EPUB.

Las fuentes incrustadas aparecen en el archivo CSS de la siguiente forma:

@font-face { font-family: "Arial"; src: url (fonts /


....... otf); }

donde,

@font-face para cada fuente que esté incrustada; y url es la ubicación de la


fuente (carpeta "fonts").

Los vínculos
Los vínculos en los libros electrónicos funcionan de forma parecida a los de un sitio
web. Empezaremos por el documento HTML donde colocaremos el vínculo. Sigue estas
instrucciones:

Has de poner una etiqueta <a> que es la que indica un vínculo de tal forma que:

<a id="vinculo"> </a>

© Alfaomega - RC Libros 141


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

INTRODUCCION *

Acabando de réfcer El ARTE DE LA GUERRA de SUN T2U, me sabrevino la idea de


aplicar muelas de sus tácticas y estrategias al sitando de los videqjuegos de guerra
twitíjtsgador, de los que soy un gran apasionado. Entonces fue cuando me percaté de
las mejoras que realizaba en mis partidas, ya quejugaba mas tácticamente y aplicando
tas máximas del maestro del combate, SUN T Z U

Mas tnformacldn en ia pagina 10

Pensando es esto y es las quejas de mis amigos, debido a que los suevos juegos de
guerra muWjugador tienen cada vei más elevada la curva de aprendtoje, me decidí a
escribir este manual con ia conviccídn de poder ser de ayuda a los nuevosjugadores y
a t e jugadores asiduos que quieren mejorar en estrategias y tácticas,

Figura 92

donde, id es el identificador o nombre que le he puesto al vínculo. Debes colocar esta


línea en el documento o página que actuará como destino del enlace.

Abre el documento o página donde quieras colocar el enlace, a saber, donde debe
pulsar el lector para ir a la página de destino y añade una etiqueta <a href> con el
destino del enlace, de la siguiente forma:

<p> <a href="paginalO.xhtml#vinculo"> Más información en


la página 10 </a> </p>

Donde, paginalO.xhtml es la página de destino del enlace y vinculo es el


identificador que le he puesto. El símbolo "almohadilla" (# ) es importante colocarlo,
sino el vínculo no funcionará.

El resultado del enlace tendrá el aspecto mostrado en la figura 92.

Entonces, cuando el lector pulse sobre el enlace "más información en la página 10"
irá automáticamente a la "paginalO.xhtml".

142 © Alfaomega - RC Libros


CAPÍTULO 4: EPUB AVANZADO

Incluir vídeos
Los vídeos son compatibles con MP4 / M 4V y no son soportados por todos los
eReader. La siguiente exposición irá indicada para ¡Books de ¡Pad. Simplemente has de
arrastrar el archivo MP4 o M 4 V al archivo EPUB. Veamos entonces cómo proceder con
el código:

- La apertura del documento será la siguiente:

chtml xmlns="http://www.w3.org/1999/xhtml">

- La etiqueta del vídeo es <video> y <src> indica la ubicación de este. En este


caso, será src="video .mp4"

- Utiliza la propiedad controls="true" para que el lector pueda elegir cómo


ver el vídeo, cuándo rebobinar, cuándo parar, etc.

- Incluye las dimensiones del vídeo, tanto el ancho como el alto (width y height).
Ten en cuenta que las dimensiones para vídeo en iBooks son 304 x 1504 px (parecidos
al ancho de pantalla).

- Parece que el vídeo no se reproduce automáticamente, con lo cual añades la pro­


piedad "autoplay". Surge un inconveniente y es que, cuando cierras el libro y abres
otro, el vídeo se reproduce aunque lo hayas cerrado. Para solucionar esto, simplemen­
te escribe autoplay="false"

NOTA: Debes tener en cuenta que no todos los eReader soportan vídeo. Entonces,
tendrás que incluir una alternativa para cuando el vídeo no se vea. Puedes mostrar
una imagen o un enlace (o ambas cosas) hacia una página web donde sí se pueda ver
el vídeo.

- En caso de incluir una imagen procede así:

<img src="images / alternativa_video.jpg" alt="imagen


alternativa al vídeo" />

- Si quieres añadir un enlace a un sitio web donde sí se visualice correctamente el


vídeo, añade la imagen anterior con el enlace; así cuando el lector pulse sobre la ima­
gen será remitido al vídeo.

<a href="http:/ / w w w . video.mp4> <img


src="images/alternativa_video.jpg alt="pulsa para ir al
vídeo" /> </a>

© Alfaomega - RC Libros 143


I EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS___________________________________________

NOTA: Recuerda que "alt" es la descripción del elemento y cuando el lector pase
el cursor por encima de la imagen verá "pulsa para ir al vídeo".

- Finalmente, cierra la etiqueta </video>.

El resultado será algo similar a esto:

Cvideo src="video.mp4" width="300" height="200"


autoplay="false" controls="trué">

<a href="www.facebook.com/photo.php?v=483511821676784">
Pulsa para ver el video </a>

</video>

NOTA: Si el vídeo tiene 400 px de ancho, se podrá visualizar perfectamente en un


iPad, tanto en horizontal como en vertical.

144 © Alfaomega - RC Libros


DE WORD A EPUB

INTRODUCCION
Microsoft Word es el procesador de textos más utilizado y, aunque no soporta el for­
mato EPUB, sí que podemos guardar los documentos como HTML y prepararlos para
EPUB, Entonces, destacamos tres pasos Importantes en el uso de Word para EPUB:

- Aplicar estilos al documento Word.

- Guardar el documento Word en formato HTML.

iiiiiiiBiMiififriif

: w-% ; *¡u * a* * a»' 1¡5r II * II * P P II |


; ;
M X i • 4» M. af * * * * 3*

MwmmcÉM
érnlmmm »%mB ttím « u s w
*mrn<h Ui&m mmtmát »* Meses»t «*gr*$tpt»m
i» wf mgm xgm&mmiStt»im
m m ® p m m m . lie
« M b w n
Figura 93. Espacio de trabajo de Word
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Editar el archivo HTML creado desde Word para que funcione correctamente en
EPUB.

APLICAR ESTILOS AL DOCUMENTO WORD


Como supongo que conoces el entorno de Word y sabes manejarlo, no me detendré
demasiado en este paso.

Es importante que apliques un estilo al documento, aunque sea el estilo básico; así
habrá distinción clara entre el texto general del documento y los títulos de los epígra­
fes.

Estilos predeterminados
Word cuenta con una serie de estilos predeterminados que, para nuestro propósito,
sirven. Has de saber que estos estilos también son editables. Todos estos los encuen­
tras en la parte superior del espacio de trabajo de Word. Elige el estilo que prefieras y
con el botón derecho del ratón haz clic sobre él y selecciona "modificar estilo" (figura
95).

Desde este cuadro de diálogo modifica los atributos que quieras del estilo que has
seleccionado.

A continuación, en el desplegable de estilos predeterminados, elige la opción "apli­


car estilos". Se abre la paleta Estilos. En la parte inferior de la paleta hay un botón
llamado "administrar estilos". Selecciónalo.

----------........................................ .... .........

AaBbCcOc A a B b C * ! A aB b C c A a B b C A c l ü j.
j II Sin espa... Título 1 i Título 2 Título 3 Título U
J ■*
1 ................
............... Estilos
Figura 94

Desde el cuadro de diálogo "administrar estilos" podrás gestionarlos para solo


sualizar los que vayas a utilizar. Selecciona la pestaña "recomendar".

146 © Alfaomega - RC Libros


CAPÍTULO 5: DE WORD A EPUB

Podrás ocultar los estilos que no necesites y, además, ponerlos en el orden que
desees.

M o d ific a r « t i l o * p

Propieda d t t

fjom bre: S ub S S A »

Too o» "Ítfe: 'i (pimío y carácter)


E s t o ja s a d o e n : d u e rm a !

E j t o dei párrafo sjgoen te: f normal

form ato

c**»»?-**»: t2 - h ¡W § w m /m m m y

| s 3 S * a = j 12 f* ÜE §£

Sí «resée la d « » tmárás que reparar mkicuim, Im m r


pemrémm em tu Im m m hetm / combatir m áismmim tortas,

Fu e n te : (P red e te rm n ad o) +TiUéos (C a m b n a ), 12 p to , C u rsiva . Color de fuente: Énfasrs 2, Expandido 0.71


Vmcüac¡o, E í t o r é p d o . P»xx*íad: 22
Basado e n : torroal
E s to fiante: Normal
A^ssar a5afestadeestosrápidos g1A&üt&xmaufo»á?scar®ente
o s#oen«te dowwntd € Doa«tfonfosnuevosdatadosenesta¡towWe
Formato* j !__Aceptar J j

Figura 95

Nuevos estilos
Además de hacer uso de los estilos predeterminados de Word, también puedes
crear los tuyos propios: tanto para carácter como para párrafo. Accede a la paleta Es­
tilos y selecciona la opción "nuevo estilo". Aparece un cuadro de diálogo "crear nuevo
estilo a partir del formato”. Asígnale un nombre y en "tipo" elige "carácter" o "párra­
fo". Vamos a elegir "carácter" para aplicarle un estilo a una palabra y no a un párrafo
entero.

© Alfaomega - RC Libros 147


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

En la parte inferior izquierda del cuadro de diálogo abre el desplegable de la pesta­


ña "formato" (figura 96).

Aria!
B E B I * ® s |1

m m

Fuente,,, ingeniero',, t
i nzacohetes
Párrafo,,,
Tabulaciones.,,
Borde.,,

Idioma,,, pto, Cursiva, Cok:

Numeración,,,
Método abreviado § Q Actualizar a
tímenlos nuevos b.
Efectos de texto:
Formato •
Figura 96. Modificar estilo / pestaña ''formato'1

Elige la opción "fuente", selecciona "Courier New", en cursiva y a 14 puntos. Ponle


un color y un subrayado. Finalmente activa la casilla "mayúsculas" (figura 97).

Y acepta. Observas que en la paleta Estilos se ha incluido el estilo que acabas de


crear.

148 © Alfaomega - RC Libros


CAPITULO 5: DE WORD A EPUB

Fuente

Fyente .&¥*raa*to

Esofo de fríente: Tamaño;


CoMfter H e* Cursiva 14

Nm S iS 9
Corm p c m 10
C s xw Negnt» ■11
i í«í9nU>Cur»vd

•a
Efecto
;' . £«§SS§*
V «eyúsojii
3 gcyte
y & #^áce

Figura 97. Fuente

Otros estilos
Existe una opción al lado de los estilos predeterminados que se denomina "cam­
biar estilos". En "conjunto de estilos" puedes visualizar una serie de estilos ya creados
(figura 98).

Y además, pongamos el caso de que el estilo que has diseñado en el epígrafe ante­
rior quieres guardarlo para su posterior utilización. En este mismo desplegable "con­
juntos de estilos" selecciona "guardar como conjunto de estilos rápidos". Asígnale un
nombre y guárdalo como plantilla de Word.

Haz lo siguiente: abre otro documento Word, accede al desplegable "cambiar esti­
los / conjunto de estilos" y deberás encontrar el estilo que habías guardado.

Para aplicar cualquier estilo, selecciona el texto y elige el estilo correspondiente


desde la paleta Estilos. Es importante que el documento al completo tenga un formato

© Alfaomega - RC Libros 149


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

basado en estilos porque facilitará el paso a HTML: los estilos que hayas guardado para
los títulos pasarán a ser los estilos de los encabezados (h l, h2...) en HTML.

teCd* AaBbC A-»HbCc AaRb< A c l K , & y Ü»


st t*m¡ «■*! ato» *$ * Z 4«Nwf
& #* m m
§¿ irnr*l
QQ

tiiw m w m m <<m*
**»w
t &s*arf*' ***»»««*üf««*
SI
SI
<■t f áa: ■-'■t-:a.: ÍXfc.Aí#»
SI n&mAMm
SI
SI
JN TZU,
is y
i «««a»
Entonce
íiimis
a '•^Pwví'vv
ndo las i
I
Figura 98

PREPARAR EL DOCUMENTO HTML

De html a xhtml
Antes de hacer la exportación a EPUB, has de limpiar el documento HTML creado.
Necesitas un editor de textos que sea capaz de leer el lenguaje HTML. Para Macintosh
puedes utilizar TextWrangler y para Windows el Notepad++.

Word genera el archivo en HTML pero EPUB necesita que esté en XHTML. Aunque
son muy parecidos, HTML comienza con las etiquetas < h t m l> < h e a d > ; entonces,
has de sustituir < h t m l> por la codificación de los archivos XHTML que es:

150 © Alfaomega - RC Libros


CAPÍTULO 5: DE WORD A EPUB

<?xml version="l.0" encoding="utf-8"?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://


www.w3.org/TR/XHTMLll/DTD/XHTML11.dtd">

<html xmlns="http://www.w3.org/1999/XHTML">

Word no utiliza la codificación UTF-8, sino que usa la que el sistema tenga predeter­
minada. Por ello, has de hacer otro cambio. Word genera:

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


charset=windows-1252">

Tendrás que modificar "windows-1252" por "utf-8", teniendo cuidado con las
comillas.

Entonces:

<meta.... ". ... charset=utf-8">

© Alfaomega - RC Libros 151


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Además, dentro de la etiqueta <head> has de añadir <title> </title>; y


entre estas dos escribirás el título del ebook.

<head>

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


charset=utf-8">

<meta-name=Generator content="Microsof t Word 14 (filte-


red) " >

<title>Prueba Word</title>

</head>

Guardar el documento
Puesto que Word no tiene la posibilidad de trabajar directamente con EPUB, debe­
rás exportar el documento a HTML y en él hacer los ajustes necesarios para su funcio­
namiento en EPUB. No te olvides de guardar tu documento en formato Word antes de
guardarlo en HTML. El documento Word continúa siendo importante porque en HTML
se perderá parte del formato que habías aplicado.

Desde el menú Archivo selecciona "guardar como" y como formato indica "word"
(doc o docx). Una vez que lo tengas en Word podrás proceder a la conversión a HTML.

Ahora, desde el menú Archivo elige “guardar como". En el cuadro de diálogo, asíg­
nale un nombre y en "tipo" selecciona "página web, filtrada". Guárdalo.

El documento HTML es similar al documento Word; pero en la versión HTML no


hagas ningún cambio (de momento).

Cierra la aplicación Microsoft Word.

152 © Alfaomega - RC Libros


CAPITULO 5: DE WORD A EPUB

HOJA DE ESTILOS CSS

Crear la hoja de estilos CSS


Word incluye mucha información que en EPUB no sirve para nada, con lo cual, de­
berás limpiar el documento, eliminando esa información.

w *new 2 - Notepadk*
Editar Buscar Vista Codificación Lene
Nuevo Ctrl+N
Abrir Ctrl+O
Recargar desde disco
Guardar Ctrl+S
Guardar como,.. Ctrl* Alt* S
Guardar una copia como...
Guardar todo Ctrl+Shift+S

Cerrar Ctrl+W
Cerrar todas
Cerrar las DEMÁS pestañas
Borrar del disco

Cargar sesión...
Guardar sesión,,.

Imprimir,,,: Ctri+P
Imprimir ahora

Salir Aft+F4
Figura 100. Menú Archivo / guardar como

© Alfaomega - RC Libros 153


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Primero vas a eliminar todo lo que se encuentra entre las etiquetas < s t y l e > y
< / s t y l e > , ambas inclusive. Hazlo de la siguiente manera: selecciona ese texto y uti­
liza Edición / cortar.

Abre un nuevo documento en el editor de textos y utiliza E dició n /p eg a r. Guárdalo


(archivo / guardar como) como un documento de texto plano, con la extensión .css
(abre el desplegable "tipo”) y asígnale el nombre "estilos". De este modo, habrás crea­
do la hoja de estilos CSS (figuras 100 y 101).

Qf Guardar como : J?_i

Guardaren: j editar

recientes

Escritorio
images

Bibliotecas

‘un»
A*
Equipo

Red

|Cascade StyfeSheets He f.css) Cancelar

Figura 101. Guardar como CSS

Eliminar información innecesaria


- En el documento "estilos.css" que has creado elimina los símbolos < ! — y — >
que se encuentran al principio y al final: son comentarios.

- Word añade información no necesaria para EPUB sobre la fuente tipográfica. En­
tonces, desde la hoja de estilos que has creado procede a eliminar lo que sobra.

154 © Alfaomega - RC Libros


CAPITULO 5: DE WORD A EPUB

Es recomendable que borres toda esta parte que observas en la figura 102, que
como ya sabes, se refiere a las fuentes incrustadas.

/* F a x x z Befiaitiosii */
i fost-faei
Q |fonfc-famiiy:Calabria;
pasose-i:2 4 5 3 5 4 6 3 2 4 ; )
¡§£ a n z - t m o m
B {f o m t - £ mmi l y : Cal ibr i ;
L panose-I:2 15 5 2 2 2 4 3 2 4;}
/* SttyXe B te fia in io ® * */
Figura 102

hl
{mso-spyle-link:"Titulo 1 Car";
:24,0pt;
marg in -•r ig h t :O c m ;
atar gi n -bo ttor«: 0 c m ;
nargi n -le£t :O c m ;
margin-bottom;,OOOlpt;
i iae-lieight;115% ;
page-break~after;avo id ;
:none;
padding:Oca;
ront-size:14.O p t ;
font-family:"CarrJbria" ,"serrf " ;
■ - r ;#365F91;)

Figura 103

© Alfaomega - RC Libros 155


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Elimina las comillas de los estilos genéricos de las fuentes como "serif", "sans-
serif", "fantasy", "cursive"y “monospace". Los estilos genéricos permiten no tener que
jugárnoslo todo a una sola fuente y que el sistema no la reconozca.

- Elimina los enlaces que encuentras al principio de cada bloque de reglas mso-
style-link; fíjate bien que borres "link", es decir, los enlaces, y no elimines nin­
gún símbolo importante como { } . Borra todas las declaraciones mso-style-link
(figura 103).

- También eliminarás un bloque que incluye información sobre la página, pero que
para EPUB es innecesaria (figura 104).

- Word añade reglas de estilos que no existen. Pone: p.MsoNormal,


li .MsoNormal, div.MsoNormal. En HTML, la cla se MsoNormal no se aplica a
"div" y "li"; con lo cual, en Word has de eliminar estos elementos: div.MsoNor­
mal y li.MsoNormal.

.HsoChpDefaiiXc
{fe ' fa11 1 :" C al ib r i * , n s an s - s e r i f ” ; }
.H so Fa p C e f a u i t
:R {. :10. Opt;
|.■
:L ' •*: i*.t . .
ipage Word Sec z i a n l
{ - ;595.3pt 841.9pt;
l
xm r g in :70.8 5 p t 3 . O c m 7 0 . 85pt 3 . G c m ;}
div.MordSeccionl
fpa.ge:VlordSectionil; }

Figura 104

Agrupar la información
Parece ser que Word separa la información sobre los caracteres de la de los párra­
fos; es decir, por un lado muestra las reglas relativas a los estilos de párrafo, y por otro
lado las relativas a los estilos de carácter. De lo que se trata es de agrupar todas en
un mismo bloque porque realmente los estilos de carácter aparecen repetidos en los
estilos de párrafo.

156 © Alfaomega - RC Libros


CAPÍTULO 5: DE WORD A EPUB

Las reglas que empiezan por span son las que se refieren a los estilos de carácter.
Sin embargo, las que comiencen con p se refieren al párrafo.

Fíjate en este ejemplo:

p.MsoTitleCxSpLast, li.MsoTitleCxSpLast, div.MsoTitle-


CxSpLast

{ margin-top:Ocm;

margin-right:Ocm;

margin-bottom:15.Opt;

margin-left:Ocm;

border:none;

padding:Ocm;

font-size:26.Opt;

font-family:"Cambria", "serif";

color:#17365D;

letter-spacing:.25pt; }

span.TtuloCar

{ mso-style-name:"T'tiulo Car";

font-family:"Cambria", "serif";

color:#1736D;

letter-spacing:.25pt; }

La primera parte de la imagen corresponde al estilo de párrafo y la segunda parte


corresponde al estilo de carácter. Visualiza los estilos de carácter; los tres atributos que
ahí aparecen ( font-family, color y letter-spacing) están repetidos en los
estilos de párrafo.

© Alfaomega - RC Libros 157


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

De lo que se trata es que los estilos de carácter que estén incluidos (repetidos) en
los estilos de párrafo, los elimines. Y, en el caso, que algún estilo de carácter no aparez­
ca en los estilos de párrafo, córtalo y pégalo en estos.

Medidas absolutas / medidas relativas


Word utiliza medidas absolutas en las hojas de estilo, es decir, puntos o pulgadas;
lo ideal es trabajar con medidas relativas como ems o píxeles porque son compatibles
con la mayoría de los eReader.

Como regla general, si hablamos de puntos, divide entre 12 cuando quieras conver­
tir a ems y multiplica el resultado por 16 para obtener los píxeles.

Si tienes una fuente tipográfica cuya font-size (tamaño) es de 14 puntos y quie­


res pasarlo a ems, entonces:

14 pt / 12 = 1,16 ems

Y si quieres utilizar píxeles, coge el resultado anterior (1,16 ems) y multiplícalo por
16. Es igual a 18,56 px.

Por tanto, has de cambiar los atributos que estén expresados en puntos por píxeles
o ems.

Para la conversión de pulgadas a píxeles o ems ten en cuenta que cada pulgada tie­
ne 72 puntos. Entonces, 72 pt / 12 = 6 ems y 6 ems x 16 = 96 px

Conclusión: una pulgada son 6 ems y 96 píxeles.

Guarda el documento final y vuelve al documento XHTML que estabas modificando.

Últimos retoques
- Idioma

Word utiliza <body lang=EN-ES> para indicar el idioma del documento. Debes
sustituir "lang" por "xml:lang" y, además, añadir comillas al valor. Queda así:

<body xml:lang=="EN-ES">

158 © Alfaomega - RC Libros


CAPÍTULO 5: DE WORD A EPUB

- Uso de las comillas

Word solo hace uso de las comillas para los atributos que constan de varias pala­
bras. Sin embargo, en XHTML es obligatorio poner comillas en todos los atributos.

- Elementos vacíos

XHTML es un lenguaje en el que todas las etiquetas tienen que estar cerradas, inclu­
so los elementos vacíos llevarán etiquetas de cierre.

Todas las etiquetas como <br>, <img> y <hr> aparecen en Word sin cierre. Para
cerrarlas tendrás que añadirles una barra inclinada; la colocarás al final de la etiqueta:

<br/>

<img. . . />

<hr/>

- Elementos obsoletos

Hay una serie de elementos y atributos que utiliza Word y que no son compatibles
con XHTML; por ello, debes eliminarlos. Son los siguientes: "link" y "vlink" (los
encuentras en <body>); "clear"; "align" y "hspace" (de <img>) y los atributos
de "hr".

Por otro lado, existe un atributo que deberás añadir a todos los elementos <img>
y es "alt". "Alt" determina la descripción de la imagen a la que acompaña. Esta des­
cripción irá entre comillas:

<img src="foto_l.jpg" alt="Es la foto de mis vacaciones"


/>

PREPARADO PARA EXPORTAR

Verificar sintaxis
Verificar la sintaxis es un aspecto importante porque así sabrás si el documento
XHTML está correcto. Hazlo desde el editor de textos que utilices.

© Alfaomega - RC Libros 159


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Archivo EPUB
Finalmente, tendrás que organizar manualmente todo el contenido para crear el ar­
chivo EPUB. Para ello, recuerda todo lo aprendido en el capítulo 4. En realidad, es muy
complicado escribir todos los archivos porque debes manejar a la perfección XHTML
y CSS.

160 © Alfaomega - RC Libros


PUBLICAR UN EBOO

OTROS FORMATOS
En esta última parte del libro conocerás que existen sitios en la web donde puedes
publicar tu obra. Por un lado, tenemos Kindle de Amazon. Amazon es una tienda virtual
en la que puedes vender tu ebook. Debes saber que admite el formato PDF pero no
EPUB; por ello, deberás convertir EPUB a Mobi.

Por otro lado, te presentaré ¡BookStore; tienda que pertenece a Apple. En este caso,
hablaremos un poco de iTunes y, como no, del iPad. También contamos con Google
Play Store, la tienda de Google para Android.

Finalmente, es interesante nombrar y dedicar un poco de nuestro tiempo a la libre­


ría virtual Bornes & Noble (NookStore): lo verás al final de este capítulo.

CALIBRE
Calibre es una aplicación gratuita que te servirá como biblioteca para organizar tus
libros, además de poder convertirlos a EPUB. Puedes descargarla desde softonic.

A través de la pestaña "editar metadatos" podrás modificar o añadir más informa­


ción sobre el libro. Si quieres convertir tu documento PDF en EPUB, o cambiar tu EPUB
al formato correspondiente según el dispositivo de lectura, incluye primero tu libro a
través de "añadir libros".

Con el archivo seleccionado en Calibre abre el desplegable "convertir libros" y pulsa


sobre "convertir en bloque" para realizar la conversión de todo el documento.
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

1 -
ÍÍSWjíWf^'Sñz&w
H
im m WS«iíS^S &fcí$¥S(!»S8S*W* &***(£$•?#**5&<***{.
* :5|* <0 S; * , ■f't
?*** fr-Mzm< Cs«*e * $míV#í $«$*$

u»***#**f*| í €*&&*•»Qwxk$**?*€«*rf#jofcft&&**»&«* liAfcftJOtt CU


S 5«rí**£«3
^ *•**«*m
Ü f*»MatíMa»Ul
m
¡l .
<? T««i m
p&mzbm

Figura 105. Calibre

Existen una serie de opciones que podrás editar, de las cuales la más importante es
la "configuración de la página": ten en cuenta que cada dispositivo de lectura tiene sus
dimensiones de pantalla, entonces tendrás que adecuar tu EPUB según esas dimensio­
nes. Fíjate en "perfil de salida" porque es donde elegirás el formato de página al que irá
destinado tu libro (iPad, Kindle ele Amazon, Nook, Sony Reader, Samsung Galaxy, etc.).
Selecciona la opción que requieras y acepta.

Finalmente, en la parte derecha de la página principal de Calibre comprueba que,


además del formato que ya tenías antes de la conversión, aparezca el convertido que
acabas de crear. Si pulsas sobre él, podrás visualizarlo en el "visor de libros electróni­
cos" de Calibre. El funcionamiento de este visor es parecido al de Adobe Digital Edi­
tions: puedes ampliar o reducir la tipografía, saltar de una página a otra, y múltiples
tareas más.

KINDLE DE AMAZON

Conversión a Mobi de Kindle


El formato Mobipocket (Mobi) es el formato utilizado para trabajar con Kindle. Kin­
dle aún no admite EPUB, por ello has de convertir el archivo EPUB a formato Mobi.

162 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

Visor de libros electrónicos - editora! [EPUB

[1 ,0 / 29 i Buscti

S§p

kT
S E G U N D A P A R T E : C R ÍE A C I Ó N Y M A Q U E T

a**

f»f*£PA«AC*Óf* OEIm. OOCUMCNTO

A
\\$t
#
A
C oótuérnot>& €*«**ii>unjxmuy>foecvoiod«óíwfcwimm>s«áftK**U>*Ao¡pp*íxVuAuCc«saó«aó
cuoíS
#o<Jó
tmh>r>w>í>«u
«

©
«p¡aÜ«Ar¡o%Aígutoms*»$svMo?>
Acííví*í«<x>€*ónóo j
«seírnícíoro*»n t**m«¿k*Ais. conam?nts»oón
v^tscaly1cotow» ouomoak*s
WW :1 1
m
mm &»>>*

©
A :•>***•
«0**9*500». #$$o»symfcs20mmw*anta uno te
o8osyu«a <2#3mmpork>«ou#í*o|
¡u<k>í¿ A Oaks« <j m
Lh \v CuamSoy» $00$»» «í <íocum*mtí>abwrto, o» j
wtpxxtísMeówo}y>u*ss$re&Usrey^aóo&oi a
£ '• i SsúífjpííAí» lw«í¿*í(i}ís

if
O

Figura 106. Visor de libros electrónicos de Calibre

Existe un software gratuito, que te lo puedes descargar en http://www.epubtomob¡.


com, y que extrae y analiza el contenido EPUB y lo convierte a Mobi.

Hazlo de la siguiente forma: accede al menú File / Addfiles y añade tu archivo EPUB.
A través del mismo menú File elige "convert". Al finalizar la conversión aparece un

© Alfaomega - RC Libros 163


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

mensaje comunicándote si todo está correcto o no. Si esta conversión es válida, podrás
visualizar tu documento en Kindle.

NOTA: Guarda dos documentos diferentes; uno en EPUB y otro en Mobi (en este
último deberás hacer cambios).

Ahora bien, existen una serie de requisitos que deberá cumplir tu archivo EPUB para
poder convertirlo a Mobi:

La cubierta tendrá unas dimensiones de 600x800 px y su nombre tiene que ser


"cover.jpg".

Las imágenes han de estar en formato JPEG. Las imágenes que contorneen serán
problemáticas.

Tanto la tabla de contenido (cuyo nombre será “toc.html") como los enlaces deben
estar correctos.

Tanto "cover.jpg" como "toc.html" han de estar en < g u id e > dentro de "contení,
o p f.

Los metadatos “título", "autor" e "ISBN" son obligatorios. Recuerda que los puedes
añadir a través de las opciones de exportación a EPUB o a través del menú Archivo /
información de archivo.

En la hoja de estilos CSS no pongas capitulares y las etiquetas que comiencen con el
símbolo @ no funcionarán. Simplemente elimina este símbolo en el documento CSS.

Existen otros conversores como Calibre, que además de ser una biblioteca para
guardar tus libros electrónicos, funciona de conversor de EPUB (formato de entrada) a
Mobi (formato de salida).

¿Qué es Amazon?
Amazon es una empresa de comercio electrónico. En sus orígenes solo vendía li­
bros, pero hoy día puedes encontrar a la venta productos de fotografía, música, infor­
mática o, incluso, videojuegos. La url es www.amazon.es

Además, Amazon ha conseguido sacar a la venta sus propios productos, como el


kindle. Kindle es un dispositivo de lectura inalámbrico, pequeño, ligero y que puede
contener hasta 1400 libros. Kindle trabaja con el formato Mobi, aunque actualmente
también admite otros como p df y azw.

164 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

Antes de nada, date de alta en Amazon para crear una cuenta y poder gestionar
todo desde ella. En la página principal de amazon.es, en la parte superior verás "¿eres
un cliente nuevo?". Pulsa en "empieza aquí". Completa con tu dirección de correo elec­
trónico y opta por la opción "no, soy un cliente nuevo". Haz clic en "identificarse". Pro­
cede a registrarte rellenando los datos y tendrás tu cuenta creada.

Kindle Direct Publishing


Una vez que has logrado terminar tu obra y exportarla a formato PDF, el siguiente
paso es publicarla en Amazon.

Como ya sabes, un libro necesita el ISBN, que es un código numérico del país de
edición, editorial y tema del libro.

En tu caso, puesto que solo es para subirlo a Amazon, no vas a necesitar ISBN. Pero
recuerda: para publicar un libro es imprescindible; y además, tanto si el libro va a ser
destinado a formato impreso como electrónico, tendrás que contar con dos ISBN, a
saber, uno para el libro digital y otro diferente para el impreso.

amaioaes
N M M I
***
iü ^ s|
H H t *
i t < ís « ^ 'S tí x* s * ■ v. í ' <- 'i" 'I ' ^ ■ , ....

i\ in c ii6 L , j 1 1 P u b l i s h ín q
W ttSífc 0»*<* PUXr-tfwrv fodas
im jtXMiM teá mmtus«tes a étexs-swr*fwaai
«.x m pur «m* ürt h m x if! «te te Cteteted <S« «
>«tatútwüoóním de tersaos* r*»cwim
te eres te áltete * utepodras a tfeajíoterster te*$
í’te»
«teüsteí, ft:KÍ. test.
» wsaroé** aps&f »tmíiét /tw* <&? de <#«¡¡1®».“ :
«troisiX' 1 asa *te<dwáx stete* tfc*testeute*tea*«ur
* Instela* « m w*r, « « te» m tttete *1 musxte i* .» « « *tej> MteW* *» »:*>**, K tW , tet.
♦ t W M K t # te M t t e « n tm m t e te tf d e « t e t e * * * . P t e t e r t t e * a t u i s t e m a t e a s t o r o * te * « e f e * # « r*r«

Figura 107. Kindle Direct Publishing

© Alfaomega - RC Libros 165


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

- Royalties y precios de lista

Para comenzar tu aventura en el mundo de Amazon tendrás que registrarte en Kin­


dle Direct Publishing. El enlace es el siguiente:

www.amazon.es/gp/feature. html?ie=UTF8&docld=1000590863

Te recomiendo que te leas atentamente la página que visualizas en pantalla. Lee


las condiciones pulsando en el link "consulta nuestros términos y condiciones si deseas
más información". Te apunto que publicas tu obra en Amazon pero no les cedes los
derechos de autor; con lo cual, puedes eliminarla del sitio cuando así lo decidas.

De todo lo anotado en la página de condiciones, préstale suma atención a la lista


de precios y a los pagos. Si buscas el link "página de precios", te enterarás de la des­
cripción de los royalties y sus condiciones. Un royalty es el pago que se recibe por los
derechos de autor; más bien (en este caso), es el beneficio que vas a percibir por cada
libro vendido. Como puedes observar, existen dos categorías: royalties del 35% y ro­
yalties del 70%; cada uno con sus características. El royalty se calcula multiplicando el
precio que le has aplicado al libro (precio de lista) por el porcentaje del royalty. Y en el
caso del 70% deberás restarle los gastos de envío al precio del libro. Por cada libro que
publiques, deberás elegir un precio, el cual estará exento de impuestos como el IVA.

Bien, mi intención contándote todo esto es que entiendas lo que significa cada tér­
mino cuando procedas a la publicación; no te líes porque los royalties son calculados
por el propio Amazon y te mostrará en una tabla todas las posibilidades de beneficios.
Ahí es donde tú valoras y eliges.

Publica en Amazon
- Forma de cobro por las ventas

Desde la página principal de Kindle Direct Publishing busca el apartado que pone "si
tienes una cuenta en amazon.es..." y pulsa en el link. Puesto que ya estás registrado,
identifícate. Solo se te pide la dirección de correo electrónico y la contraseña. Aparece
el típico cuadro de diálogo en el cual debes aceptar las condiciones del servicio.

Antes de publicar el libro has de completar la forma de pago. En la parte derecha


de la página que estás visualizando aparece una alerta indicándote que tu cuenta está
incompleta. Si pulsas en "actualizar ahora", podrás añadir los datos que se necesitan
para que puedas recibir los pagos. Se trata simplemente de ir rellenando los datos que
se te piden.

166 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

En "pagos de royalties" podrás tramitar las operaciones para indicar un método


de cobro; es decir, tienes que facilitar una cuenta bancaria donde se te ingresarán los
beneficios por la venta de tu obra.

Entonces, en "pagos de royalties" debes pulsar en el link "añada una cuenta banca­
ria" y vas cubriendo lo que piden.

Recibirás el pago en 60 días (aproximadamente) después de finalizar el mes, siem­


pre y cuando las ventas sean por un valor superior a los 10 euros.

- Publicación del ebook

Colócate en el panel de control de tu cuenta de Kindle Direct Publishing; ves cuatro


niveles de navegación: Biblioteca, Informes, Comunidad y KDP Select.

En "Biblioteca" elige "añadir un nuevo título". Procede a rellenar todos los detalles
sobre el libro, los derechos de publicación, el tipo de clientes a los que va dirigido, y
concluye subiendo el archivo pdf de tu libro. En la cuestión de gestión de derechos
digitales, queda a tu elección la opción a elegir. Como bien se explica ahí mismo "la
gestión de derechos digitales está diseñada para impedir la distribución no autorizada
del archivo Kindle de su libro".

Como ves, tienes la posibilidad de publicar la portada del libro. Recuerda que has
diseñado una portada, incluida en el documento PDF, que en el caso que quieras "su­
birla" (opción a la que yo animo), te servirá. El único inconveniente es que la necesitas
individual (sin el resto de la obra) y en formato JPG. Haz lo siguiénte:

Exportar

luardar como: portada.jpg í|▼j


A |
Ubicación: proyectoJibro

Figura 108

© Alfaomega - RC Libros 167


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Abre la aplicación Adobe Indesign CS6 y el documento con formato indd que incluye
tu obra. Desde el menú Archivo / exportar vas a guardar solo la portada: asígnale el
nombre "portada" como ubicación elige la carpeta de trabajos llamada "ebook" y en
formato selecciona "jpg" (figura 108).

iib n

Subir imagen (opcional): La portada de su libro sí

ei imagen del produc


m W liW
búsqueda Amazon
el imagen del
de su libro

üffl la portada dentro de *


i??*##*

Ver ejemplo de imagen co


Puede cambiar o subir uní
para su libro en cualquier i
> Pautas para la imaoen é

Figura 109

Aparece un cuadro de diálogo y en la pestaña "exportar" elige "rango", y en el cua-


drito que le sigue anota el número de página que corresponde a la portada (1) -para
que solo exporte a jpg la página 1, que corresponde a la portada-. Todo lo demás déjalo
como está y exporta.

Ya tienes en tu carpeta "ebook" la imagen de la portada de tu libro. Sube el archivo


jpg a Kindle Direct Publishing (figura 109).

168 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

Cuando guardes los cambios y continúes, encontrarás el apartado 8, referente a los


royalties. Selecciona el 35% y si te fijas en la tabla, en el precio de la lista se te indican
los valores entre los que tiene que estar comprendido el precio que le pongas al libro.

Como ejemplo puedes elegir (royalty del 70%) un precio de 2,6 euros. En "royalties
estimadas" pone la cifra 1,81; que es el beneficio que obtienes por cada libro vendido.
En “costo de envío" no pone nada porque este royalty no posee esa opción.

Puedes seleccionar también el 30% de royalties y comparar cuál de los dos casos te
va mejor. Finalmente, guarda y publica.

No obstante, todos los pasos se encuentran perfectamente explicados en Kindle, a


medida que avanzas lee las notas aclaratorias.

Antes de ser publicada, la obra pasará por un control para comprobar que es correc­
ta y cumple todos los requisitos. En caso de que no los cumpla, se te notifica para que
puedas modificar lo que no sea correcto.

Puedes guardar tu ebook en tu panel de control de Kindle Direct Publishing y no


publicarlo hasta que lo decidas. Se te almacena como borrador. Lo tienes ahí y cuando
lo desees, lo publicas. Por otro lado, tienes la posibilidad de ver cómo queda tu ebook
publicado accediendo a la vista previa.

- Informes de ventas

En el menú de navegación de Kindle Direct Publishing accede a “informes". Podrás


controlar las ventas.

IBOOKSTORE DE APPLE

Transferir EPUB al iPad


Para transferir tu archivo EPUB al iPad debes tener instalado iTunes e iBooks tanto
en el iPad como en el Macintosh.

Cuando así sea, conecta el iPad al Mac. Abre iTunes y en el cuadro de la izquierda,
donde pone "iPad de...", selecciona “libros" como muestra la figura.

Desde tu ordenador Mac arrastra el libro EPUB hasta la ventana principal de "libros"
como en la ilustración siguiente.

© Alfaomega - RC Libros 169


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

De esta forma, ya tienes tu archivo EPUB en el iPad para poder ver los resultados
que has obtenido.

¿Qué es ¡Tunes?
ITunes es una aplicación diseñada por Apple y es compatible con iPad, ¡Phone y iPod
Touch. Sirve para organizar música, vídeos, libros; todo ello lo podrás comprar a través
de ¡Tunes Store. El primer paso es descargar e instalar la aplicación iTunes a través del
sitio web de Apple: www.apple.com/es/itunes/download/

El segundo paso es crearte una cuenta de iTunes Store, o lo que es lo mismo, un ID


de Apple. Sin ello no podrás acceder a las descargas que necesites: para comprar en la
tienda iTunes Store es necesario un ID de Apple. Y para publicar tu ebook también será
imprescindible.

Ahora bien, veamos pues cómo conse­


guir un ID de Apple. Dirígete a la url https://
appleld.apple.com/. Selecciona el botón
"crea un ID de Apple". Canjear
Rellena al menos todos los datos obliga­
Regalarcor»(Tunea
torios, acepta las condiciones y crea el ID. Fi­ Búsqueda avanzada
nalmente tienes que confirmarlo en tu correo Explora
electrónico para completar el proceso. Encon­
trarás un mensaje en el que debes pulsar "ve­ Tu cuenta
rificar ahora". Así validarás tu cuenta. Soporta
Obro gratuito:Yeito»?Sufemari.,,
Queda un último paso: para visualizar los
datos de tu cuenta, abre iTunes y accede a "tu Masíertasdopara{Tunea
cuenta" desde el cuadro situado a la derecha
de la pantalla. Te pedirá tu ID de Apple y tu Hurtes Match ££331
contraseña (figura 110). Puesto que es la pri­ Comprado <2351
mera vez que te conectas, aparecerá un men­
Mí listade desees
saje de aviso "no se ha revisado en el iTunes
Store”. Acepta y continúa; llegas a un cuadro Actividadreciente
que pone "revisa tus datos de pago" (figura Misalertas
111). Rellena el método de pago y fíjate que
Recomendaciones para ti
todos los demás datos estén correctos. Con­
tinúa. Si todo está bien, el mensaje final será Completar el álbum
“tu ID de Apple ya está preparado para usarlo iTstMtWs»
en el iTunes Store".
Figura 110

170 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

Para almacenar tus libros, y me refiero a libros (no música ni vídeos) en la biblioteca
iTunes, descárgate iBooks, aplicación con la que podrás adquirir los libros electrónicos
que quieras. Solo necesitas el ID de Apple y tu contraseña. Para descargar iBooks baja
hasta el final de la pantalla de iTunes y busca donde pone "iBookStore"'. Al pulsar llega­
rás a otra pantalla donde puedes realizar la descarga de ¡Books.

Publicar en iBookStore
La diferencia con Amazon es que en iBookStore te exigen un ISBN, es decir, que tu
obra esté registrada. En el capítulo 3 te expliqué dónde comprar un identificador. El
formato que precisa iBookStore es EPUB.

Revisa tus datos de pago

tei& a la siguiente «totmaeten y asegúrate de que has ptopotcíonado tata á>tí*cctúnde íaeturaciéi
Sí la dirección de faeturacioo «e está en España, haz ctic aguí

Método de pago
r a ¡sn ¿ i
Numero de íaijota Caducidad Cotíigo de seguridad
1 i / 2012 t

Para canjear un eodigoo un vatede regato, introdúceteaqut

Figura 111

El primer paso para publicar en iBookStore es conseguir un ID de Apple, a través de


la url https://appleid.apple.com/. En el epígrafe anterior lo hemos explicado.

A través del servicio "iTunes Connect" podrás entrar en tu cuenta poniendo tu ID de


Apple y la contraseña que acabas crear. Para entrar en "iTunes Connect" escribe la url
https://itunesconnect.apple. com/

Para publicar en iBookStore necesitas otro requisito adicional, además del ISBN,
que es el más complicado de adquirir, a saber, un TAX ID de EEUU (un identificador
de impuestos estadounidenses): un EIN. Antes de exponer cómo conseguirlo, has de
saber que para publicar en iBookStore tendrás que hacerlo a través de un Macintosh
con 05 X 10.6 o superior.

© Alfaomega - RC Libros 171


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRONICOS

<1ífunes Connest

Your books on the ¡Bookstore.


Sl§.nup y<mt I
£0= íqsittis» wlth¡Prni, iPkmnUi MiéiPmi$m&km$2m>um$
í, Slfnup
CpmpMvymrw0<,mmfm a mff-tm
*um,
%■>Cmftrmummm
ÓkkíM<m&%mímmMmmmmi
mmptMmu*mpMMmm4 uikmymí

4 P\mú íJunm Pmúmm


UpMmpf *?mmMupmm
itmukmtñ%viPSmizk&k
4 tM iu m
pvkípítUrnaPvuPmM*p:&M$fn>m hxm

m tutoa?
mm m ¡ M M m im M m
mm,>tmmmm&m&tmm<m
mmMmu.mmm
mtmfmm. *mmm>mmpr&mmimuumwmMmmmá>
ftm m C m m u
PmmtkmM
ím ú m m m m m m # u u * m m am m fm m m m m u m m , fu <M** mm
%M mmm mm*ȣmmumimammmmm$*m
?«*

mp*. mamm. ?omazó4mmMmmtmamxmmmrnm


mmmmmíus,
mo*.mummm. *.«#«•a mummamama rnrnm- ty&m

IS$&q3&Amprn,Jhuuppthmmwmrnth®puuk*
: • i. <f ?' t íi*:S\'» >,í \ s "<i , „ f » í ,A- , *, A' , Wt- s í >- ,,■>,>,=! <,'i '> , V> ,, <<* ><. , *>

Figura 112. Itunes Connect

Para hacerte con un EIN tendrás que rellenar un formulario; consíguelo en www.irs.
gov/pub/irs-pdf/fss4.pdf

Cumplimentas solamente los datos siguientes:

- Nombre y apellidos (1, 3, 7a); dirección (4a); localidad, código postal y ciudad (4b).

- Seleccionar "no" (8a, 18).

- Selecccionar "other (specify)" y escribir "foreign Citizen" (9a).

- Seleccionar "other (specify)" y escribir "writter" (10).

172 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

- En el cuadro que pone "under penalties of perjury..." escribe "M r" y nombre y
apellidos. En "signature” debes firmar y en "date" pon la fecha en formato americano
(mes/día/año) (figura 113).

- Justo al lado de lo anterior has de poner tu teléfono y fax (telephone number and
fax number). El formato es (+34) XXXXXXXXX.

- Tendrás que escribir una carta de la siguiente forma:

Attn. EIN Operador)


Philadelphia, PA
19255-0525

________________I______________________ ____ ________________________


Under p SÉSiS of pfrpry, i declare «Mí l Ihm « S É Jttf M » I

Han» and ilte gype m prtnl sitarte| ►

S fifia tu » ► _

flor PfHraoyAot andflapwwork IMuction Act Hotkm, s


Figura 113

Escribe un contenido corto y explicando claramente (en inglés, por supuesto) que
envías este formulario porque necesitas un EIN para publicar en ¡BookStore. Y al final
pon tu nombre y apelllidos, localidad, provincia, país y fecha:
María Fernández Fernández
Oviedo, Asturias (Spain)
08/08/2012

- Envías tanto el formulario como la carta por fax al número + 1267 941 1040.

- En un período de un mes aproximadamente recibirás una carta con tu EIN.

Una vez que ya tengas el EIN podrás acceder a "¡Tunes Connect" y comenzar a re­
llenar los datos. Tendrás que descargarte "iTunes Producer" para Mac. Entonces, cum­
plimenta los metadatos e introduce la portada y el EPUB. Selecciona el país o países
donde lo quieras vender y el precio.

© Alfaomega - RC Libros 173


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Quizá dará algún error en la validación. Tendrás que ponerte en contacto con el
soporte técnico para que te explique cúal es.

IBookStore realiza una validación antes de la publicación. Cuando todo esté correc­
to, tu ebook aparecerá en la tienda. Desde "¡Tunes Connect" podrás gestionar las ven­
tas.

GOOGLE PLAY STORE

¿Qué es Google Play?


Google Play es una aplicación de Google para Android y que permite hacer bús­
quedas y descargar lo que exista en la tienda virtual. Un usuario se puede descargar
aplicaciones, juegos, música y, lo que nos interesa: libros electrónicos.

Google Play reconoce tanto el formato PDF como EPUB. Has de saber que el EPUB
se admite como un único archivo; sin embargo, el PDF puede enviarse como uno o
varios archivos. Ten cuidado con los nombres de los archivos; deben llevar caracteres
alfanuméricos. Y nunca utilices como símbolo el guión (-).

Google Play Books


Podrás acceder a Google Play Books a través de http://play.google.com/store/bo-
oks. Desde este sitio podrás adquirir libros electrónicos que leerás en cualquier dispo­
sitivo Android; pero eso no es todo: Google te da la posibilidad de hacerte con ebooks
para tu ordenador o para tu iPhone / IPad. Los libros electrónicos que consigas en
Google Books se almacenan en tu biblioteca en la nube digital; de este modo podrás
leerlos desde cualquier dispositivo con conexión a internet.

En la página principal de Google Play Books hay cuatro opciones de lectura de libros
electrónicos: para web, para Android, para iPhone / iPad y para eReaders. Si pulsas so­
bre cualquiera de ellos, podrás visualizar los requisitos necesarios y toda la información
que precises para disponer y leer los ebooks en dichos dispositivos.

En Google Play Books cuentas tanto con ebooks gratuitos como de pago; en formato
PDF o EPUB. Solo tienes que navegar por el sitio y escudriñar todos los rincones.

174 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

Publicar en Google Play


Pulsando en "Play Bookspara eReaders" llegas a una página con varias alternativas;
eliges "programa de afiliación de Google ebooks". Este programa es una aplicación
que permite publicar libros electrónicos. Necesitarás crearte una cuenta a través de
https://accounts.google.com/ServiceLoginAuth. Te das de alta o, si tienes ya una cuen­
ta creada en Google, entra directamente poniendo el correo electrónico y la contrase­
ña que hayas facilitado.

Una vez que accedas a tu cuenta, pulsa en "productos", botón situado a la izquierda
de la página. Selecciona "programa de afiliación". Puede que te pida tus datos de re­
gistro de nuevo. Finalmente, llegas a tu destino. Cumplimenta todos los datos y envías
la información. En mi caso, volvieron a pedirme los datos de registro.

< GOügi# Pf^y

Programa de afiliación de Google eBooks


im m Este programa está disponible para determinados partners del sector editorial. Si tienes alguna
estás interesado en obtener más información, ponte en contacto con nosotros en la dirección e
affiliates@google.com.

timÚéMtÉ&smPDFy

Figura 114. Programa de afiliación de Google eBooks

Una vez dentro, visualizas las condiciones del programa; léelo y si estás de acuerdo,
activa la casilla al final de la página y aceptas. Entonces, ya te encuentras en el panel
de control.

Para publicar tu libro cuentas con dos opciones: si tienes ISBN, lo podrás hacer des­
de "añadir libros"; ahora bien, si no tienes ISBN, accede a la pestaña "google ebooks".
Como puedes observar, tendrás que leer el “apéndice google ebooks", materia algo ex­
tensa. Concluyendo la lectura, selecciona la casilla y acepta. La siguiente página déjala
tal cual. En la parte superior derecha pulsa en "añadir/actualizar libros" y posterior­
mente en "2. Envíenos sus libros".
© Alfaomega - RC Libros 175
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Dirígete a donde pone "2. Cómo utilizar el formulario web". Abajo selecciona el ar­
chivo que quieras publicar desde tu ordenador (recuerda cómo nombrar los archivos).
Es importante que la cubierta o portada vaya como primera hoja de la obra: te evitarás
problemas.

Pulsa en "subir archivos". Si todo está correcto, leerás el mensaje "hemos recibi­
do los archivos siguientes:...". Por supuesto, no aparecerá publicado hasta después de
unas horas.

Para acceder a tu cuenta y al panel de control hazlo siempre desde https://accounts.


google.com/ServiceLoginAuth. Pon los datos de registro y entra. Selecciona "produc­
tos" y vuelves a rellenar los datos de registro. Así, entra en el panel de control y desde
"administrar libros" podrás hacer la comprobación de que efectivamente está publica­
do y realizar las gestiones oportunas, como actualizaciones.

- Agregar una cuenta bancaria para recibir los pagos

Desde "mi cuenta" accede a "configuración de pagos" y en "detalles de pago" elegir


"editar". Procede a elegir la forma de pagos. En mi caso, seleccioné "datos de cuenta
bancaria" y simplemente cumplimentas los datos.

Google realizará un pago a tu cuenta para comprobar que está todo correccto. En­
tonces, cuando hayas pasado por tu banco y te haya llegado el importe dicho, procede
a verificar la cuenta de la siguiente manera: accede a "mi cuenta" / "información sobre
pagos" y selecciona "verificar esta cuenta". Introduces el importe que has recibido en
tu cuenta del banco y envías el formulario.

BARNES & NOBLE NOOK STORE


Barnes & Noble es una tienda virtual abierta a editores y autores individuales. Ac­
cede a la tienda a través de www.barnesandnoble.com

Si pulsas en la pestaña "nook books", accederás a un enlace con el nombre de “pu-


bit", a través del cual llegas a un programa especial para pequeños editores y autores
donde podrás cargar el EPUB.

http://pubit.barnesandnoble. com

Lo único que has de tener en cuenta para publicar tu EPUB en esta tienda es que los
márgenes tienen que ser amplios. Hay dos opciones: ampliarlos desde el documento
Indesign o a través del archivo "témplate.css" del EPUB. En este último caso, busca el
código correspondiente a los márgenes (margin) y aplícalos en píxeles, no ems.

176 © Alfaomega - RC Libros


CAPÍTULO 6: PUBLICAR UN EBOOK

BARNES NOBLE
BN.com
Seürcft O ivr 30MíUton Produit*

Books i NOOK Books | A 0 0 & i Texibooks Kewsstmá ; Tee

Figura 115. Barnes & Noble

@page { margin-top:30px; margin-left:30px; margin-


right:30px; margin-bottom:20px;}

Este sería un ejemplo.

Una vez realizados los cambios en el archivo EPUB, dirígete a la aplicación Nook y
arrastra el EPUB hacia la librería.

¡>uteíü ÜS* n , *Mjn in . H cw KO P«feS»i? Sk

pubit! (w * *****
f/r¡4»i

© s«'r « w t * B N .e s»
. ¿0¡>r«y¡J
ÍSt
tM tw m t* m ce u m i

write ¡t. Publt! prc


C om ea wnh mítltons o í reacfcrs when you seff your books wsth Barnes & Noble, the w¡
SdfpubSish your books, ideas and contení as NDOIC Books.

Figura 116. Pubit!

© Alfaomega - RC Libros 177


INDICE ANALITICO

Símbolos Adobe Photoshop 45


Adobe Reader 13, 17, 18, 70
ümportant 120, 121, 124, 127, 136, 137, alt 118, 119, 138, 143, 144, 159
138, 139, 140 Android 25, 161, 174
<ol> 95 Apple 115, 117, 140, 161, 170, 171
<p> 95, 108, 121, 126, 135, 140, 142 application/xhtml+xml 115, 119
<ul> 95 Archivo / ajustes de documento 69
<value> 95 Archivo / colocar 46, 50, 51, 53, 80
archivo EPUB 84, 99, 100, 101, 102, 105,
106, 107, 109, 110, 113, 114, 120,
A 121, 135, 141, 143, 160, 162, 163,
164, 169, 170, 177
Adobe 11, 13, 15, 16, 17, 18, 21, 22, 23,
Archivo / exportar 69, 74, 77, 93, 168
26, 28, 29, 33, 34, 36, 45, 56, 57,
Archivo / guardar 33, 35, 153
63, 69, 70, 72, 74, 77, 78, 80, 81,
Archivo / guardar como 35, 153
85, 86, 87, 89, 90, 91, 93, 96, 105,
Archivo / guardar una copia 33
109, 110, 115, 117, 119, 120, 122,
Archivo / información del archivo 88
129, 131, 132, 135, 140, 141, 168
Archivo / nuevo / libro 72
Adobe Digital Editions 72, 74, 77, 78, 80,
Arial 15, 38, 40, 43, 52, 62, 120, 140, 141
81, 85, 86, 87, 90, 91, 96, 119
Arial Black 38, 43, 52
Adobe Dreamweaver 105, 109
Author 100, 101, 102, 125, 132
Adobe lllustrator 21, 45, 135
Adobe Indesign 11, 13, 15, 16, 17, 22, 23,
26, 28, 29, 33, 34, 36, 57, 63, 80, B
87, 89, 93, 109, 110, 115, 117, 120,
122, 129, 131, 132, 140, 141, 168 background-color 128, 133, 134
EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

Barnes & Noble 140, 161, 176, 177 160, 164


barra de estado 26 cubierta 30, 92, 93, 106, 111, 115, 116,
barra de herramientas 26, 38, 39, 46, 101 117, 119, 120, 164, 176
barra de menús 26, 40, 46
barra de tabulaciones 60
blink 136
D
body 108, 118, 140, 158, 159
dc:contributor 113
bold 42, 52, 125
dc:date 112
border 128, 132, 133, 134, 157
dc:description 113
br 108, 159
dc:identifier 112
dcilanguage 113
c dc:publisher 113
dc:rights 113
Calibre 110, 164 dc:source 113
capitular 62, 139 dc:subject 113
capitulares y estilos anidados 59, 62 dc:title 112
celda 63, 64, 84 div 108, 118, 128, 129, 130, 133, 134,
center 126, 130, 134, 139 137, 138, 139, 140, 156, 157
class 108, 126, 128, 135, 137, 138 docTitle 110, 111
CMYK 43 documento EPUB 72, 75, 78, 80, 84, 85,
código fuente 122, 123 99, 100, 106, 115
color 26, 27, 28, 39, 42, 43, 62, 84, 92, 97, documento PDF 69, 70, 167
108, 127, 128, 129, 131, 132, 133, dtb:depth 110
134, 139, 148, 157 dtb:maxPageNumber 110
color de fondo 42, 128, 129, 132 dtb:totalPageCount 110
color de trazo 28, 42 dtb:uid 110, 112
color frontal 42
Columnas 25
content 110, 112, 116, 117, 119, 151, 152,
E
164
ebook 11, 13, 14, 15, 28, 30, 31, 34, 35,
CONTENT.OPF 106
36, 37, 38, 43, 47, 48, 49, 57, 62,
Contornear el texto 129
63, 68, 69, 71, 76, 85, 87, 88, 152,
Copyright 30, 113
161, 167, 168, 169, 170, 174
cover 111, 119, 120, 164
Edición / copiar 44, 64
crear contornos 55
Edición / cortar 154
CSS 11, 78, 84, 99, 105, 106, 109, 110,
Edición / pegar 44, 154
115, 118, 119,120, 121, 122, 124,
efectos 26, 28, 55, 56, 75
125, 126, 128,130, 132, 134, 135,
EIN 171, 172, 173
136, 138, 139,140, 141, 153, 154,
EPUB 11, 29, 30, 34, 36, 71, 72, 73, 74,

180 © Alfaomega - RC Libros


INDICE ANALITICO

75, 76, 77, 78, 79, 80, 81, 82, 83, F


84, 85, 86, 87, 89, 90, 91, 92, 93,
94, 95, 96, 97, 98, 99, 100, 101, filete 39, 40
102, 103, 105, 106, 107,109, 110, Firefox 84, 121
111, 112, 113, 114, 115,117, 119, float 130, 138, 139
120, 121, 122, 123, 125,127, 128, font 106, 115, 120, 124, 125, 127, 140,
129, 130, 131, 132, 133,135, 137, 141, 157, 158
139, 141, 143, 145, 146,147, 149, font-face 141
150, 151, 152, 153, 154,155, 156, font-family 120, 124, 127, 140, 141, 157
157, 159, 160, 161, 162,163, 164, font-size 127, 157, 158
169, 170, 171, 173, 174,176, 177 font-style 124
eReader 13, 143, 158 font-variant 124
espacio anterior 76, 77, 78 font-weight 124, 125
espacio posterior 76, 77 formato digital 13, 30, 88
estilo de TDC 67, 87, 98 formato EPUB 11, 29, 30, 34, 71, 72, 75,
estilos 26, 28, 33, 37, 38, 40, 52, 54, 58, 77, 78, 89, 105, 145
59, 60, 62, 64, 65, 66, 67, 68, 77, formato indd 23, 168
78, 79, 84, 85, 86, 98, 99, 106, 113, formato PDF 17, 29, 66, 70, 71, 161, 165,
115, 118, 119, 121, 122, 127, 128, 174
139, 145, 146, 147, 149, 150, 153, frame 128, 129, 130, 137, 138, 139
154, 156, 157, 158, 164 fuentes incrustadas 99, 141, 155
estilos anidados 58, 59, 62 fuentes tipográficas 26, 27, 71, 106, 115,
Estilos de Carácter 28, 37, 62 140
Estilos de Celda 28, 38, 64
Estilos de Objeto 28, 38, 54, 55
Estilos de Tabla 28, 38, 64, 85, 86
G
etiqueta 89, 91, 92, 95, 108, 110, 114,
generar CSS 78
117, 118, 119, 120, 121, 125, 126,
Google Play 161, 174, 175
134, 136, 141, 142, 143, 144, 152,
Google Play Books 174
159
Guía de la sección 106
etiqueta de apertura 108
guías 14, 25, 26, 34, 35, 38, 40, 41, 42
etiqueta de cierre 108
guías inteligentes 35
etiquetas Alt 89, 90
guide 112, 115, 116, 117, 120, 164
exportación a EPUB 71, 72, 73, 74, 76, 78,
80, 81, 86, 87, 91, 93, 95, 99, 106,
112, 121, 128, 130, 132, 150, 164 H
exportación a PDF 11, 29
head 108, 110, 118, 150, 152
height 128, 139, 143, 144
herramienta de selección 40, 42, 45, 50

© Alfaomega - RC Libros 181


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

herramienta línea 39 ¡Pad 13, 25, 34, 71, 84, 89, 90, 115, 134,
herramienta rectángulo 42 143, 144, 161, 169, 170, 174
herramienta texto 38, 40, 43, 46, 63, 67 iPhone 13, 25, 34, 71, 84, 115, 170, 174
hipervínculos 66, 70 ISBN 30, 87, 88, 89, 94, 106, 110, 164,
Hipervínculos 65 165, 171, 175
hoja de estilos 37, 40, 78, 79, 99, 113, item 114, 117,119, 120
115, 118, 119, 121, 122, 139, 153, itemref 120
154, 164 ¡Tunes 161, 169, 170, 171, 173, 174
hoja de estilos CSS 78, 99, 115, 118, 119, ¡Tunes Connect 171, 173, 174
121, 122, 139, 153, 154, 164
hoja de estilos de carácter 37
hoja de estilos de párrafo 37
J
Hojas de Estilo en Cascada 99
JPG 46, 82, 93, 119, 167
href 114, 116, 117, 118, 119, 120, 142,
justify 126
143, 144
html 29, 108, 117, 118, 140, 143, 150,
151, 152, 164, 166 K
HTML 11, 29, 80, 81, 82, 89, 91, 95, 105,
106, 108, 109, 110, 115, 116, 120, Kindle 25, 87, 115, 117, 161, 162, 164,
128, 132, 134, 135, 137, 141, 145, 165, 166, 167, 168, 169
146, 150, 151, 152, 156 Kindle Direct Publishing 165, 166, 167,
huérfanas y viudas 56 168, 169

I L

¡Books 126, 136, 137, 140, 143, 169, 171 left 123, 124, 125, 127, 128, 130, 132,
¡BookStore 115, 161, 171, 173 134, 139, 157, 177
id 111, 114, 117, 119, 120, 133, 141, 142 lenguaje HTML 80, 95, 108, 109, 116, 150
ID de Adobe 16, 17 libro electrónico 11, 13, 14, 92, 94, 110,
ID de Apple 170, 171 113, 117, 124
idref 120 line-height 139
image 106, 114, 117, 138 line-through 136
image/gif 114 link 19, 118, 119, 156, 159, 166, 167
image/jpg 114 lista ordenada 95
imágenes vectoriales 21 listas no ordenadas 95
image/png 114
image/svg+xml 114
M
img 108, 118, 137, 138, 139, 143, 159
insertar tabla 63 M4V 143

182 © Alfaomega - RC Libros


ÍNDICE ANALÍTICO

Mac 15, 17, 72, 100, 109, 110, 141, 169, navPoint 111
173 Nook 140, 177
manifiest 112, 117, 119, 120 notas al pie de página 63, 99
Manifiesto 106, 114 notas a pie de página 75
Maquetación / estilos de tabla de conteni­ Notepad++ 105, 150, 151
do 67, 85, 86, 98 nueva página maestra 38, 46, 47, 68
Maquetación / tabla de contenido 68 nuevo documento 24, 25, 33, 44, 154
marco rectangular 27, 46, 53 nuevo estilo de párrafo 39, 41, 79
Márgenes 25 número de página actual 24,43
margin 120, 122, 123, 124, 125, 127, 128,
130, 132, 134, 138, 139, 157, 176,
177
O
margin-bottom 123, 124, 127, 132, 139,
Objeto / agrupar 43, 81
157, 177
objeto anclado 81
margin-left 123, 124, 128, 130, 132, 134,
Objeto / encaje 46, 53
157, 177
Objeto / opciones de exportación de obje­
margin-right 123, 124, 130, 157, 177
tos 81, 82, 89
margin-top 123, 124, 132, 139, 157, 177 Objeto / pie de ilustración / generar pie de
max-width 118, 119 ilustración estático 62
Medianil 25 OEBPS 106, 110, 112, 118, 119, 120, 121,
media-type 114, 117, 119 122, 137, 141
meta 119, 151, 152 opciones de exportación EPUB 86, 94
metadata 112, 119 opciones de los efectos 55
metadatos 87, 89, 94, 106, 108, 112, 113, opciones de párrafo 41
164, 173 OpenType 141
META-INF 106 orphans 140
Microsoft Word 105, 145, 152 ortografía 25, 57, 58
MIMETYPE 107 overline 136
min-width 134, 135 Oxygen XML Author 100, 101, 120
Mobi 161, 162, 163, 164
modo de color 43
modo de color RGB 43 P
MP4 143
package 112, 117
padding 120, 157
N páginas maestras 36, 37, 42,43, 48
páginas maqueta 36, 43, 48,50, 76
ñame 119, 152, 157 páginas opuestas 33, 34, 69
navLabel 111 paleta Ceñir texto 53, 54, 81
navMap 111 paleta Color 42, 43

© Alfaomega - RC Libros 183


EBOOKS: CREACIÓN Y DISEÑO DE LIBROS ELECTRÓNICOS

paleta de Tabulaciones 60 RGB 43


paleta Efectos 55, 56 right 123, 124, 125, 130, 157, 177
paleta Estilos de Carácter 62 royalties 166, 167, 169
paleta Estilos de Párrafo 39, 40, 41, 45, 47,
51, 52, 53, 59, 62, 63, 66, 68, 77,
79, 80
s
paleta Hipervínculos 65
samp 140
paleta Libro 34, 35, 36, 72, 73, 87
sangría 25, 34, 68, 79, 125
paleta Páginas 29, 36, 37, 38, 40, 42, 46,
sangría y espaciado 79
47, 48, 50, 66, 68
shutterstock 20, 21, 22
paleta Tabla 65
sidebar 135, 136
panel Artículos 90, 91, 95
Sigil 100, 102, 103, 105, 106, 120, 122,
panel de control 20, 21, 22, 26, 40, 167,
128, 135, 137
169, 175, 176
sincronizar 35, 72, 73
panel Etiquetas 91
softonic 17, 18, 72
panel Vínculos 89, 90
span 108, 126, 157
PC 15, 17, 50, 72, 100, 109, 110, 141
Spine 106
PDF 11, 17, 29, 34, 66, 69, 70, 71, 85,
src 118, 138, 141, 143, 144, 159
161, 165, 167, 174
style 108, 118, 119, 122, 124, 128, 132,
plantilla 36, 38, 42, 149
133, 134, 154, 156, 157
plantilla de Word 149
sumario 15, 33, 36, 44, 47, 52, 53, 66, 67,
playorder 111
68
portada 30, 36, 38, 42, 44, 45, 46, 47, 48,
49, 92, 93, 94, 117, 118, 119, 120,
167, 168, 173, 176 T
previsualización 56
programa de afiliación 175 tabla 63, 64, 65, 67, 68, 72, 74, 78, 84,
publicación digital 24, 25, 34, 85 85, 86, 87, 98, 106, 110, 111, 115,
130, 131, 132, 133, 134, 135, 164,
166, 169
R Tabla 26, 28, 38, 63, 64, 65, 85, 86, 87,
132
rasterización personalizada 81, 82
tabla de contenido 67, 68, 72, 74, 78, 85,
redefinir estilo 42, 77
86, 87, 98, 110, 115, 164
reference 116, 117, 120
tabla de navegación 106, 110, 111
referencias cruzadas 28, 65
Tabla / eliminar fila o columna 64
resolución 82, 83, 84, 93, 96, 97
table 132, 133, 134
resolución de una imagen 83
tabulaciones 26, 60, 61, 80
retornos de carro 76, 77, 99
td 133, 134, 135
revisar ortografía 57
TDC 67, 86, 87, 98

184 © Alfaomega - RC Libros


ÍNDICE ANALÍTICO

tecla Alt 41, 42, 43 Ver / cuadrículas y guías / mostrar cuadrí­


tecla enter 57, 61, 76 cula base 34
tecla mayúsculas 42, 43, 48 ver EPUB tras la exportación 74, 77, 96
témplate.css 118, 119, 176 Ver / estructura / mostrar estructura 92
text 110, 111, 115, 118, 121, 125, 126, vertical-align 138, 139
127, 130, 134, 136, 138, 139, 151, video 143, 144
152 vínculos 141
text-align 125, 126, 127, 130, 134, 139 viñetas y numeración 41
text/css 115, 118 VoiceOver 89
text-decoration 121, 136
TextEdit 15, 105
text-lndent 125
w
Texto / fuente 38, 43 widows 139
Texto / Insertar carácter especial / marca­
width 118, 119, 120, 128, 132, 134, 135,
dores 43
137, 138, 139, 143, 144
Texto / insertar nota al pie de página 63
Word 105, 145, 146, 147, 149, 150, 151,
Texto / tabulaciones 60
152, 153, 154, 156, 158, 159
Texto / tamaño 43
text-top 138, 139
TextWrangler 150 X
th 133, 134
tipografía 15, 37, 38, 39, 40, 43, 45, 46, XHTML 98, 105, 107, 115, 118, 119, 150,
52, 63, 68, 99, 141 151, 158, 159, 160
title 108, 112, 116, 117, 118, 120, 152 XML 90, 91, 92, 95, 100, 101, 105, 106,
Toc.ncx 106, 110 112
tr 133, 134
trabajofreelance 19, 20

u
underline 136
UTF-8 108, 118, 151

V
validación del archivo EPUB 99
vectores 21, 135
Ventana / interactivo 65
Ventana / Páginas 36

© Alfaomega - RC Libros 185


Esta edición se terminó de imprimir en abril de 2013. Publicada por
ALFAOM EGA G RUPO EDITOR, S.A. de C.V. Pitagoras No. II39
Col. Del Valle, Benito Juárez, C.P. 03311. México, D.F.
La impresión y encuadernación se realizó en
CA RG RAPH ICS, S.A. de C.V. Calle Aztecas No.27
Col. Santa Cruz Acatlán, Naucalpan, Estado de México, C.P. 53150. México
Cada vez existen más personas que desean Asimismo, trabajará con diferentes sitios
ganar un dinero extra por internet: diseñar web en los que publicar su texto: Kindle de
y vender su propio ebook es una forma de Amazon, ¡BookStore de Apple, Google Play
conseguirlo. Store y Barnes & Noble.
Un ebook es un texto en versión digital y se En resumen, este libro es una importante
puede encontrar en varios formatos como fuente de información con todo lo que
PDF, Mobi, doc o EPUB. Para su lectura necesita saber para ver su obra publicada
es necesario un eReader o cualquier otro en versión digital.
dispositivo que lo soporte. Un EPU B es un
estándar de libro electrónico utilizado cada
vez en más dispositivos como iPad, ¡Phone,
iBook, etc.
Con esta guía, el lector aprenderá a crear y
diseñar un libro electrónico y a exportarlo
correctamente para su publicación en la
web. Comenzará por el diseño de su obra y
la exportación a PDF; para posteriormente
conocer el formato EPUB y sus ventajas. A
través de esta lectura comprenderá el uso
de los correctores de textos y los bancos de
imágenes donde adquirir los derechos de
sus propias ilustraciones; así como otros
conceptos clave como el ISBN.

Ma. Am or Fernández Licenciatura de Filosofía y Diplomatura en Artes Visuales. Diseñadora gráfica


y maquetadora editorial. Colaboración con Felipe González Villacampa, miembro de Mensa España,
como diseñadora gráfica de sus juegos de inteligencia y como correctora y maquetadora de sus
artículos para la revista Omnia. Publicaciones: ¡Books Author. Creación y diseño de libros electrónicos,
entre otros.