Si ya has terminado y corregido tu manuscrito, y tienes diseñada la portada, estarás pensando en publicarlo en alguna plataforma tipo Amazon. Para ello tendrás que convertir tu manuscrito en un libro electrónico o ebook.
Hoy en día, las posibilidades que tenemos a la hora de crear un ebook o libro digital son tantas que desalientan. Sin embargo, las opciones que tenemos a la hora de crear un ebook de manera profesional se reducen notablemente. Yo diría que a dos: crearlo desde cero con HTML o hacerlo con Sigil, el programa creado para desarrollar libros electrónicos en formato ePub.
Si eres un experto o una experta en HTML, te resultará muy fácil maquetar un ePub.
Si no estás familiarizado con el lenguaje de etiquetas, probablemente seas un/a autor/a independiente que quiere publicar su libro y que se preocupa por la calidad del mismo. En este caso lee detenidamente esta entrada, te será muy útil.
Te voy a ensañar a convertir tu texto en un libro electrónico de manera profesional. No importa si tienes o no conocimientos de programación y si es tu primera o tu octava incursión en este mundo. Si sigues las recomendaciones que vas a encontrar aquí, te garantizo que te quedarás satisfecha/o con el resultado. Y si no tienes tiempo o no quieres aprender a hacerlo, tambien puedes contactar conmigo desde la página de servicios editoriales.
Índice de contenidos
- ¿Qué es un ebook?
- Formatos de libro electrónico
- ¿Qué es un ePub?
- Creación de un ePub con Sigil
- Configuración de Sigil
- Sintaxis HTML
- Crear un documento nuevo en Sigil
- Formatear el ebook
- Hojas de estilo con CSS
- Estructura
- Salto de página
- Las imágenes y los archivos multimedia
- Tabla de contenidos
- Terminando el ePub
¿Qué es un ebook?
Un ebook es la versión electrónica o digital de un libro. Otros nombres por los que se le conoce son e-book y libro digital.
¿Qué es un e-reader?
El dispositivo que se utiliza para almacenar y visionar los libros electrónicos es el lector de libros electrónicos o e-reader.
Mucha gente llama libro electrónico tanto al archivo como al dispositivo, pero tú no. Tú ya sabes que son cosas diferentes, ¿verdad?
Además de en un e-reader, un libro electrónico se puede visionar en multitud de dispositivos:
- ordenador de sobremesa
- ordenador portátil
- teléfono móvil
- tablet
- televisión…
Todo depende de si el dispositivo en cuestión es compatible con el formato del libro electrónico.
Formatos de libro electrónico
Existen multitud de tipos de archivo de libro electrónico. Los más extendidos son:
Formato PDF
El formato PDF es el que peor se adapta a los e-reader o lectores. Por contra es el más universal, ya que lo soporta casi cualquier dispositivo. Es el más utilizado en imprenta.
Formato ePub
El formato ePub es el más utilizado y el que obtienes si te compras un libro en cualquier plataforma que no sea Amazon.
Formato Mobi
El formato Mobi es uno de los formatos de los libros de kindle.
Formatos libros kindle
Además de la extensión mobi, los libros para kindle soportan diversos formatos en su versión original:
- Kindle Format 8 (AZW3)
- Kindle (AZW)
- TXT
- MOBI
Y estos otros formatos por conversión:
- HTML
- DOC
- DOCX
- JPEG
- GIF
- PNG
- BMP
En esta entrada vamos a ver cómo crear un libro electrónico profesional en formato ePub con el programa Sigil. El archivo ePub resultante te servirá para subirlo a cualquier plataforma, incluida Amazon, o para reconvertirlo a otro formato, incluidos PDF y Mobi.
¿Qué es un ePub?
Un ePub es simplemente una carpeta comprimida que contiene diferentes archivos.
Su nombre es un acrónimo de Electronic publication (publicación electrónica).
Existen dos tipos de ePub:
- ePub de diseño fluido (Fluid-Layout ePub)
- ePub de diseño fijo (Fixed-Layout ePub)
ePub de diseño fijo
Es un formato que no se adapta a las pantallas. Se utiliza principalmente para archivos multimedia.
ePub de diseño fluido
Es un archivo que contiene principalmente texto, y es el que vamos a ver en esta entrada.
Aunque no es el archivo más adecuado para ello, los ePub también pueden contener Audio y Vídeo.
Está orientado a los libros que no requieren interacción. Y su contenido se adapta a la pantalla en la que se está visionando.
Lenguajes usados en los ePub
Existen varios lenguajes que pueden formar parte de un ePub. Son los siguientes:
•HTML
Es un lenguaje muy sencillo basado en etiquetas que está presente en todos los ePub. Con él se genera la estructura del documento. Debido a su importancia, más adelante nos detendremos en su sintaxis para que tengas una nociones básicas.
•XHTML
Es una adaptación del lenguaje HTML compatible con XML.
•CSS
Este lenguaje es el que aplica las características de los ePub: color, tamaño, tipo de fuente, etc. Tiene una importancia capital en la creación de ePub, por lo que más adelante también nos detendremos a conocer su sintaxis.
•JAVASCRIPT
Es un lenguaje para crear interactividad.
•SVG
Lenguaje basado en gráficos vectoriales y fuentes. También es un formato de imágenes.
Aplicaciones de lectura de ePub
Para ir comprobando los resultados del libro que estamos creando, necesitamos una aplicación capaz de leer archivos ePub.
Actualmente existen multitud de aplicaciones en el mercado para todos los sistemas y navegadores. Por si no quieres perder el tiempo buscándolas, te voy a recomendar las dos que yo utilizo, ambas gratuitas y multiplataforma:
Una es la aplicación de Adobe.
Y la otra es la aplicación de Calibre.
Con estas aplicaciones podrás ir sabiendo cómo será la visualización del ePub en los dispositivos de lectura. Te recomiendo que las consultes con frecuencia.
Si tienes pensado publicar tu libro en Amazon, tampoco te debería faltar la siguiente aplicación para comprobar que podrá verse correctamente en todos los dispositivos de Kindle:
Kindle Previewer.
Creación de un ePub con Sigil
¿Qué es Sigil?
Sigil es un software gratuito de código libre para la creación de archivos ePub de diseño fluido.
Es multiplataforma. Lo puedes instalar en Windows, Mac y Linux desde la página web de Sigil.
Es el programa que vamos a utilizar para crear el ePub de nuestra novela o libro de no ficción.
¿Por qué con Sigil?
La creación de ePub se puede llevar a cabo con diferentes programas. Los programas para maquetar más utilizados son:
- InDesign, que es un software de Adobe que utilizan los profesionales para maquetar, sobre todo, libros que van a imprimirse en papel desde una imprenta.
- Editores de texto, entre los que destaca Word.
- Sigil, que es un programa ideado exclusivamente para la creación de ePub, de ahí su pertinencia.
He elegido Sigil por 5 razones:
- Porque es un software libre y gratuito
- Porque es multiplataforma y está disponible para Linux, Mac y para PC, es decir, que le sirve a todo el mundo
- Porque es de los que menos código basura genera, es decir, que produce archivos muy ligeros
- Porque está pensado para crear ePub, es decir, que tiene todo lo que vas a necesitar
- Porque su curva de aprendizaje es pequeña, es decir, que si sigues los pasos de esta entrada vas a poder crear un ePub profesional.
Muchos diseñadores generan los ePub desde InDesign o preparan el documento en Word y lo convierten en ePub con herramientas como Calibre.
Los motivos por los que no me he decantado por ninguna de esas opciones son los siguientes:
Por qué no Indesign
- Porque no es gratuito
- Porque la dificultad para conseguir un archivo ePub con las características profesionales que vamos a conseguir con Sigil es mayor
Por qué no Word
- Porque no es gratuito
- Porque genera etiquetas redundantes que aumentan el peso
- Porque no permite trabajar todas las características avanzadas de un libro electrónico
- Porque no puede crear directamente el archivo ePub. Necesitas importar el documento desde otro programa y generarlo con él.
Instalación de Sigil
La instalación de Sigil es igual de sencilla que la de cualquier otro programa. Para realizarla, sigue los siguientes pasos:
Dirígete a la siguiente página
Dependiendo de cuándo visites la página de Sigil, la versión puede variar. Es importante que instales la versión recomendada por el fabricante. En el momento de escribir esta entrada, la última versión era la 0.9.12, pero el fabricante, como puedes ver en la imagen, recomendaba la versión 0.9.10, que fue la que instalé.
Clica en el enlace:
A continuación, desciende por la página hasta que llegues al enlace de descarga y clica sobre él.
El enlace te llevará a la web de github.com, que es donde está alojado el archivo para instalar Sigil (Github es una plataforma de desarrollo colaborativo de software para alojar proyectos).
Configuración de Sigil
Antes de empezar a trabajar con Sigil vamos a cambiar un par de cosas de su configuración: la versión y el idioma.
Por defecto, Sigil crea los ePub en la versión 2.0.1, pero lo recomendable, para evitar incompatibilidades con algunos dispositivos de lectura, es crearlos a partir de la versión 3.0.
La segunda cosa que vamos a cambiar es el idioma. Por defecto Sigil arranca con el idioma inglés. Por supuesto, si te sientes a gusto trabajando en inglés lo puedes dejar, pero si prefieres el español, como es mi caso, tienes que modificarlo:
Edit > Preferences > General Settings y marca la Versión 3.
Y si quieres cambiar de idioma:
Edit > Preferences > Languaje y en User Interface Languaje elige el idioma que prefieras para trabajar con la aplicación.
En esa misma ventana de >Languaje está la opción de Default Language For Metadata. Selecciona en ella el idioma y la región de tu preferencia, en mi caso Spanish – Spain, y pulsa ok.
Para que los cambios se hagan efectivos tienes que reiniciar Sigil.
Interfaz de Sigil
La interface de Sigil es muy sencilla. En un primer vistazo, la parte superior se parece bastante a la de un editor de texto. Contiene el menú principal y la barra de herramientas con los iconos de los accesos directos a las funciones básicas.
Justo debajo, la pantalla se divide en tres áreas o paneles.
La parte izquierda contiene el panel con la estructura interna del archivo ePub que estamos editando o creando. Desde ella puedes ver todos los archivos.
La parte central, que es la más amplia, nos muestra el panel de escritura con la previsualización del archivo.
En este panel central podemos utilizar dos modos de visionado. En uno de ellos, Vista de libro (la última versión que ofrece el modo vista de libro es la 0.9.10, que es la que enlazo en este artículo. Para las versiones posteriores los creadores de Sigil ofrecen la oportunidad de trabajar en el modo vista de libro con la aplicación externa, también creada por ellos, PageEdit), Sigil hace una interpretación del código HTML para que podamos previsualizar el contenido del ePub tal y como se verá en la pantalla de un dispositivo de lectura:
En el otro, Vista de código, vemos el código HTML:
Podemos cambiar de una vista a otra desde el menú Vista o clicando en los iconos del libro y de las comillas angulares.
En principio, la mayoría de las acciones las vamos a llevar a cabo desde la Vista de libro, que es más gráfica y visual.
Por último, la parte derecha es la destinada a mostrar la tabla de contenidos del ePub para ver los títulos de los capítulos.
Sintaxis HTML
Como ya dije, el HTML es el lenguaje de etiquetas en que se basan los ePub. Pero no te preocupes, puedes maquetar un libro en Sigil desde el modo Vista de libro sin saber nada de HTML.
No obstante, conviene que tengas algunas nociones básicas de este lenguaje por si tuvieras que corregir o implementar alguna etiqueta, en cuyo caso tendrías que ir en Sigil al modo Vista de código. Vamos a ello.
Diferencia entre HTML y XHTML
Sigil genera los documentos de texto con la extensión xhtml. La diferencia entre HTML y XHTML es solo de sintaxis. En el caso de la creación de los ePub, el código de las etiquetas que vamos a utilizar es exactamente el mismo en los dos lenguajes, por lo que nos da igual.
Las etiquetas HTML son fragmentos de texto que se emplean para escribir código HTML.
Cada etiqueta está encerrada entre el símbolo menor que (<) y el símbolo mayor que (>).
Para no tener problemas con el navegador que estás utilizando, en adelante, cuando vaya a mencionar alguna etiqueta de HTML, en lugar de utilizar el símbolo de apertura de etiqueta ‘‘<‘‘ y el de cierre ‘‘>‘‘, utilizaré el símbolo ‘‘‹‘‘ para abrir y el símbolo ‘‘›‘‘ para cerrar, así el navegador no lo interpretará como una etiqueta real.
En su mayoría, estas etiquetas se implementan colocando una etiqueta de apertura y otra de cierre al principio y el final del contenido.
La etiqueta de cierre se diferencia de la de apertura en que se le añade un slap (/) después del símbolo menor que (</).
Veamos un ejemplo con la etiqueta h1:
‹h1›Soy una etiqueta de título‹/h1›
Como ves, es muy sencillo. Con esta etiqueta le estamos indicando a Sigil que el texto «Soy una etiqueta de título» pertenece a una etiqueta h1, que es la que se utiliza para definir los encabezados principales.
Esto provocará que cuando alguien esté visionando el texto en su lector lo vea con las características asignadas a dicha etiqueta, que suele corresponder con unas letras más grandes para resaltar los títulos. Pero eso lo veremos más adelante, cuando nos detengamos en la sintaxis del archivo CSS responsable de aplicar esas características.
La etiqueta de cierre se utiliza para señalar dónde se deja de aplicar dicha etiqueta. Existen algunas etiquetas que solo utilizan etiqueta de apertura, como por ejemplo ‹br›. Con esta etiqueta estamos generando un salto de línea, y eso es una indicación que no precisa limitarse.
Etiquetas HTML
Existen actualmente 115 etiquetas HTML. Si tienes interés, puedes acceder a ellas fácilmente desde Internet. Para no sobrecargarte innecesariamente, te voy a mostrar solo las más utilizadas en la creación de ePub. Son las siguientes:
‹html›
Es la etiqueta que contiene todo el código. Indica el inicio y el final del documento. El resto de etiquetas se encuentran dentro de ella.
‹head›
Etiqueta que define el encabezado del documento HTML.
‹meta›
Contiene los metadatos (lo veremos después con más detalle).
‹title›
Contiene el título de la página y se encuentran dentro de la etiqueta ‹head›.
‹body›
Contiene el contenido visible para el lector. Es decir, el texto en sí que va a mostrar el dispositivo de lectura.
‹!– –›
Etiqueta para hacer anotaciones y escribir comentarios. El contenido es meramente informativo para la persona que está generando el código. Nada de lo que se incluya dentro de esta etiqueta será tenido en cuenta por el navegador o dispositivo de lectura, es decir, no tendrá ninguna incidencia en el documento.
‹a›
Etiqueta para incluir enlaces (links) hacia otras páginas o documentos.
‹b› y ‹strong›
Resaltan en negrita el texto que contienen dentro la etiqueta. El efecto visual de ambas etiquetas es el mismo. Se recomienda utilizar la etiqueta ‹strong› cuando, por algún motivo, queremos destacar como importante esa parte del texto.
‹i› y ‹em›
Resaltan en itálica el texto que contienen dentro la etiqueta. El efecto visual de ambas etiquetas es el mismo. Se recomienda utilizar la etiqueta ‹em› cuando, por algún motivo, queremos destacar esa parte del texto, por ejemplo cuando se trata de un extranjerismo o una traducción.
‹section›
Divide el documento en secciones. Su mayor utilidad es separar capítulos.
‹p›
Etiqueta que delimita un párrafo.
‹br›
Indica una salto de línea.
‹h1› ‹h2› ‹h3› ‹h4› ‹h5› ‹h6›
Son las seis etiquetas de encabezado. Se utilizan para jerarquizar el contenido del libro: títulos, subtítulos…
‹ul›
Define una lista.
‹li›
Define un elemento de una lista.
‹style›
Etiqueta para agregar un estilo CSS dentro del documento HTML.
‹table›
Inserta una tabla en la página.
‹tbody›
Define el cuerpo de una tabla.
‹td›
Agregar una columna en una tabla.
‹th›
Agrega una “columna encabezado” a una tabla.
‹tr›
Inserta una fila o renglón en una tabla.
Crear un documento nuevo en Sigil
Cuando abrimos un documento nuevo en Sigil (>Archivo >Nuevo), o iniciamos la aplicación, aparece en la parte izquierda de la pantalla una columna con algunos archivos y las carpetas donde vamos a ir almacenando todo lo que contendrá nuestro ePub. Son estos:
Carpeta Text: contiene los Archivos xhtml con el texto del libro. El documento se inicia con dos archivos:
Section0001.xhtml
nav.xhtml
Estos archivos se pueden renombrar si los seleccionas, pulsas en el botón derecho del ratón y clicas en «Renombrar…». Si lo haces, ten en cuenta que
los nombres no pueden contener ninguna ñ, ni tildes, ni caracteres especiales.
Estos no son caracteres ASCII y podrían dar error en algunos dispositivos.
Más adelante veremos cómo crear archivos de xhtml para estructurar nuestro libro.
Carpeta Styles: contiene las hojas de estilo o estilos CSS. El documento se inicia con un archivo css: sgc-nav.css
Carpeta Images: Contiene las imágenes que vamos a incluir en el documento.
Carpeta Fonts: Contiene las fuentes que vamos a incluir en el documento, en el caso de que queramos que nuestro libro se lea con una fuente concreta y no con las que tiene el dispositivo de lectura.
Hay que tener en cuenta que, aunque carguemos la fuente en el documento, es posible que determinados dispositivos no puedan reproducirla, por lo que no es aconsejable utilizar tipografías externas si no es por una causa justificada.
De cualquier manera, en la mayoría de los casos será el usuario el que, según las características de su dispositivo, seleccione él mismo la tipografía.
Carpeta Audio: Contiene los archivos de audio.
Carpeta Video: Contiene los archivos de video.
Carpeta Misc: Contenidos variados. De inicio cuenta con dos archivos:
Archivo toc.ncx, que contiene la tabla de contenido.
Archivo content.opf, que es el archivo más complejo. Contiene diferentes elementos y un listado de recursos.
Importar el contenido
Ahora vamos a importar el contenido desde el editor de texto a nuestro archivo de Sigil. Para que no te líes con los programas, voy a enumerarte el proceso desde el principio en tres pasos:
1. Abre Sigil. A continuación clica en >Archivo >Guardar y nombra y guarda el documento de tu ePub (el título que tendrá el libro puede ser una buena opción para el nombre).
2. Abre el editor de texto donde tengas el contenido del libro, selecciona todo el texto y cópialo.
Vuelve a Sigil. Asegúrate de que estás en el modo «Vista de libro» y pega el texto clicando en >Edición >Pegar.
3. A continuación se abrirá una ventana que te pregunta: «¿Desea pegar los datos del portapapeles como texto sin formato?» (en el caso de que el texto venga sin formato, no aparecerá esta ventana).
Si le decimos que no, Sigil pegará el texto tal y como lo tenías en el editor. El problema es que para ello va a generar un código sin optimizar con etiquetas redundantes que te ocasionará problemas.
Otra opción que podríamos utilizar es guardar el documento desde el editor que estemos usando en formato HTML y abrirlo desde Sigil, pero tendremos también un problema de etiquetas redundantes.
Por lo tanto le decimos que sí, que lo queremos pegar sin formato. Y tendremos un documento completamente limpio, sin etiquetas ni atributos sobrantes. Con la etiqueta de párrafo y poco más.
Clicamos en >Archivo >Guardar y ya tenemos nuestro ePub.
Eliminar líneas y espacios en blanco
Es normal que cuando escribimos un libro incluyamos sin darnos cuenta líneas en blanco y espacios vacíos. Todo eso genera un código basura que recarga inútilmente nuestro archivo. Para depurar al máximo el código HTML de tu ePub, vamos a eliminar todo ese espacio.
Cuando hay líneas en blanco, Sigil genera en su código HTML el siguiente código: ‹p›‹br/›‹/p›
Puedes eliminar estas líneas del documento haciendo lo siguiente:
Si aún no lo estás, ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir…, y se abrirá en la parte inferior de la pantalla el panel de Buscar y sustituir.
Haz lo siguiente:
Introduce el siguiente código en la ventana Buscar: ‹p›‹br/›‹/p›
Clica en el botón «Sustituir todo»
Como hemos dejado vacía la ventana «Sustituir», Sigil a convertido en nada las líneas vacías detectadas con el código: ‹p›‹br/›‹/p›.
En ocasiones también se generan líneas con etiquetas de párrafo sin contenido. Para eliminarlas procede de la forma que te acabo de explicar, colocando en el campo Buscar el siguiente código: ‹p›‹/p›.
Cuando hay espacios en blanco sin sentido, bien porque están después de un punto que finaliza un párrafo, o bien porque hay más de un espacio en blanco consecutivo, Sigil general en su código HTML el siguiente número: ‹‹ ››
Puedes eliminar todos estos espacios del documento haciendo lo siguiente:
Ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir…, y se abrirá en la parte inferior de la pantalla el panel de Buscar y sustituir.
Haz lo siguiente:
Introduce el siguiente código en la ventana Buscar: ‹‹ ››
Clica en el botón «Sustituir todo»
Como no hemos indicado nada en la ventana «Sustituir», Sigil a sustituido los espacios en blanco detectados con el código ‹‹ ›› por nada. Es decir, ha eliminado esos espacios.
El problema es que, cuando en el documento hay más de un espacio en blanco seguido y son en número impar, Sigil deja los espacios sobrantes y pueden dar lugar a que se unan dos espacios en blanco sin que Sigil lo reconozca. Para eliminar esos espacios tenemos que hacer una segunda búsqueda de la siguiente manera:
Ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir…, y se abrirá en la parte inferior de la pantalla el panel de Buscar y sustituir.
Haz lo siguiente:
Introduce tres espacios en blanco en la ventana Buscar:« ».
Introduce un espacio en blanco en la ventana Sustituir: « ».
Clica en el botón «Sustituir todo».
Introduce dos espacios en blanco en la ventana Buscar:« ».
Introduce un espacio en blanco en la ventana Sustituir: « ».
Clica en el botón «Sustituir todo».
Con esto ya no deberías tener espacios en blanco en tu documento.
Eliminar espacios antes de los signos de puntuación
Otro de los problemas surge con los espacios en blanco que a veces generamos antes de los signos de puntuación, en especial con el punto y la coma.
Para subsanar este error, haz lo siguiente:
Ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir…, y se abrirá en la parte inferior de la pantalla el panel de Buscar y sustituir.
Haz lo siguiente:
Introduce un espacio en blanco y un punto en la ventana Buscar:« .».
Introduce un punto en la ventana Sustituir: «.».
Clica en el botón «Sustituir todo».
Haz lo mismo con las comas:
Introduce un espacio en blanco y una coma en la ventana Buscar:« ,».
Introduce una coma en la ventana Sustituir: «,».
Clica en el botón «Sustituir todo».
Este método te sirve para todos los signos de puntuación. Repite la operación con los siguientes:
punto y coma «;»
dos puntos «:»
puntos suspensivos «…»
signo de interrogación de cierre «?»
signo de exclamación de cierre «!»
comillas (españolas, inglesas y simples) de cierre » ’’ ’
paréntesis de cierre «)»
corchetes de cierre «]»
llave de cierre «}»
También surge el problema contrario, que es cuando dejamos espacios en blanco detrás de signos de puntuación que no lo llevan, como cuando dejamos un espacio en blanco después de un signo de interrogación de apertura.
La manera de proceder en estos casos es parecida:
Introduce un signo de interrogación de apertura y un espacio en blanco en la ventana Buscar:«¿ ».
Introduce signo de interrogación de apertura en la ventana Sustituir: «¿».
Clica en el botón «Sustituir todo».
Procede de igual manera con los siguientes signos:
signo de exclamación de apertura «¡»
comillas (españolas, inglesas y simples) de apertura « ‘‘ ‘
paréntesis de apertura «(»
corchetes de apertura «[»
llave de apertura «{»
Y para terminar con los problemas de los espacios en blanco, vamos a ver cómo solucionar los errores de colocar un espacio en blanco después del signo de la raya en los diálogos. Aunque es cierto que en el caso de la raya y los diálogos, dependiendo del caso, el espacio en blanco puede ir antes o después, sí que podemos corregirlo los casos en que el error se produce al principio del diálogo puesto que coincide con un comienzo de párrafo.
Para solucionar estos errores, ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir… y haz lo siguiente:
Introduce un signo de párrafo seguido de una raya y de un espacio en blanco en la ventana Buscar: (‹p›— ).
Introduce un signo de párrafo seguido de una raya en la ventana Sustituir: (‹p›—).
Clica en el botón «Sustituir todo».
Con esto hemos cubierto casi la totalidad de los errores de espacios en blanco de manera automática y sin quedarnos ciegos.
Eliminar puntos después de los signos de cierre
El último error frecuente relacionado con los signos de puntuación que vamos a corregir no corresponde a los espacios en blanco, si no a los puntos después de los signos de cierre: «!.» y «?.»
Para solucionar estos errores, ponte en modo «Vista de código».
Clica en menú >Buscar >Buscar y sustituir… y haz lo siguiente:
Introduce un signo de cierre de interrogación seguido de un punto en la ventana Buscar:«?.».
Introduce un signo de cierre de interrogación en la ventana Sustituir: «?».
Clica en el botón «Sustituir todo».
Introduce un signo de cierre de exclamación seguido de un punto en la ventana Buscar:«!.».
Introduce un signo de cierre de exclamación en la ventana Sustituir: «!».
Clica en el botón «Sustituir todo».
https://www.youtube.com/watch?v=3O9CkdqGQkA&t=14s
Formatear el ebook
Formatear caracteres
El formateo de caracteres consiste en darle al texto una características concretas para que destaque del resto del contenido. Con Sigil puedes formatear el texto sin utilizar código. Solo tienes que seleccionar con el cursor el texto que quieras formatear e ir al menú >Formato y elegir la opción correspondiente o, directamente, clicar en los iconos que hay debajo de los menús.
Las opciones de formateo de caracteres que ofrece Sigil son las siguientes:
- Negrita
- Cursiva
- Subrayado
- Tachado
- Subíndice
- Superíndice
- Minúsculas
- Mayúsculas
- Nombres propios
- Mayúscula inicial
Si lo que quieres es cambiar el tamaño o el color del texto, necesitas implementar código CSS en la hoja de estilo. Veremos cómo después del formateo de párrafos.
Caracteres especiales
Para insertar caracteres especiales no tienes más que colocar el cursos en el punto exacto donde quieras incluir el carácter y clicar en el menú ›Insertar ›Carácter especial… o, directamente, clicando en el icono del símbolo Omega.
Los caracteres especiales más destacados que incluye Sigil son:
- Raya/guión de diálogos y apuntes
- Comillas
- Copyright
Formatear párrafos
Al igual que sucede con los caracteres, para formatear los párrafos solo tienes que situar el cursor en el párrafo que quieras formatear e ir al menú >Formato y elegir la opción correspondiente o, directamente, clicar en los iconos directos que hay debajo de los menús.
Si quieres darle el mismo formato a todos los párrafos del documento, desde la Vista de libro pulsa en el botón derecho del ratón y, en el menú flotante que aparece, clica en «Seleccionar todo» para seleccionar todo el texto del documento. A continuación clica en el botón de alguno de los iconos que tienes debajo de los menús.
Además de que verás cómo se produce el cambio en pantalla, puedes irte al modo Vista de código para ver las etiquetas que se generan e irte familiarizando con el HTML, pero no es necesario.
El problema de formatear todos los párrafos a la vez seleccionando todo el texto, es que vas a generar una etiqueta, con el formato que hayas realizado, en cada párrafo. Y un libro tiene muchos párrafos. Por lo que estarías generando una cantidad ingente de etiquetas innecesarias que van a ensuciar el código de tu ePub y a engordar el peso del archivo.
Para evitar esto, lo más conveniente es formatear los párrafos mediante las hojas de estilo CSS. Enseguida veremos cómo.
En el caso de que quieras crear listas, como será en unos párrafos concretos, sí que puedes seguir este método y no complicarte con CSS.
Las opciones de formateo de párrafo que ofrece Sigil son las siguientes:
- Párrafo (p)
- Encabezados (h1, h2, h3, H4, H5 y H6)
- Alineación (izquierda, derecha, centrado y justificado)
- Listas (numeradas y no numeradas)
- Sangrías
Estructura de listas
Si queremos hacer listas en nuestro ePub, tenemos dos opciones: numeradas o sin numerar. Estas últimas se muestran con puntos llamados bullets, como los que acabas de ver en la lista de opciones de formateo de párrafo.
Cuando pegamos un texto con listas, generalmente vienen con un etiquetado de párrafo que no está optimizado.
Localiza las listas de tu documento y genera unas nuevas con un código más depurado como el siguiente:
‹ul›
‹li›Texto primer elemento‹/li›
‹li›Texto segundo elemento‹/li›
‹li›Texto tercer elemento‹/li›
‹/ul›
La etiqueta ‹ul› le indica al lector que tenemos una lista. Si queremos que la lista esté numerada, en lugar de la etiqueta ‹ul› debemos emplear la etiqueta ‹ol›.
La etiqueta ‹li› le indica al lector que hay un elemento de la lista.
En los dispositivos de lectura, el código anterior se vería de la siguiente manera:
- Texto primer elemento
- Texto segundo elemento
- Texto tercer elemento
Si en lugar de a mano, generas listas en Sigil con los botones del menú, el programa incluirá etiquetas ‹/br› en todas las líneas. En este caso resulta innecesario puesto que, por sí sola, la etiqueta de cierre ‹/li› ya indica un cambio de línea. Procede entonces a borrar las etiquetas ‹/br› para depurar el código.
Ahora tienes que repetir el proceso en todas las listas que tengas en el documento.
Hojas de estilo con CSS
Qué es CSS
CSS son las siglas de Cascading Style Sheets, que significa hojas de estilo en cascada.
Las hojas de estilo sirven para definir la apariencia de un documento en el dispositivo de lectura o en el navegador a través de un lenguaje de marcado. En este caso, el lenguaje sobre el que va a definir la apariencia es el HTML de nuestro ePub.
Por supuesto que para crear tu ePub no tienes que aprender CSS, pero sí que vamos a ver algunas etiquetas que te serán muy útiles para definir las características principales del texto y darle un aspecto profesional a tu libro.
Sintaxis de CSS
En la sintaxis de CSS tenemos tres valores que son:
• Selectores
• Propiedades
• Valores
Los selectores están ubicados en la parte izquierda e indican cuáles son los elementos HTML a los que queremos aplicar reglas CSS. Veamos un ejemplo:
p{font-family:Arial; color:#F00}
En este caso, la «p» es el selector que indica que vamos a formatear la etiqueta de HTML «p» de párrafo.
La declaración, que está divida en pares de propiedades y valores, indica los atributos que le vamos a otorgar a esas etiquetas.
En el ejemplo hay dos propiedades con sus dos valores. La primera propiedad es font-family, y el valor es Arial. La segunda propiedad es color, con el valor #F00, que corresponde al color rojo.
La declaración va encerrada entre llaves, y existen dos formas de redactarla:
- En una línea
- Dividiendo por líneas los pares de propiedades y valores
Al final de cada propiedad y antes del valor se colocan dos puntos (:).
Y cada par de propiedad y valor se separa del siguiente con un punto y coma (;).
Veamos de nuevo el ejemplo anterior de las dos maneras:
En una línea:
p{font-family:Arial; color:#F00}
Dividiendo el código en propiedades y valores:
p{
font-family:Arial;
color:#F00;
}
El resultado para el navegador es el mismo.
Se utiliza una u otra dependiendo de la preferencia de la persona que redacta el código.
Es muy sencillo encontrar en Internet alguna web que recoja las propiedades que se pueden aplicar con CSS, pero hay que tener en cuenta que los ePub no las soportan todas.
Eso sí, las más sencillas, que son las que puedes necesitar implementar en tu ePub, sí que las reconoce.
Si quieres ir a tiro hecho, el sitio web que yo suelo consultar cuando necesito implementar alguna propiedad con CSS o alguna etiqueta de HTML es w3schools.com
Creación de la hoja de estilos
Existen varias formas de trabajar con CSS. La más adecuada, que es la que te voy a enseñar, es crear una hoja independiente y recoger en ella todos los estilos que vayamos a utilizar en nuestro libro para enlazarla con los archivos xhtml a los que queramos que afecte.
Sigil almacena las hojas de estilo con la extensión.css en la carpeta «Styles». Por defecto, cuando abrimos un documento nuevo Sigil genera una hoja de estilo enlazada al archivo nav.xhtml que lleva el nombre de sgc-nav.css.
Ahora vamos a crear nuestra propia hoja de estilo. Para ello, haz lo siguiente:
- Selecciona la carpeta «Styles».
- Haz clic con el botón derecho y clica en «Añadir una hoja de estilos en blanco».
A continuación Sigil genera una hoja de estilo con el nombre «Style0001.css». Mi recomendación es que la renombres de manera que te resulte más sencillo identificarla como tu hoja de estilo (yo la voy a renombrar como «misestilos.css»).
Haz clic sobre la nueva hoja de estilo. Verás que se abre una pestaña con su nombre y que está vacía.
Fuentes personalizadas
Cada dispositivo de lectura tiene sus propias fuentes incorporadas. Lo normal es que, al igual que define el tamaño que quiere que tenga el texto, el usuario pueda elegir entre más de una fuente.
Además de las fuentes que vienen por defecto en el lector, nosotros, cuando creamos el ePub, podemos incorporar fuentes personalizadas. No es algo que tenga mucho sentido, ya que con las fuentes que tienen los dispositivos es más que suficiente para satisfacer al lector. Y un problema de incorporar fuentes personalizadas es que, aunque carguemos la fuente en el archivo ePub, algunos dispositivos no serán capaces de interpretarla.
De cualquier manera, si por algún motivo quieres que tu ePub se vea con una fuente concreta, o quieres que los títulos de los capítulos tengan un aspecto particular, puedes conseguirlo con las fuentes personalizadas.
El tipo de fuentes que reconocen los ePub son las Open Type, que tienen la extensión .oft, y las True Type, que tienen la extensión .ttf.
Existen muchos sitios desde donde descargar fuentes gratuitas y/o de pago. Uno de los más usados, que es gratuito, es el repositorio de fuentes de Google.
Una vez tengas la fuente que quieres incorporar descargada en tu ordenador, tienes que agregarla desde Sigil al archivo del ePub de la siguiente manera. Clica en:
>Archivo >Añadir >Archivos existentes…
Y se te abrirá un menú flotante para que busques la fuente y la insertes en el documento. Una vez hecho esto, comprueba que la fuente se ha incorporado a la carpeta «Fonts».
Ahora la fuente forma parte del ePub. Para utilizarla tienes incorporarla a la hoja de estilo y vincularla con alguna etiqueta. Lo haremos en dos fases. Veamos cómo:
1.ª fase
Abre tu hoja de estilo y pega el siguiente código (sustituye, eso sí, ‘NombredeTuFuente’ por el nombre concreto que tiene el archivo de la fuente que has incorporado):
@font-face {
font-family:’NombredeTuFuente’;
src: url(‘../Fonts/NombredeTuFuente.ttf’);
}
Ahora tu hoja de estilo sabe que existe esa fuente y dónde está. Para llamarla pasamos a la segunda fase:
2.ª fase
Dependiendo de dónde quieras utilizar la fuente, tendrás que implementar una etiqueta u otra.
Si quieres que se aplique a todo el texto, utiliza la etiqueta «p» de párrafo de la siguiente manera:
p {font-family:’NombredeTuFuente’ serif;}.
Y si quieres, por ejemplo, que se aplique a los encabezados, utiliza la etiqueta del encabezado concreto (h1, h2, h3…) de la siguiente manera:
h1 {font-family:’NombredeTuFuente’ serif;}.
Color
El color es un atributo que no te recomiendo cambiar, ya que los e-readers son en escala de grises.
Existe la posibilidad de que alguien esté leyendo tu libro en algún dispositivo a color, como una ordenador, una tableta o un móvil, en cuyo caso sigue sin tener mucho sentido que utilices colorines para los textos.
De todas formas, en el caso de que quieras destacar algunos caracteres, títulos o párrafos con otro color, te informo de que existen varios sistemas para definir los colores. Como no quiero que te vuelvas loco/a, te indicaré tres de los más usados:
- Mediante su nombre en inglés («red» para el rojo)
- Mediante su valor RGB («255,0,0» para el rojo)
- Mediante su código hexadecimal («#FF0000» para el rojo)
Haz una búsqueda en Internet con alguna de estas palabras clave: tabla de colores, paletas de colores, colores web…, y encontrarás miles de sitios con la relación de los códigos de colores del sistema que quieras.
Tamaño
Con el tamaño sucede un poco lo mismo que con el color o la tipografía, es el usuario el que decide cuál prefiere a través de su dispositivo, pero si quieres usarlo en casos como las etiquetas para los títulos que luego veremos, ten en cuenta que existen varias unidades de medidas, entre ellas «px» que corresponde a píxeles, y «em» que toma como referencia la anchura de una «M» mayúscula. Tienes que anteponer un número a la unidad de medida, por ejemplo: 2em o 12px. Luego veremos cómo con los encabezados.
Alineación del texto
La alineación, en algunas ocasiones, es causa de discusión. Como no quiero enfadarme con nadie, te voy a dar mi recomendación y tú eliges la manera en la que alinear el texto de tu libro.
Alineación a la derecha y centrada
De la alineación a la derecha y centrada solo hay una cosa que decir: únicamente está justificado su uso cuando se busca un efecto visual concreto con el diseño. Su uso se restringe casi en su totalidad al diseño publicitario.
Alineación justificada o a la izquierda
En cuanto a la alineación justificada o a la izquierda, mi recomendación es que lo dejes alineado a la izquierda, que es como lo genera Sigil de manera natural, y que introduzcas el siguiente código en tu hoja de estilos para que los dispositivos hagan la partición de palabras y el texto llegue hasta el final de la pantalla, así no quedarán espacios desiguales entre las palabras que, además de distraer y dificultar la lectura, son horrorosos.
Abre tu hoja de estilos e introduce el siguiente código:
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
De cualquier manera, no te preocupes demasiado por esto, muchas aplicaciones lectoras de ePub tienen soporte de separación silábica y, con ella, no se dan esos grandes blancos entre palabras. Incluso algunas permiten al usuario elegir si quiere ver el texto justificado, alineado a la izquierda, con o sin separación silábica.
Y ahora sí, por si quieres utilizar algún tipo de alineación especial, por ejemplo para los títulos de los capítulos, vamos a ver cómo hacerlo con CSS.
Para alinear el texto a la izquierda lo que tienes que hacer es… no tocar nada. Como ya te he dicho, Sigil alinea por defecto el texto a la izquierda.
Es en el caso de que quieras centrar, justificar o alinear el texto a la derecha, cuando tendrás que indicárselo a Sigil haciendo lo siguiente:
Abre tu hoja de estilo y escribe el siguiente código:
p{
text-align: center;
}
En este caso hemos alineado todos los párrafos en el centro con la propiedad «text-align». Dependiendo de lo que queramos alinear (selector), y dónde queramos alinearlo, tendremos que especificarlos de la siguiente manera:
- Selector «p» para los párrafos
- Selector «h1, h2, h3…» para los encabezados
- Valor «center» para centrar el texto
- Valor «right» para alinear a la derecha
- Valor «justify» para justificar
Sangría
Para sangrar el texto (ya sabes, sacar un poquito la primera línea de cada párrafo), tienes abrir tu hoja de estilo y picar el código utilizando la propiedad «text-indent» con el valor que quieras en «px» o «em». Por ejemplo:
p{
text-indent: 30px;
}
En el caso de que quieras sangrar algún párrafo en concreto y no todo el texto, puedes hacerlo sin necesidad de picar código desde el modo Vista de libro. Solo tienes que situar el cursor en el párrafo a sangrar e ir al menú Formato, o clicar directamente en el icono de «Aumentar sangría» o «Reducir sangría», que son los que tienen una hoja con una flecha.
Encabezados
Si has prestado atención a todo lo que te he ido contando, seguro que tienes una idea de cómo proceder para formatear los encabezados. Supongamos que queremos que los títulos de los capítulos del libro estén en negrita, sean de color gris, tengan un tamaño cuatro veces más grande que el resto del texto y estén alineados en el centro. Siguiendo el mismo orden en que lo acabo de escribir, el código a incluir en nuestra hoja de estilo sería el siguiente:
h1{
font-weight: bold;
color: #9c9c9c;
font-size: 4em;
text-align: center;
}
Bordes
Otra de las etiquetas que te puede ser útil es la etiqueta «border». Veamos su código con un ejemplo:
h1{
border-width: 5px;
border-style: solid;
}
Acabamos de crear para todos los encabezados «h1» un borde de 5 px de grosor con una línea sólida.
Si en lugar de los títulos son los subtítulos u otros encabezados lo que quieres formatear, tendrías que cambiar el h1 del selector por h2, h3 o el encabezado que corresponda.
También puedes utilizar un selector de clase para ponerle borde solo a un párrafo concreto como veremos a continuación.
Selector de clase
El selector de clase se utiliza para aplicar estilos a un solo elemento de la página, como pueden ser los encabezados o los párrafos. Se trata de utilizar el atributo «class» de HTML sobre el elemento en cuestión para indicar directamente la regla CSS que se le debe aplicar.
El código CSS que habría que implementar en la hoja de estilos es el siguiente:
.nombre{
propiedad: valor;
}
Posteriormente, tendríamos que llamar al selector con una etiqueta HTML para que se aplicara su configuración.
‹selector›‹/selector›
Con un ejemplo lo veremos más claro. Vamos a generar un selector de clase al que llamaremos «borde» para crear un borde sólido en los párrafos que queramos. El código CSS que tendríamos que implementar en la hoja de estilos sería el siguiente:
.borde{
border-width: 5px;
border-style: solid;
}
Para aplicar el selector de clase a un párrafo concreto, tendríamos que llamar al selector desde el párrafo en cuestión introduciendo desde el modo Vista de código la siguiente etiqueta:
‹p›‹/p›
Y ya sabes, no te quedes solo con un borde en un párrafo, puedes utilizar el selector de clase en cualquier elemento con cualquier propiedad que se te ocurra. Un ejemplo son los saltos de página, como veremos en el siguiente capítulo.
Líneas viudas y huérfanas
Las líneas viudas y huérfanas afean el diseño de la página y dificultan la lectura.
Por si no tienes claro a qué me estoy refiero, te refrescaré la memoria tomando como referencia lo que la RAE dice al respecto:
Llamamos línea viuda a la…
…línea última de un párrafo que queda sola al principio de una nueva página o de una nueva columna.
Y llamamos línea huérfana a la…
…línea primera de un párrafo que queda sola al final de una página o de una columna.
Podemos solucionar este problemilla mediante CSS con el siguiente código:
p{
orphans:2;
widows:2;
}
Con esto estamos haciendo que nunca haya menos de 2 líneas viudas (widows) ni de dos líneas huérfanas (orphans). El problema es que, a día de hoy, esta declaración no surte efecto ni en los Kindle ni en iBooks.
Estructura
Definir los encabezados
Ahora vamos a jerarquizar el contenido con las etiquetas de encabezado (h1, h2, h3…). Te recomiendo que reserves los encabezados h1 para los títulos de los capítulos, ya que serán vitales para crear a continuación la tabla de contenidos.
Y te recuerdo que, para que todos los encabezados de tu ePub tengan el formato que tú quieras, debes indicar las características en tu hoja de estilo mediante CSS.
Si no defines las características de los párrafos en tu hoja de estilo, o mediante HTML yendo párrafo por párrafo en el modo Vista de código, el párrafo que etiquetes como encabezado cogerá las características que tienen por defecto los encabezados, y que se resumen en un aumento progresivo del tamaño desde h7 a h1 (a menor número, más grande será el texto).
Para marcar un párrafo como encabezado, lo único que tienes que hacer es colocar el cursor en el párrafo y clicar en el icono correspondiente, o yendo al menú >Formato >Encabezamiento.
Cuando vayas a formatear los títulos de los capítulos, puedes localizarlos mediante la herramienta Buscar y sustituir que se encuentra en el menú Buscar.
Tablas
Las tablas se usan para tabular información.
Los ePub de diseño fluido no son un buen formato para generar tablas porque estas no son igual de adaptables que el texto plano.
Tenlo en cuenta si quieres incluir alguna en tu ePub y, en caso de hacerlo, procura que sean sencillas para que no se produzcan problemas en la visualización.
Vamos a ver cómo podemos incluir una tabla en nuestro ePub.
Para crear una tabla en Sigil tenemos tres opciones:
- Crearla desde cero en Sigil picando todo el código
- Crearla en un generador visual de tablas HTML y llevarla a Sigil
- Crearla en donde queramos y convertirla en una imagen
1 Crearla desde cero en Sigil picando todo el código
Es la mejor opción si la tabla es sencilla.
Una estructura básica de tabla llevaría las siguientes etiquetas:
‹table› Para insertar la tabla
‹tr› Para insertar una fila dentro de la tabla
‹th› Para insertar una celda de encabezado de columna
‹td› Para insertar una celda simple
Este sería el código de una tabla sencilla:
‹table›
‹tr›
‹th›Números‹/th›
‹th›Letras‹/th›
‹/tr›
‹tr›
‹td›1‹/td›
‹td›a‹/td›
‹/tr›
‹tr›
‹td›2‹/td›
‹td›b‹/td›
‹/tr›
‹/table›
Y esta sería la tabla resultante:
Números | Letras |
---|---|
1 | a |
2 | b |
Ahora vamos a añadir un par de atributos de estilo muy sencillos que harán que la tabla luzca mucho más atractiva, uno es el borde y el otro es para que se ajuste a cualquier pantalla. Ambos los incluímos en la etiqueta de tabla de la siguiente manera:
‹table style=”width:100%” border=”1″›
El resultado sería el siguiente:
Números | Letras |
---|---|
1 | a |
2 | b |
Y por último, vamos a centrar el contenido de las celdas sin necesidad de picar código. Para ello, colócate en el modo Vista de libro y haz lo siguiente:
- Selecciona con el cursor todas las celdas que quieras alinear
- Clica en el menú >Formato >Centrar o directamente en el icono de Centrar.
Como ves, crear una tabla sencilla no es complicado, pero si quieres hacer una tabla más compleja, te recomiendo alguna de las dos opciones que te explico a continuación.
2 Crearla en un generador visual de tablas HTML
Esta es una buena opción si no tienes mucha idea de HTML y quieres hacer una tabla un poco compleja con características concretas en el texto, las celdas y la tabla.
Para ello, existen multitud de sitios web donde crear la tabla a través de un maquetador visual y después copiar el código y pegarlo en nuestro documento.
Introduce en tu buscador de Internet la palabra clave «generador de tablas HTML» y te saldrán infinidad de resultados con enlaces a páginas en las que generar tu tabla.
3 Crearla en donde quieras y convertirla en una imagen
Esta opción solo te la recomiendo si quieres hacer una tabla compleja con un diseño particular. La puedes generar en el programa que quieras y convertirla en imagen para insertarla en Sigil como si fuera una imagen más.
Secciones
Cuando creamos un documento nuevo, Sigil genera una sección dentro de un archivo xhtml con el nombre «Section0001.xhtml», que es el que contiene el texto.
Resulta recomendable repartir el contenido textual del ePub en diferentes secciones por dos motivos:
- Para dividir el libro en capítulos y facilitar así la navegación de los usuarios
- Porque repartir el peso en diferentes secciones facilita el manejo del contenido a los dispositivos de lectura. Ten en cuenta que cuanto más contenido contenga la sección más dificultades para tratarla tendrá el dispositivo, pudiendo llegar incluso a producir errores si no tiene la capacidad de procesamiento suficiente
Podemos dividir nuestro ePub en secciones siguiendo nuestro criterio personal. En mi caso voy a separar las secciones tomando como referencia los encabezados h1, que son los capítulos de mi ePub.
La división en secciones la podemos realizar desde el modo Vista de libro de manera visual. Si tenemos a los encabezados como referencia para hacer la secciones, como es mi caso, es más práctico hacerlo desde el modo Vista de código.
En Vista de código, abro la herramienta buscar y sustituir e introduzco en la casilla de Buscar la etiqueta. A continuación clico en Buscar y coloco el cursor al comienzo de cada párrafo que contenga la etiqueta ‹h1›. Voy a menú >Edición >Dividir en el cursor, o clico directamente en el icono de Dividir en el cursor, y ya tengo creada una nueva sección. Hay que repetir esta operación con todas las secciones.
Si no quieres hacerlo tomando como referencia las etiquetas de encabezado, puedes hacerlo desde el modo Vista de libro. Para ello tendrás que situar el cursor en el lugar exacto en el que quieres introducir el cambio de sección y proceder de la forma indicada: menú >Edición >Dividir en el cursor, o clicar en el icono de Dividir en el cursor.
Las secciones se pueden, y se deben, renombrar. Sigil las genera con la nomenclatura Section más un número consecutivo. Al ser un nombre genérico, nos puede ocasionar problemas cuando queramos hacer comprobaciones o realizar cambios. Lo recomendable es que renombres las secciones con nombres más significativos, como el título de los capítulos.
Salto de página
Más que salto de página, deberíamos de decir cambio de pantalla, que es el efecto que buscamos cuando nos referimos a cambiar de página en un libro electrónico.
El efecto de cambio de pantalla lo vamos a usar cuando queramos separar un contenido del siguiente; como la portada, el índice, la página de derechos, los capítulos, etc.
Si quisieramos separar los capítulos de nuestro libro, podríamos generar un salto de página mediante CSS con el siguiente código:
h1{
page-break-before: always;
}
Con este código estamos provocando un salto de página antes de los párrafos que tienen un encabezado ‹h1›, así los capítulos y demás párrafos que tengan esta etiqueta de encabezado se ubicarán siempre al principio de la pantalla.
Lo más práctico y frecuente es aprovechar los saltos de página para incluir en estos párrafos las divisiones de sección.
También podemos incluir un salto de página en cualquier parte si queremos que después no haya nada en esa pantalla. Esto lo podemos hacer con un selector de clase como vimos en el capítulo anterior. El código CSS para nuestra hoja de estilo sería el siguiente:
.saltodepagina{
page-break-after:always;
}
Y llamaríamos al selector de clase desde donde quisiéramos introduciendo desde el modo Vista de codigo la siguiente etiqueta:
‹p›‹/p›
Vínculos
Los vínculos nos permiten enlazar texto con otra parte del documento o con un sitio externo. Veamos cómo hacerlo.
Vínculo externo
Cuando creamos un vínculo externo es necesario que la URL incluya el protocolo completo para no provocar errores en algunos lectores. Por ejemplo:
«https://yomepublico.com/»
Veamos cómo hacerlo.
Seleccionamos el texto que queramos enlazar desde el modo de Vista de libro y clicamos en el icono del eslabón o en el menú >Insertar >Enlace…
A continuación se abre una ventana. Ponemos la URL completa en la caja Destino y clicamos en «OK».
Ya está creado el vínculo. Lo sabemos porque el texto queda subrayado. Si pinchamos el texto se abrirá el navegador y nos llevará a la página enlazada. Como en este caso:
Si vamos al modo Vista de código podemos ver que se ha generado una etiqueta ‹a› con el atributo href y su valor, en este caso la URL de destino.
Vínculo interno
Los vínculos internos son enlaces que nos llevan de una parte a otra de nuestro ePub.
Tienen tantas funciones como se nos ocurran, pero la más frecuente es la de emular las notas a pie de página de los libros de papel.
Como el final de página como tal no existe en los libros electrónicos, podemos aprovechar la navegabilidad que sí nos ofrecen para emular las notas a pie y ubicar toda la información adicional que queramos en una sección aparte.
Para recrear las notas a pie, lo mejor es establecer dos puntos de anclaje a los que ir (uno que esté situado donde la aclaración para llegar a él desde la nota, y otro que esté donde la propia nota para regresar a ella después de leer la aclaración), y dos enlaces en los que clicar para ir de un punto de anclaje a otro. Lo haremos de la siguiente manera:
•1 Creamos una sección nueva y colocamos en ella todas las aclaraciones de las notas al pie numeradas. Yo voy a llamar a esta sección «Notas.xhtml».
•2 Seleccionamos una palabra del párrafo que contiene la aclaración de la primera nota, por ejemplo la primera, y clicamos en el menú >Insertar >ID…, o en el botón con el icono del ancla. A continuación se abre una ventana flotante para introducir el nombre del ID (en mi caso le voy a llamar «RN01», de Respuesta Nota 1). Lo hacemos y clicamos en «OK». Ya tenemos nuestro primer punto de ancla.
Ahora repetimos la operación con el resto de las aclaraciones de las notas al pie que tenemos en la sección de notas cambiando el nombre del ID según el número de nota que sea.
•3 Localizamos el lugar del texto donde queremos colocar la nota al pie. A continuación de la palabra o frase sobre la que queramos ampliar la información, insertamos entre corchetes el número de nota que sea (por ejemplo «[1]» si es la primera que incluimos) y lo seleccionamos para crear el punto de ancla de la forma que acabamos de ver en el punto anterior. A la hora de nombrar el ID utiliza un nombre que te sea fácil reconocer, en mi caso lo llamare «N01», de nota 1.
•4 Procede de igual manera con todas las notas que quieras crear en tu ePub. Cuando termines, habrás creado todos los puntos de ancla necesarios para realizar las vinculaciones.
•5 Comenzamos con los enlaces. Para ello, nos colocamos en el lugar del texto donde esté la primera nota. Si te cuesta encontrarlas, puedes usar la herramienta de búsqueda para hacerlo más rápido.
Selecciona con el cursor el texto que quieres enlazar, en nuestro caso el número de nota entre corchetes: «[1]», y clica en Menú >Insertar >Enlace… o en el icono directo de Insertar enlace (dibujo de dos eslabones).
•6 En el menú flotante de «Seleccionar destino» aparecen los posibles destinos a los que enlazar el texto (secciones de xhtml y puntos de anclaje).
En este caso, que queremos enlazar la nota 1, habría que seleccionar la ruta en la que se encuentra el anclaje de su respuesta, RN1, que en mi caso sería: «Notas.xhtml.#RN1».
Como ves, la sintaxis de los anclajes se forma con el nombre del archivo xhtml en el que está (Notas.xhtml), es decir, la sección, y el nombre del anclaje, al que antepone el símbolo de almohadilla (#RN1).
En el caso de que quisiéramos enlazar con un anclaje situado dentro del mismo archivo xhtml, en la ventana de «Seleccionar destino» aparecería directamente el nombre del anclaje con el símbolo de la almohadilla, y omitiría el nombre de la sección por tratarse de la misma.
Una vez seleccionado el anclaje con el que queremos enlazar el texto clicamos en «Ok» y ya tenemos creado el enlace. Como verás, el texto enlazado es ahora azul y está subrayado. Clica sobre él y te llevará a la aclaración de la nota.
•7 Ahora nos queda el último paso. Que es crear un enlace de regreso para devolver al usuario al lugar del libro en el que se encontraba antes de llevarlo a la sección de notas al pie.
La manera de proceder es la misma: seleccionar una parte de texto y enlazarla con el anclaje de la nota que creamos antes. El texto que vamos a enlazar tenemos que crearlo. Yo suelo utilizar un carácter especial, el de la flecha hacia la izquierda (⇐), pero puedes usar un texto del tipo «Volver atrás», «Regresar», o lo que se te ocurra. Vamos a ello:
Introduce al final de la aclaración de la nota el símbolo de la flecha de retorno y seleccionalo. A continuación clica en Menú >Insertar >Enlace… o en el icono directo de Insertar enlace.
Al igual que antes, en el menú flotante aparecen los posibles destinos a los que enlazar el texto. Selecciona el anclaje al que quieres que el usuario regrese, en mi caso «Capitulo 1.xhtml.#N1». ¡Y ya está! Repite la operación con el resto de notas al pie.
Índice temático
El índice temático es un menú de navegación que sirve para facilitar la consulta de aquellas palabras que, por su importancia o pertinencia, queramos facilitar su localización dentro del ePub.
Para crear este índice, lo primero que debemos hacer es introducir las entradas. Para ello tenemos dos formas de hacerlo:
1.ª opción
Seleccionamos la palabra que queremos indizar en el modo Vista de libro y clicamos en menú
>Herramientas >Índice temático >Marcar para el índice temático
A continuación se abre una ventana con la palabra a indizar y tenemos que cumplimentar el campo con el nombre que queramos que aparezca en el índice. Tienes que tener en cuenta que el índice la colocará en la letra por la que comience la palabra que hemos introducido en este campo, independientemente de que sea igual o diferente al texto indizado. Después pulsamos en «OK».
Ahora vamos de nuevo a menú
>Herramientas >Índice temático >Crear índice temático
Y nos aparece el índice creado dentro de un archivo llamado index.xhtml.
Podemos seguir así añadiendo una por una las palabras que queramos que formen parte del índice.
2.ª opción
La segunda opción consiste en seleccionar el texto que queremos indizar e ir a menú
>Herramientas >Índice temático >Añadir al editor de índice temático
Entonces se abre una ventana con dos columnas. En la primera aparece la palabra que queremos indizar y en la segunda tenemos que introducir el nombre con el que queramos que aparezca en el índice.
A continuación clicamos en
>Añadir entrada >Save >Close
Ahora vamos de nuevo a menú
>Herramientas >Índice temático >Crear índice temático
y vemos que Sigil a indizado todas las palabras existentes en el ePub con ese nombre. Las ordena por números según su lugar de aparición dentro del ePub. Clicando en los enlaces numerados podemos ir al párrafo donde se encuentre la palabra indizada.
Si conocemos de antemano cuáles son las palabras que queremos indizar, no es necesario que las seleccionemos en el texto, podemos abrir directamente el Editor de índice temático e irlas incluyendo manualmente clicando en Añadir entrada.
Cada vez que queramos actualizar el índice tenemos que ir a menú
>Herramientas >Índice temático >Crear índice temático
Y Sigil abrirá el índice con las últimas modificaciones.
Vincular la hoja de estilo
Para que las características de la hoja de estilo se apliquen, tenemos que decir a qué archivo de xhtml queremos vincularla. Puedes hacer tantas hojas de estilo como quieras y vincularlas a tantos archivos como quieras.
En este caso, como queremos que las características se apliquen en todo el libro, vamos a vincular la hoja de estilo con todas las páginas de xthml, excepto con la de la cubierta. Para ello hacemos lo siguiente:
- Seleccionamos todas las hojas xhtml que contienen el texto de nuestro ePub
- Clicamos con el botón derecho y pinchamos en «Enlazar hojas de estilo…»
- A continuación se abre un menú flotante que contiene todas las hojas de estilo que contiene la carpeta Styles.
- Debajo de la columna «Incluir», marcamos la casilla de la hoja de estilo con la que queremos vincular los archivos (en mi caso../Styles/misestilos.css)
- Y clicamos en «OK».
Ya está. Todos las características que hemos definido en la hoja de estilo mediante CSS han sido aplicadas a los archivos xhtml que hemos seleccionado de nuestro ePub. Puedes comprobarlo si abres cualquiera de los archivos xhtml y te sitúas en el modo Vista de código. Encontrarás una línea que contiene una etiqueta «link» con el atributo «href» que apunta al archivo CSS que hemos creado:
‹link href=”../Styles/misestilos.css” type=”text/css” rel=”stylesheet”/›
También puedes comprobar el efecto de esos cambios sobre el ePub yendo al modo Vista de libro.
Las imágenes y los archivos multimedia
Añadiendo imágenes
Para añadir imágenes a nuestro ePub, primero tenemos que incorporarlas a la carpeta «Images» de nuestro documento Sigil. Mi recomendación es que las metas todas a la vez y las vayas insertando en el documento a medida que las necesites.
Antes de incluir las imágenes, conviene que tengas en cuenta los siguientes requisitos para que su visionado sea óptimo:
Utiliza los formatos más universales: jpg (fotografías) y gif (colores sólidos). Con el resto de formatos te arriesgas a que no se vean en algún dispositivo.
Utiliza una resolución de 72 o 96 ppp (puntos por pulgada)
No sobrepases estos tamaños: 600 px de ancho y 800 px de alto.
Optimízalas para que pesen lo menos posible.
Para incluir las imágenes en tu documento de Sigil haz lo siguiente:
Ve al menú >Archivo >Añadir >Archivos existente… o clica en el icono directo que tiene el signo más «+».
Entonces se abrirá un menú flotante para busques las imágenes en tu ordenador o unidad externa y las incorpores a tu ePub.
Todas las imágenes que añadas se irán incorporando automáticamente a la carpeta «Images».
También puedes insertarlas directamente así:
Menú >Insertar >Archivo… o clicando en el icono directo con el dibujo del paisaje.
En el menú flotante que se abre de «Insertar archivo», clica en el botón de «Otros archivos…» que se encuentra en la esquina superior derecha.
Localiza la imagen y pulsa en «Abrir». Quedará inserta y añadida a la carpeta «Images».
Para insertar las imágenes que ya añadiste a la carpeta «Images» haz lo siguiente:
Coloca el cursor en el lugar concreto donde quieras insertar la imagen y clica en el menú >Insertar >Archivo… o en el icono directo con el dibujo del paisaje.
A continuación se abrirá un menú flotante. Selecciona «Imágenes» en la columna izquierda, selecciona la imagen que quieras insertar y pulsa «OK».
Centrar las imágenes
Una manera de centrar las imágenes es tratarlas como si fueran texto y, situando el cursor en el párrafo en que se encuentran, elegir donde queremos alinearlas a través del menú >Formato o los iconos de alineación. El problema es que si tenemos muchas imágenes vamos a generar demasiado código innecesario y demasiado tiempo.
La mejor manera de centrar las imágenes es a través de CSS. Para ello picaremos el siguiente código en nuestra hoja de estilos:
img{
display: block;
margin-left: auto;
margin-right: auto;
}
Al colocar como selector en este sencillo código la etiqueta de imagen «img», habremos centrado todas las imágenes de nuestro ePub.
Crear la cubierta o portada
Seguro que sabes cómo de importante es el diseño de la cubierta o portada de tu libro. No hablaré de la manera de diseñar una cubierta porque no es el cometido de este libro, pero sí te daré algunas indicaciones sobre las características del archivo que debes tener en cuenta.
Formato de las imágenes
Para garantizarte la compatibilidad con cualquier plataforma, mi recomendación es que realices la cubierta en JPG. Si es un diseño vectorial o de colores planos que se adapta mejor a otros formatos, como GIF o PNG, asegúrate de que será aceptada en el sitio en el que vas a publicarla antes de diseñarla.
Resolución de las imágenes
Ha de ser alta, de 300 ppp (puntos por pulgada).
Tamaño de las imágenes
Esto depende mucho de dónde vayas a publicar tu libro. En algunos casos te servirá una cubierta de 800×600 y en otros tendrá que ser más grande. Para que te puedas orientar, te diré que el tamaño que recomienda Amazon es de 2.560 px por 1.600 px. Con estas dimensiones te garantizas que se vea bien en casi cualquier dispositivo.
Peso de las imágenes
Máximo 50 MB.
Ahora vamos a ver cómo incluir la portada en nuestro ePub. Eso sí, ten en cuenta que muchas plataformas de autopublicación, entre ellas Amazon, te pedirán que subas la cubierta en un archivo independiente, no dentro del ePub.
La manera de incluir la cubierta es similar a la de insertar cualquier imagen, la única diferencia está en el primer paso:
Clica en el menú >Herramientas >Añadir una portada… Se abrirá el menú flotante de «Añadir portada».
Localiza el archivo con la imagen, de la carpeta «Images» si ya la añadiste o desde tu ordenador o dispositivo externo si aún no la has subido, y seleccionalo.
Clica en el botón de «OK» y ya tienes cubierta.
Sigil te habrá generado dentro de la carpeta «Text» un archivo xhtml con el nombre de «cover.xhtml» y la imagen dentro.
Archivos multimedia
La naturaleza de un ePub de diseño fluido es contener texto. Aún así, también se puede añadir contenido multimedia, pero no es el formato adecuado para ello.
Si el ePub es muy pesado puede dar problemas en algunos dispositivos para su reproducción.
Y si sabiendo esto quieres incluir contenido multimedia la manera es la misma que para añadir imágenes:
Nos vamos al menú
>Archivos >Añadir >Archivos existentes
o clicamos en el icono que tiene el signo más (+).
Y buscamos el archivo que queramos incluir en el ePub para que se incluya, automáticamente, en su carpeta correspondiente.
A continuación, y desde el modo Vista de libro, colocamos el cursor en el sitio en el que queramos incluir el archivo y nos vamos a menú
>Insertar >Archivo
También podemos llevar a cabo esta acción clicando en el botón derecho del ratón o en el icono rectangular de Insertar archivo (es el que contiene el dibujo de un paisaje).
Seleccionamos el archivo que queremos insertar y clicamos en ok.
En el caso de que hayamos incluido el archivo en el paso anterior, podemos hacerlo ahora desde este menú clicando en el botón de la esquina superior derecha «Otros archivos».
Formatos para archivos multimedia
Los formatos recomendados para los archivos son los siguientes:
- Para audio, mp3
- Para vídeo, mp4, m4v y mov
- Para imágenes, jpg (fotografías), gif (colores sólidos), png (transparencias) y svg (vectoriales)
Tabla de contenidos
Tabla de contenidos
La tabla de contenidos del dispositivo es la que muestran casi todos los lectores de ePub.
Su inclusión es obligatoria, ya que, además de facilitarle la navegación a los lectores, es obligatoria para subir tu libro a los sitios web de las principales librerías.
Esta tabla se alimenta de los encabezados del documento para confeccionarse, por eso es importante que lo tengas en cuenta cuando realizas la jerarquización del texto.
Para generarla, vamos a menú
>Herramientas >Índice de contenido >Generar índice de contenido
Clicamos en Generar índice de contenido y se abre un cuadro con todos los encabezados que acabamos de generar. Dejamos marcados los que queremos que formen parte de nuestra tabla de contenidos y clicamos en OK.
En el caso de que tu ePub tenga muchos encabezados y solo quieras los del primer nivel, puedes seleccionar «Hasta el nivel 1» en el desplegable que tienes abajo.
También puedes aumentar y disminuir el nivel de los encabezados desde este panel seleccionandolos y pulsando las flechas que tienes a la derecha.
Tabla de contenidos HTML
La tabla de contenidos HTML, pese a ser opcional, es muy recomendable. Denota profesionalidad en el ePub y permite la navegación por el propio texto sin necesidad de usar la tabla de contenido del dispositivo.
Para generarla vamos a menú
>Herramientas >Índice de contenido > Crear índice de contenido HTML
Clicamos en Crear índice de contenido HTML y nos genera un archivo TOC.xhtml. que es el que contiene dicha tabla de contenido.
Esta tabla de contenido que acabamos de generar queda incluida en el documento como texto navegable.
Terminando el ePub
Página de derechos
En muchos de los libros electrónicos autopublicados, el autor se olvida, o desconoce la utilidad, de crear una página de derechos, también llamada de copyright. Si ella, los lectores pueden dudar de la autoría e incluso, lo que es peor, pueden pensar que la reproducción y/o plagio del contenido es legal. Además, la ausencia de esta página denota cierto grado de falta de profesionalidad.
La página de derechos debería ir al principio del libro, justo después del título, o de la tabla de contenidos si esta ocupa ese lugar. Y, como mínimo, debería incluir los siguientes datos:
- Título de la obra
- Copyright
- Aviso legal o reserva de derechos
- Año de publicación
- Si lo tiene, código numérico del ISBN
- Si lo tiene, nombre del diseñador o fotógrafo que haya participado en el diseño de la cubierta
- Si los tiene, y se considera pertinente, nombre del maquetador y del corrector
- Si lo tiene, nombre del editor o la editorial
Borrar archivos no utilizados
En ocasiones, durante la creación del ePub incluimos algunos archivos que no terminan formando parte de nuestro libro. Para localizar y eliminar esos archivos tenemos que hacer lo siguiente:
Menú >Herramientas >Borrar archivos sin usar…
Si tenemos algún archivo sin usar, se abrirá una ventana flotante con sus nombres. Los marcamos y clicamos en el botón «Eliminar archivos marcados».
Agregar metadatos al ePub
Los metadatos son los elementos más importantes del ePub, contienen la identidad del libro.
Los metadatos identificador, lenguaje y título son obligatorios en todos los ePub.
El metadato identificador lo genera la aplicación y no se puede modificar. El resto de los metadatos podemos crearlos y modificarlos directamente en el código desde el archivo content.opf, o, de un modo más visual, de la siguiente manera:
Vamos a menú >Herramientas >Editor de metadatos…, o clicamos en el botón directo de «Editor de metadatos» que contiene un icono con una «i» sobre un libro.
Se abre una ventana flotante con los metadatos
Para modificar el valor de un metadato, hacemos doble clic en su valor y lo reescribimos.
Para añadir metadatos nuevos clicamos en el botón >Añadir metadatos y, de la ventana que se abre, seleccionamos el metadato que queremos incluir y clicamos en «OK». A continuación, si fuera necesario, cumplimentamos el valor del metadato que acabamos de crear.
Validación del ePub
El proceso de validación de un ePub sirve para verificar la estructura y su sintaxis. Es importante que no tenga errores por dos motivos:
- Asegurarnos de que su visionado sea bueno en todos los dispositivos.
- Evitar que sea rechazada su publicación por alguna plataforma.
Existen varias herramientas para la validación de ePub. Una de las más recomendables es Epubcheck, que está disponible en línea o para descargar en tu ordenador.
El inconveniente que tiene la validación en línea es que el archivo a validar no puede superar los 10 MB.
Para archivos más pesados puedes descargar la aplicación de manera gratuita desde la web de Github.
Existe otra herramienta más fácil de usar que no tiene limitado el tamaño del archivo y que es la que te recomiendo. Es gratuita y multiplataforma. Te la puedes instalar desde la siguiente dirección:
https://www.pagina.gmbh/produkte/epub-checker/
Una vez descargada la aplicación en tu ordenador, solo tienes que abrirla y arrastrar dentro el archivo.epub de tu libro electrónico o subirlo clicando en el botón de «Elija un archivo EPUB». Si existe algún error, la aplicación te dirá cuál es y en qué archivo y línea está.
Corrige los errores si los tiene y vuelve a pasar el archivo por la aplicación para asegurarte de que está todo bien, así no tendrás ningún problema cuando vayas a publicar tu ePub en alguna plataforma.
Y eso es todo. Ya solo tienes que guardar el archivo creado en formato epub.
Si tienes alguna duda o te surge algún problema durante la creación de tu epub, no dudes en dejar un comentario y te responderé lo antes posible. O, si lo prefieres, también puedes contratar mis servicios editoriales para crear tu libro electrónico.
¿Y tú, eres de Sigil o prefieres crear los epub con otro programa? Deja tu respuesta en los comentarios.
Muy buen artículo. Me ha resuelto unas cuantas dudas que tenía sobre el tema.
Me alegro, Luis, de que te haya sido de utilidad.
Y gracias por pasarte y comentar.
Saludos.
Saludo, qué opciones de interactividad existen para ePUB 3.0? -me refiero básicamente a secuencia de imágenes y botones para la misma secuencia- y animaciones?
Hola, Carlos:
Gracias por pasarte y comentar.
Sigil ha sido creado para generar archivos de diseño fluido (ePUB 2), no es compatible con los archivos de diseño fijo (ePUB 3) que son los que se emplean para las publicaciones interactivas.
Para crear publicaciones interactivas de diseño fijo debes usar otras herramientas, como Adobe InDesign.
Un saludo.
Gracias por la información sobre sigil, muy útil.
De nada, Miguel. Gracias a ti por pasarte.
Saludos.
Gracias por la útil información que entregas. Sin embargo me queda la duda de si el producto de Sigil puede leerse en un ereader Kindle, que no admite Epub. En ese caso ¿cómo convertirías ese archivo en uno compatible con Kindle? Gracias
Hola, Miguel. Como bien dices, los ereader de Kindle no adminten ePub. Tendrías que convertirlo en otro formato con algún programa como, por ejemplo, Calibre.
Eso sí, para publicar un libro en Amazon KDP no es necesario que realices ninguna conversión, puedes subir el archivo ePub y Amazon se encarga de convertirlo.
Saludos.
Gracias muy util la informacion. Igual, me podrias decir si hay alguien en Argentina que se dedique a convertir los manuscritos en E-pub. Gracias
Hola, Gustavo:
Me alegro de que la entrada te haya sido de utilidad.
Respecto a tu pregunta, lamento decirte que no conozco a nadie en Argentina que se dedique a maquetar manuscritos. Siento no poder ayudarte.
Gracias por pasarte y comentar.
Si la letra es legible , yo podria hacerte la transcripcion.
Mi nombre es Eduardo Muzykant, soyem14@yahoo.com.ar
Buenos días Alberto, saludos desde Argentina. Hace bastante tiempo que utilizo Sigil y leí el articulo porque siempre se puede aprender un punto nuevo. Quería darte las gracias por tomarte el tiempo de hacerlo paso a paso y de manera tan clara y descriptiva.
Saludos
Elizabeth
De nada, Elizabeth. Me alegro de que, incluso siendo usuaria de Sigil, la entrada te haya sido de utilidad.
Gracias por pasarte y por tu comentario.
Saludos.
Excelente guia.
Normalmente yo bajo los archivos PDF y los convierto a epub para tener lectura en mi movil, pero casi siempre los epub quedan con muchos errores.
Con esta guia he logrado arreglar varios de los epub que tengo.
Gracias, Luis, por tu comentario. Me alegro mucho de que la entrada te haya sido de utilidad.
Saludos.
Igualmente lo uso en Linux Mint para corregir y convertir a epub muchos libros de mi interés que mayormente he conseguido como pdf
Gracias, Carlos, por pasarte y comentar.
Saludos.
Mil millones de veces agradecida.
Gracias a ti, Jesica, por pasarte y comentar.
Saludos
Consulta: en la parte para poner que corte palabras pones el código siguiente pero no me lo toma ¿hay que agregar algo antes?
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
Hola, Jesica:
Ese código tienes que meterlo en la hoja de estilos del documento dentro de alguna etiqueta. En este caso, para que se aplique a todo el texto “plano”, debería estar dentro de la etiqueta de párrafo. El código completo sería el siguiente:
p{
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
De todas formas, no te preocupes, este código está prácticamente en desuso, ya que la totalidad de los lectores actuales soportan en su software la separación silábica para evitar que aparezcan esos grandes blancos entre palabras.
Espero haberte ayudado.
Un saludo.
Buenos días:
He instalado Sigil 0.9.18 y no consigo ver o que aparezcan los botones ni localizo la barra ni la opción de alternar entre la vista de libro y la vista de código. ¿Podeís darme una solución o decirme en qué consite el problema? Gracias.
Hola, José:
Efectivamente, la versión 0.9.18 no incluye la opción vista de libro.
La última versión que trae el modo vista de libro es la 0.9.10, que es la que enlazo en el artículo.
Para las versiones posteriores a la 0.9.10 los creadores de Sigil ofrecen la oportunidad de trabajar en el modo vista de libro con la aplicación externa también creada por ellos PageEdit.
Mi recomendación es que, si quieres tener la opción de trabajar en el modo vista de libro, desinstales la versión 0.9.18 e instales la 0.9.10.
Espero haberte ayudado.
Gracias por pasarte y comentar.
Saludos.
Muy profesional toda tu explicación. Una vez que tenemos el libro ¿cómo hacemos para subirlo y comercializarlo, existe una guìa para eso?
Hola, Pablo:
Gracias por tu comentario. Te dejo un enlace en el que explico cómo publicar un libro en Amazon que, a día de hoy y por varios motivos, me parece la plataforma más apropiada para autopublicarse:
Cómo publicar un libro en Amazon y ser visible paso a paso.
Si lo prefieres, he publicado una guía en Amazon en la que explico como autopublicarse paso a paso:
Publicación de libros en Amazon: Cómo autopublicar y ser visible
Saludos.
Bien muchas gracias, es condición para publicar en Amazon que el formato sea para Amazon o admite todo’ Y si no es en Amazon que consejo das para publicar en otro lado?, Saludos.
Hola de nuevo, Pablo:
Amazon permite varios formatos, en concreto estos:
Microsoft Word (DOC/DOCX)
Kindle Create (KPF)
HTML (ZIP, HTM o HTML)
MOBI
EPUB
Formato de texto enriquecido (RTF)
Texto sin formato (TXT)
Adobe PDF (PDF)
El archivo nativo de Amazon es MOBI, aunque no te lo recomiendo. Lo mejor es que lo subas en otro formato y dejes que sea el propio Amazon quien haga la conversión a MOBI, quedará mejor que si lo haces tú con un programa tipo Calibre.
¿Qué formato es el más adecuado? Bueno, yo creo que la pregunta más apropiada sería:
¿En qué formato está maquetado el libro?
Mi recomendación es que generes un ePub con Sigil, como te indico en esta misma entrada y subas el archivo ePub.
Si prefieres hacerlo con Word, que resulta más sencillo y también se pueden obtener buenos resultados (aunque en mi opinión, y como comento en esta entrada, no tan buenos como con Sigil), sube el archivo doc/docx.
Si quieres publicar fuera de Amazon, mi recomendación es que lo hagas en Smashwords, que es una empresa distribuidora. Con ello estarás en las principales plataformas: Barnes & Noble, Kobo, Apple iBooks Store, Flipkart, Page Foundry, Oyster, OverDrive y Scribd…
Si quieres más información acerca de cómo publicar en Smashwords, visita la página de Valentina Truneanu y léete la siguiente entrada:
Cuánto cuesta publicar un libro gratis (VI): Smashwords
Espero haberte aclarado las dudas.
Un saludo y gracias por comentar.
Hola.
Me ha gustado el post porque he vuscado información relacionada a Sigil y, o hay poca info o no es lo que busco. Y yendo a lo segundo, mi duda es relacionada a eliminar las imágenes de manera global y no de una en una. Yo no soy muy buena con eso de la creación así que desde un PDF los vuelvo epub. Pero hay algunos que contienen demasiadas imágenes y son difíciles de editar. Si me pudieras dar consejo, te lo agradecería.
Hola, Celia:
Gracias por comentar. Me alegro de que te haya gustado la entrada.
Respecto a lo que preguntas, no me queda muy claro cuál es tu duda. No entiendo qué es lo que quieres hacer exactamente.
Te mando un mensaje a tu correo y, si me lo puedes aclarar, intento ayudarte.
Saludos.
Hola Alberto,
estupendo el artículo, detallado y bien explicado. Un justo ganador en las SERPs 🙂 Con relación a Sigil me ha surgido un problema y es que me inserta dos índices. O sea, yo inserto el índice html en el lugar que deseo, después de la dos primeras páginas, pero después Sigil me inserta un segundo índice al final. Intento borrar el archivo que crea para ese índice, pero salta el mensaje de que no puede ser borrado.
¿Sabes cómo puede evitar que salga ese segundo índice? Al pasarlo a mobi se ve y tengo entendido que Amazon no admite el índice al final del libro, además de que tampoco me gusta que vaya ahí.
Gracias (ahora mismo me paso por tu podcast, ¡no lo conocía!)
Hola, Eva:
Gracias por entrar y comentar.
El índice del que me hablas y que la aplicación no te deja borrar es el «Índice lógico» o documento de navegación que contiene el archivo toc.ncx. Ese índice no forma parte del contenido visible del libro, no es texto, por lo que no tiene una ubicación específica. Es un índice al que se accede a través del propio dispositivo de lectura y sirve para que el usuario pueda navegar por él sin necesidad de ir al principio del libro o al lugar en el que hayas colocado el índice TOC.xhtml generado por ti, pero no forma parte del contenido textual del archivo. Es obligatorio que forme parte del libro.
En cuanto al índice de html creado por ti, el del documento TOC.xhtml, lo puedes ubicar donde quieras; aunque Amazon «recomienda» colocarlo al principio.
Saludos.
P.D.: Te recomiendo que si vas a subir un libro a Amazon no lo transformes en archivo .mobi. Sube el archivo .epub creado por Sigil y deja que sea el propio Amazon quien lo convierta.
No se si es por los programas lectores que uso, pero en los archivos epub3 que tengo, el índice del archivo nav.xhtml SÍ forma parte del contenido textual del archivo. Y acabo de hacer la prueba y lo puedo mover donde quiera, basta con moverlo manualmente y colocarlo entre los archivos html que quiero que este.
En todos los epub2 que tengo, el índice del archivo toc.ncx, nunca se ve dentro del libro, solo en la navegación del programa lector.
Hola, V. Gracias por pasarte y comentar.
La tabla de contenido (TOC) que forma parte de contenido textual del libro y que aparece en el sitio en el que la colocamos en el documento (Amazon recomiendo situarla al principio) es la del «Índice HTML».
En cuanto al «Índice lógico» o documento de navegación que utilizan los dispositivos de lectura, y que no es texto visible, en el estándar EPUB2 corresponde al archivo toc.ncx. Por contra, en el estándar EPUB3, corresponde a un archivo XHTML que se construye como una lista ordenada dentro del elemento «nav». Este tipo de índice es obligatorio en todos los libros Kindle de Amazon.
El estándar EPUB3 trata sendos archivos, el nav.xhtml y el toc.ncx, como tablas de contenido: el nav.xhtml para los dispositivos recientes y el toc.ncx para los dispositivos antiguos.
Por otro lado, los dispositivos Kindle reconocen la presencia del archivo toc.ncx y lo reproducen en la vista NCX como documento de navegación. Como tú muy bien dices, el toc.ncx no se ve dentro del libro, solo en la navegación del programa lector.
Espero que ahora esté más clara la explicación de los índices, pero es un tema un poco confuso que varía según el dispositivo de lectura y el estándar EPUB.
Un saludo.
Hola, primero darte las gracias por toda la información. Con respecto al índice creado por mí no me permite colocarlo donde yo quiero y lo coloca al comienzo del documento, antes que la portada o cubierta ¿cómo soluciono esto? Muchas gracias.
Hola, Richar:
Para ubicar el índice tienes que ir a la carpeta «Text» y pinchar y colocar el archivo del índice entre el resto de archivos en el sitio en el que quieras que aparezca.
Un saludo.
Hola, gracias por el tutorial.
Yo tengo mi libro publicado en papel y quiero pasarlo a epub, pero tengo la duda de si hay alguna manera de proteger su distribución fraudulenta. Una vez que pase una copia en epub supongo que cualquiera puede distribuirla gratis. ¿Tiene Sigil alguna manera de proteger el ePub?
Gracias.
Hola, Andrés:
Gracias por pasarte y comentar. No, Sigil no ofrece ninguna opción para proteger el ePub.
Dependiendo de dónde quieras publicar el libro, la plataforma te puede ofrecer protegerlo con su DRM (Amazon, por ejemplo, tiene el suyo).
De cualquier manera, es muy fácil saltarse una protección de DRM. Cualquiera que quiera piratear tu libro, lo va a hacer esté o no protegido. Lo único que vas a conseguir es perder clientes (se estima que un libro protegido con DRM disminuye sus ventas en un 50%).
Mi recomendación es que no lo protejas, ya que vas a dificultar a tus seguidores que puedan leer “su” libro en los dispositivos que quieran.
Un saludo.
Hola! me ha parecido grandioso como se explica todo pero al crear el epub he tenido un inconveniente ya que a la hora de hacer la validación me dice que no he proporcionado un fallback para las imagenes, busque y se supone que es una especie de respaldo en caso de que no cargen las imagenes perono tengo idea de como crearlo en sigil, me aparecen ejemplos en otros lenguajes pero no doy con la respuesta.
Hola, Salvador:
Gracias por pasarte y comentar.
Me alegro de que te haya gustado el contenido.
En cuanto a tu consulta, nunca me ha surgido ese problema durante la validación. Para la creación de los ePubs no se necesitan más imágenes que las originales. Ignoro cuál puede ser el motivo por el que te ha pedido un fallback .
Siento mucho no poder ayudarte. Si consigues solucionar el problema, te agradecería que te pasaras y lo comentaras.
Mucha suerte.
Saludos.
Buenos días, he instalado el programa y no me aparecen los iconos del libro para escribir. Se aparece sólo en htlm.¿Tienes alguna solución? gracias por anticipado.
P.D. Mi sistema operativo es w 10 y he probado con las dos últimas versiones de Sigil.
Hola, Lamberto:
Gracias por pasarte y comentar.
La última versión que ofrece el modo vista de libro es la 0.9.10, que es la que enlazo en este artículo. Para las versiones posteriores los creadores de Sigil ofrecen la oportunidad de trabajar en el modo vista de libro con la aplicación externa, también creada por ellos, PageEdit.
Mi recomendación es que, si quieres tener la opción de trabajar en el modo vista de libro, instales la 0.9.10.
Un saludo.
Hola, Alberto.
Es tan fácil instalar el Page Edit y tan fácil de usar que vale la pena trabajar con la última versión de Sigil para sacarle todo el rendimiento, configurando fácilmente Page Edit como Editor de XHTML Externo. Lo explica muy bien, en inglés, este señor: https://www.youtube.com/watch?v=WvCEF3PmdlI
Un saludo y gracias por tu explicación, que es muy buena. Creo que valdría la pena añadir este aspecto final.
Pablo
Hola, Pablo:
Gracias por el aporte. Espero que mucha gente se anime a instalar la última versión y configure Page Edit para conservar el modo vista libro que tan intuitivo resulta, sobre todo para los neófitos.
Por cierto, ¿qué destacarías de la última versión que no tenga la 0.9.10?
Un saludo.
Estupendo trabajo Alberto, muchas gracias por compartirlo. Es muy claro y motivador. Salud !
Gracias, Andrés, por pasarte y comentar.
Me alegro de que te haya resultado útil la entrada.
Saludos.
Buenos días. Por si alguien le ha pasado igual que a mí, les explico que el modo ver libro si que está en la versión que se publica aquí pero en las superiores 0.918 hasta 1.1 no existe.
Perdona que se me olvidó plasmar gracias Alberto porque ha sido la mejor explicación sobre este programa que he encontrado en la red.
Buenas tardes.
Esto es la duda de un completo ignorante. No me gusta la forma en que mi ebook muestra los libros. Me gustaría algún tipo de ordenación. Me pongo a renombrar los ficheros *.epub, pero me los sigue mostrando igual. Imagino que no tiene nada que ver el nombre del fichero, con lo que luego se muestra.
que significa la nomenclatura que acompaña a un fichero??
ejemplo: autor – titulo [3175] (r1.4).epub
Un saludo y un trabajo impresionante. Gracias de antemano.
Hola, Calais:
Gracias por pasarte y comentar.
Lamento no poder ayudarte, pero no sé cómo puedes ordenar lo ebook. Cada dispositivo de lectura tienen un sistema de organización. En el caso de los e-reader de Kindle, puedes ordenar la biblioteca por fecha, autor o título.
En cuanto a la nomenclatura por la que me preguntas tampoco te puedo responder, nunca he visto ese tipo de nomenclatura en los libros que he creado.
Si encuentras la respuesta a tus dudas te agradecería que lo compartieras por si alguien tiene el mismo problema.
Un saludo.
Muy buena ayuda para los que comienzan en el mundo del diseño de ebooks.
Tengo una consulta que no logro solucionar.
Tengo una imagen, la cual muestro con max-width: 60%;, pero, algunos reproductores de epub no reconocen max-width, como puedo definir max-width Y width a la vez, cosa que el reproductor que no soporte el primero, elija el segundo.
Claro que no se si eso será posible, solo se me ocurrió como solución.
Hola, Hansel:
Gracias por pasarte y comentar.
En alguna ocasión he utilizado las propiedades object-fit y object-position para «esquivar» la incompatibilidad que tienen con la propiedad max-width algunos navegadores.
En el enlace que dejo a continuación explican de manera sencilla cómo aplicarlo. Espero que te sirva.
Saludos.
Néstor Domínguez: Ajusta imagen al tamaño del contenedor
Buenos días. Siento molestarte otra vez estoy en mitad de creación de un epub y esta mañana cuando lo abro con sigil para continuar me sale este mensaje: No se pudo extraer el archivo: OEBPS/content.opf.
Hay alguna manera de arreglarlo teniendo en cuenta que con calibre lo puedo abrir.
Muchas gracias de antemano
Hola, Lamberto:
No te preocupes, puedes contactar conmigo cuando quieras, te ayudaré en lo que pueda. En cuanto a la consulta que me haces relacionada con el archivo OEBPS/content.opf no sé cómo arreglarlo. Sigil nunca me ha reportado ese mensaje y no sé a qué se puede deber.
Lo siento.
Si descubres el motivo, te agradecería que lo compartieras por si alguien tiene el mismo problema.
Suerte y gracias por comentar.
Saludos.
Hola, Alberto:
Lo he solucionado de la siguiente manera:
He abierto el archivo con el editor de Calibre y “guardar como” cambiando el nombre.
Después lo he podido abrir normalmente con el Sigil.
P.D. Utilizo el sigil para tener en mi ebook apuntes y manuales o pdfs. ¿Dónde puedo encontrar más información para hacer tablas personalizadas así como las imágenes?.
Empecé con tu artículo y me estoy animando.Gracias por todo
Genial, Lamberto. ¡Gracias por el aporte!
En cuanto a personalizar las tablas, yo no las haría demasiado complejas porque se adaptan muy mal en la mayoría de los dispositivos de lectura y te darán problemas.
Si quieres diseñar una tabla compleja lo mejor es que lo hagas en un programa más adecuado, como un editor de texto tipo Word, y la conviertas en imagen para añadirla al ePub.
Otra opción es realizar el diseño de la tabla en alguna página que te permite luego llevarte el código html, solo tienes que poner en el buscador la keyword «diseñar tabla html online» y te devolverá montones de páginas donde poder hacerlo, pero ya te digo que las tablas complejas dan muchos problemas.
De cualquier forma, si quieres enredar un poco, cuando tengo alguna duda relacionada con html o CSS visito esta web:
mclibre.org
Ahí puedes resolver la mayoría de las dudas que tengas respecto a las tablas, las imágenes y cualquier otra cosa. Espero que te sirva.
Saludos.
Hola Alberto, gracias por este tutorial al que no sobra ni falta nada.
Te cuento. Estoy intentando publicar en Amazon, un epub, con Sigil, tal y como tu recomiendas. El tema es que pretendo hacer un libro formado por varios relatos y todo perfecto. He maquetado cada relato por separado y los he armado en un libro. Cada relato una seccion. El problema viene cuando creo la hoja de estilos y la vinculo. La secciones desaparecen de las pesta;as, aunque permanecen en la columna. Se hacen tambien invisibles en el cuerpo.
Puedo solucionarlo armando nuevamente el libro completo, con los estilos en cada seccion, sin utilizar CSS. Esto me resulta, cuando menos, poco elegante.
Si puedes darme alguna ayuda, te lo agradeceria. Un saludo
Hola, Aurelio.
Gracias por pasarte y comentar.
En principio, las pestañas de las secciones creadas no desaparecen cuando las vinculas con la hoja de estilos. De cualquier manera eso da igual, lo importante es que sigas estos pasos:
Desde el área de trabajo del lado izquierdo, donde está todo el contenido el ePub, selecciones todas las secciones que quieras vincular. Estás están colgadas en la carpeta «Text».
Una vez las tengas todas seleccionadas, sitúa el cursor encima y clica en el botón derecho del ratón.
En el menú desplegable que aparece, clica en «Enlazar hojas de estilos…»
En el menú flotante que se abre, marca en la columna «Incluir» la hoja de estilo a la que quieras vincular las secciones y pulsa «OK».
Ya están vinculadas. Para comprobarlo, ponte en el modo vista de código de alguna de las secciones y comprueba que tienes al principio del código una etiqueta como esta: Espero haberte ayudado. Con cualquier cosa, me dices.
Saludos.
Buenos días Alberto, desde ya quisiera agradecerte el detallado tutorial. Me está resultando de mucha utilidad, pero me he topado con un problema. Trabajo con libros con muchas notas al pie, cuando quiero colocar la primera, selecciono una palabra del párrafo, voy a menú >Insertar >ID y me sale EL ID NO ES VÁLIDO, DEBE EMPEZAR POR UNA LETRA, etc…
Te agradecería una ayuda para desbloquear este paso. Muchísimas gracias, saludos desde Buenos Aires
Hola, Alan:
Gracias por pasarte y comentar. En cuanto a tu consulta, no te puedo decir por qué te da ese error. Es cierto que el nombre del ID tiene que empezar por una letra, pero si lo estás nombrando comenzando por una letra y no por un número no debería saltar ese error.
Siento no poder decirte nada más, pero sin ver el archivo es complicado.
Espero que lo consigas solucionar. Si es así, pásate por aquí y dinos cómo lo has hecho.
Que tengas un buen día.
Saludos.
hola Alberto, excelente tu explicación. Querí saber si hay algún tutorial de cómo subir el epub a Amazon y que lo convierta a .mobi, ya que no recomendás hacerlo por nuestra cuenta.
Hola, Laura:
Gracias por pasarte y comentar.
Lo único que tienes que hacer es subir el archivo ePub cuando cumplimentes la segunda pestaña, la de «Contenido del eBook Kindle», clicando en el botón «Subir manuscrito de ebook». Nada más. Amazon ya se encarga de realizar la conversión.
De cualquier manera, si quieres verlo con más detalle, en esta entrada explico paso a paso cómo subir un libro a Amazon.
Si te surge cualquier duda durante el proceso no dudes en contactarme de nuevo.
Un saludo y mucha suerte.
Excelente tutorial, Alberto. Súper didáctico y muy fácil de seguir. Millón de gracias por publicarlo.
Gracias, Daniel.
Un saludo.
Excelente material. Muy pedagógico y comprensible. Mis felicitaciones la equipo técnico. Una gran ayuda que nos enseña para aprovechar mejor la aplicación
Gracias, Miguel.
Un saludo.
Muchas gracias por compartir este material. Hay algo por ahí, pero pocos tan claros.
Una consulta, si es que se puede: en caso que un ebook requiera si o si textos en tipografías distintas (serif y sans serif), ¿qué recomendás hacer? ¿usar genéricas (Times y Arial) o poner las propias? Tengo entendido que no todas las plataformas (Adobe Digital Editions, Kindle, etc) son capaces de reproducirlas.
Saludos cordiales,
Chr.
Hola, Cristian:
Muchas gracias por pasarte y comentar.
La elección de fuente en un libro electrónico —siempre que no sea un PDF— suele resultar esteril. Ten en cuenta que para que el usuario acabe viendo el libro con la fuente que hayas elegido se tienen que dar dos circunstancias:
1.º Que el dispositivo donde lo está visualizando disponga de dicha fuente
2.º Que el lector no decida por sí mismo, de entre las que le ofrece el dispositivo, con qué fuente quiere leerlo
Dicho lo cual, si quieres utilizar un fuente concreta, ten presente que la mayoría de ellas tienen derechos de autor que prohíben el uso en libros electrónicos sin permiso. Mi recomendación es que utilices fuentes clásicas o fuentes de código abierto, como las que tienes disponibles en Google Webfonts.
Espero haberte aclarado tus dudas.
Un saludo.
Alberto:
Realmente me ha sorprendido muy gratamente toparme con Yo me publico. Te agradezco de verdad, y te te debo una por haberte tomado tu tiempo para hacer que lo leamos como una explicación seria y amistosa, como si viniera de un buen amigo y maestro. Hago Epubs con Sigil desde hace un tiempo, y tus ideas me son muy valiosas. Hace unas semanas me instalé y empleo la versión 12.0 También te agradezco por habilitar un espacio y por responder generosamente a los que comentaron.
¡Un saludo desde Argentina!
Hola, Fabián:
Me alegro mucho de que la entrada te haya resultado útil.
Muchas gracias por comentar.
Un saludo.
Una introducción muy útil
Gracias, Mario, por pasarte y comentar.
Saludos.
Hola, me dedico a la edición de libros y no tengo el suficiente tiempo para arreglar yo mismo el libro digital y poder publicar mis libros en formato epub o similares. He visto tu post y me parece que entiendes bastante, por eso te quería preguntar si colaboras con editoriales pequeñas con escasos recursos para preparar su libros digitales.
Por favor contéstame a mi correo si fuese así. Muchas gracias
Hola, José:
Gracias por contactar.
Te he contestado por correo electrónico.
Un saludo.
Hola Alberto!
Increíble el tutorial, tremendo trabajo, antes de nada agradecerte y también muy útiles tus respuestas en todos los comentarios 😉
Ya tengo el ePub maquetado y me queda una duda para próximos. Es en relación a las cursivas, al importar el texto sin estilos, obvio me desaparecieron todas las cursivas del libro, y fue bastante lata tener que ir buscando una a una para darle dicho formato. ¿Existe alguna manera de mantener unicamente al importar el texto las cursivas?
Muchas gracias!
Hola, Sara:
Gracias por leer y comentar. Me alegro de que el artículo te haya resultado útil.
Respecto tu consulta, y como bien comentas, al llevar a Sigil el texto y pegarlo sin formato, inevitablemente vas a perder la cursiva. Por eso lo mejor es aplicar los estilos en Sigil, no en el editor de texto.
Dicho lo cual, una manera de librarte de tener que volver a aplicar todas las cursivas en Sigil es copiarlo desde el editor de texto con el formato de cursiva y pasarlo por un convertidor de texto HTML —existen infinidad de ellos, por ejemplo este—.
Luego llevas el texto con las etiquetas HTML de cursiva () y lo pegas en Sigil en el modo «Vista de codigo», así tendrás el texto limpio, pero con las etiquetas de cursiva.
Un saludo.
Hola Alberto, te consulto ya que no puedo realizar las separaciones por sílabas, ubiqué este en css pero no pasó nada p{
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
Te agradezco si podes guiarme.
Hola, Mercedes:
Gracias por pasarte y comentar.
El código que me indicas es correcto. Lo que sucede es que lo de las participaciones es un problema sobre el que tenemos poco control. Para que la partición de palabras se lleve a cabo no es suficiente con implementar el código. Depende directamente de que el dispositivo de lectura —sea un ereader, un navegador o una app—, soporte dicho lenguaje.
El problema además se agrava porque la especificación ePUB2 —qué es la que comprenden casi todos los dispositivos de lectura de eBooks— no comprende bien las particiones; y con la especificación ePUB3 va a depender, como te decía, del dispositivo en cuestión.
En principio no es algo que te deba preocupar, ya que casi todos los dispositivos de lectura de eBook —incluidos, por supuesto, los Kindle— disponen de su propio sistema de partición silábica y no necesitan de ningún código CSS para llevarla a cabo.
En resumen: No te preocupes por indicar la partición mediante CSS, el dispositivo de lectura la hará igualmente aunque no introduzcas el código. Puedes comprobarlo subiendo un ePub al visor de Amazon Kindle Previewer desde tu cuenta de Amazon KDP o, si no tienes cuenta, descargándote la aplicación desde este enlace:
https://kdp.amazon.com/es_ES/help/topic/G202131170
Siento no poder ser más concreto con mi respuesta, pero espero que te sea de utilidad.
Un saludo.
¡Muchas gracias por el artículo! Has hecho un excelente trabajo.
Me ha ayudado a solucionar algunas cuestiones que no entendía, pero tengo un problema que quizás me puedas resolver: al abrir mi epub en un lector, este no calcula el tiempo de lectura restante, como si me dice con otros libros que tengo. ¿Sabes a qué puede deberse?
Gracias.
Hola, David:
Gracias por leer y comentar.
No sé a qué puede deberse el problema que me plateas, quizás esté relacionado con la configuración del dispositivo, pero no lo sé.
Si resuelves el misterio, te agradecería que me dijeras a que es debido, por si en otra ocasión le surge el mismo problema a otra persona.
Un saludo.
Hola, Apenas estoy conociendo que existe esta forma de hacer libros epub. Mi pregunta es, ¿a partir de un PDF puedo convertirlo en epub con sigil?
Saludos y gracias por el tutorial, muy interesante.
Hola, Raquel:
Sigil es uno de los programas más apropiados para crear archivos ePub de manera profesional, pero no puede abrir archivos PDF.
Si la protección del PDF te lo permite, tienes que copiar el texto y pegarlo en un documento de Sigil, preferiblemente sin formato.
Saludos.
Hola, gracias por esta excelente información.
Tengo una pregunta, he creado un libro de poemas, cada verso lo he puesto sin formato y, he notado que en algunas app lectoras de ePub, no me aparece el salto de línea, sino más bien, como si fuera otro párrafo.
Pero esto solo me lo genera en algunas app, por ejemplo en 《ReadEra》, en otras me aparece tal cual lo he maquetado.
Pero me gustaría saber si hay alguna forma de solventar este impasse. (Cada salto de línea lo he realizado usando las teclas SHIFT+ENTER).
Hola, Marcos:
Gracias por leer y comentar.
La etiqueta que utilizo par saltar de línea es
. Por razones obvias, no necesita etiqueta de cierre.
Saludos.
¡Enhorabuena por la detallada y completa descripción del proceso de creación de ePub con Sigil. Muchas gracias.
Gracias a ti, Francisco, por pasarte y comentar.
Saludos.
Hola Alberto. Geniales todos tus artículos de “yo me publico”.
Nunca he hecho un archvio ePub.
Me surge la duda si para publicar el texto en Amazon puedo hacerlo directamente en word, en lugar de hacerlo con archivo ePub.
Si tengo el texto en word, ya bien maquetado, ¿podría ser una opción subirlo en word o pdf? ¿hay mucha diferencia de calidad? ¿se puede conseguir una buena calidad si sólo tengo texto (sin imágenes) y la portada en word? ( sería tanto para libro electrónico como en papel).
Por otro lado, ¿tienes consejo para el tipo de fuente, márgenes y tamaño de letra?
Muchas gracias,
Hola, Tagore:
Gracias por pasarte y comentar. Me alegro de que te gusten los artículos.
En cuanto a tu consulta, sí, Amazon admite archivos en formato .doc, .docx y PDF, pero no te lo recomiendo porque, si no lo haces como es debido, te puede dar problemas de compatibilidad con algunos dispositivos de lectura. Lo ideal, para asegurarte de que se vea bien en todos los dispositivos, es que lo hagas en HTML con un programa como Sigil, tal y como explico en la entrada. Vas a obtener resultados más profesionales.
De todas formas, si te resulta más cómodo usar Word, al tratarse de un libro de texto corrido podría quedarte bien si lo haces de la forma adecuada, que no es fácil.
Siento no poder darte las indicaciones necesarias para maquetarlo con Word de manera óptima, pero puedes ver estas dos entradas en las que Valentina Truneanu (experta en el asunto) da algunas recomendaciones:
Cómo convertir a ePub un documento de Word
Cómo preparar un archivo para su conversión de DOC a MOBI
En cuanto a la versión de papel, sí que la puedes hacer con Word, de hecho es lo que yo te recomiendo si no quieres meterte en programas más complejos como InDesign. En esta entrada doy algunas recomendaciones para que se haga bien:
Cómo revisar la maqueta de tu libro para que tenga un aspecto profesional
La tipografía, los márgenes y el tamaño de letra dependen mucho de tus gustos y del formato del libro, no te puedo decir unas características determinados sin tener los detalles.
Y, si quieres invertir un poco de tiempo y de dinero, el mejor resultado lo vas a obtener haciendo algún curso. En YO me publico tienes uno para maquetar el eBook y otro para la versión de papel. Si quieres echarles un vistazo, los tienes aquí:
Cursos de maquetación
Espero haberte ayudado.
Un saludo.
Enhorabuena por tu estupendo trabajo. Casi todas las dudas posibles las resuelves o bien en el tutorial o bien en el apartado de comentarios. Mi pregunta, con todo, es la siguiente: ¿qué sitio me recomiendas para almacenar los libros que publiques en la red? Me borré del ofrecido por Google, Driver, y sé de sitios que a los 30 días borran los archivos. Gracias por responder.
Hola, Joaquín:
Gracias por pasarte y comentar.
En cuanto a tu consulta, alojo todo en Google Drive y en el servidor que tengo para YO me publico.
Como no es un asunto que me preocupe demasiado, nunca he buscado alternativas, no te puedo dar más opciones.
Seguro que si le preguntas a Google te da varias opciones que puedes mirar.
Un saludo.
Hola Alberto ¡Muchísimas gracias por tu artículo! Estoy terminando mi primer libro electrónico y encontré tu articulo buscando la manera de convertirlo a Epub. Nunca me hubiese planteado usar una herramientas como Sigil para hacerlo porque la veía muy complicada, pero me he lanzado gracias a tu artículo. He seguido cada uno de los pasos y me ha resultado super sencillo así que me ha sido de GRAN ayuda.
Sólo me queda un error en la comprobación que no consigo solucionar. El Epub checker me pone en cada sección “Element title must no be empty”. No lo entiendo porque he incluido correctamente el título en los metadatos pero cuando entro en el código de cada sección veo que no aparece entre las etiquetas y por eso me sale el error ¿Tendrías alguna idea de como solucionarlo?
Un saludo
Hola, Sylvain:
Gracias por pasarte y comentar, me alegro de que la entrada te haya resultado útil.
En cuanto a tu consulta, sin ver el archivo no puedo decírtelo. Lo siento. Podría ser una etiqueta vacía o sin cerrar, pero no es seguro.
Prueba a borrar las etiquetas
Un saludo.
¡Gracias Alberto! Lo que he hecho ha sido copiar el titulo h1 de cada sección en la etiqueta del título (2ª línea) y me sale sin error. Lo que no entiendo bien es porque estas etiquetas me salían vacías ¿No se generan automáticamente al dividir las secciones del libro?
Un saludo
Introducción
Introducción
¡Genial, Sylvain! Me alegro de que lo hayas resuelto.
Por defecto, todas las secciones tienen una etiqueta ‹title›‹/title› vacía. En principio, se pueden dejar vacías y no tienen por qué dar problemas, pero, si los dan, se pueden eliminar o cumplimentar.
Un saludo.
Sylvain, fíjate que en tu archivo “content.opf”, en la sección de metadata aparezca el siguiente Acá escribes el título de tu publicación y asegurate de que cada archivo XHTML en tu carpeta “texto” en la sección head aparezca Título de cada capítulo o sección. Lamentablemente no puedo agregar screenshot, espero ser claro, saludo y suerte!
Carlos PL
Muchas gracias, me ha sido de muchísima utilidad. Solo una duda que me ha surgido. Al abrir mi epub el tamaño de mis letras no cambia, es decir, en Sigil le he otorgado un tamaño de 10px (y el cambio se ve en el propio programa) pero a la hora de abrir el epub para leerlo el tamaño de la letra regresa al que está siempre por defecto.
¿Por qué?
Gracias
Hola, Daniel. Gracias a ti por pasarte.
Respecto a lo que comentas del tamaño de la letra, en los libros electrónicos tenemos poco control respecto a la forma en que será visualizado el archivo.
Aunque tú especifiques un tamaño en Sigil, es el usuario a través del dispositivo de lectura quien elige las características del texto. Por lo tanto, es en el dispositivo de lectura o software que estés utilizando donde tendrás que cambiar el tamaño de la letra.
Saludos.
Muchísimas gracias por esta entrada tan completa.
Tengo un par de dudas, ¿es posible de alguna forma usar imágenes para marcar las secciones del Índice lógico? Estoy haciendo un epub- comic que serán todo jpgs y al no haber texto no se como hacer el TOC.
Se que recomiendas que Amazon haga la conversión a .mobi, pero cual crees que es el mejor soft para convertir a mobi? (Calibre me baja la resolución y me descentra las imágenes).
Muchas gracias.
Hola, Julio.
Puedes meter las imágenes en etiquetas de encabezado H1 y renombrarlas como quieras desde la ventana flotante de «Generar índice de contenido».
Respecto a la conversión a .mobi, la verdad es que solo conozco Calibre.
Un saludo.
Gracias Alberto, probaré lo que me indicas.
Hola, muchísimas gracias por la publicación, me ha ayudado bastante en la creación de un libro con miras a ser publicado en Amazon. Lo que no he podido resolver es cómo cargar un archivo gif y que siga teniendo movimiento, ¿es posible hacer eso?
Hola, Luis.
Me alegro de que te haya resultado útil la entrada.
Respecto a tu duda, Sigil soporta GIF animados. Dicho esto, si subes un archivo epub creado en Sigil a una plataforma como Amazon KDP la animación se perderá en la transformación que hace Amazon con el archivo, pero si utilizas un lector de archivos epub, como pueda ser Calibre, verás la animación sin problema.
Un saludo.
Ah! Es bueno saberlo, de esa manera no me estresaré por poder visualizar las animaciones. ¡Muchas gracias! 👍🤘
Gracias, por toda la información y por resolver las dudas, que tenía con respecto a las css. En serio gracias
Hola Alberto, mucho tiempo sin participar, pero te sigo en tus aportes a los libre publicadores. Me ocurre que llevo más de un año dedicándome solo a escribir, pero va llegando la hora de publicar y como cambié de ordenador me volví a instalar sigil, la última versión, que como se sabe no tiene vista de libro, la desinstalé e instalé la 0.9.10 que funcionó perfectamente. Hoy, cuando la he vuelto a lanzar, no funciona. Varias veces la he desinartalado y vuelto a instalar, pero sin éxito. No he visto nada similar en los posts, pero pienso que tú o alguien podrán ayudarme. Saludos para todos y especiales para ti.
Hola, Aurelio, un placer saludarte de nuevo.
La versión 0.9.10 sigue siendo estable y funciona perfectamente. No te puedo decir cuál es el problema, entiendo que debe de estar relacionado con tu sistema operativo o con los programas de seguridad (cortafuegos, antivirus…), pero no lo sé.
Siento no poderte ser más útil y espero que se resuelva pronto el problema.
Un abrazo.
Hola, espero que esto pueda ayudarte: Intenta volver a un punto de restauración anterior a la instalación de la última versión de Sigil. Haz una limpieza del registro (prueba Ccleaner) y vuelve a iniciar la instalación de la versión anterior. ¡Suerte!
Hola.
Tengo un documento en pdf (son ejercicios de música que combinan signos musicales (pentagramas, notas, etc) con texto, y quiero convertirlo en epub con Sigil.
Cómo puedo hacerlo para conservar la información musical? (al importarlo solo abre el texto).
Hola, Francisco:
Sigil no reconoce los signos musicales, tendrías que convertirlos en imágenes para incluirlos.
Un saludo y gracias por pasarte.
Muchas gracias por la guía!… Pude entenderla más de lo que imaginé…. una pregunta, soy invidente pero el programa es muy accesible… solo tengo una pregunta… ¿Cómo puedo cambiar de vista de libro a vista de código? he buscado en los menús y no aparece nada muchas gracias!
Hola, Adrian. Gracias a ti por pasarte y comentar.
Respecto a tu consulta, en la versión 0.9.10 de Sigil se puede cambiar de una vista a otra clicando en el menú vista de la parte superior y seleccionando la opción que quieras: vista de libro o vista de código. También puedes dejar fija sobre el menú superior de la barra de herramientas los iconos de estas opciones.
Las versiones posteriores a la 0.9.10 no tienen la opción vista de libro, tienes que trabajar en la opción vista de código o instalar otro software complementario para poder usar la vista de libro.
Un saludo.
Hola, Alberto. La última versión de Sigil no me carga imágenes (desde el Page Edit). ¿A qué crees que puede deberse?
Saludos cordiales y gracias por compartir este buen contenido.
Hola, Miguel Ángel.
Gracias por pasarte y comentar.
Respecto a tu consulta, siento no poder ayudarte, pero desconozco cuál puede ser el problema, nunca me ha sucedido.
Un abrazo.
Muchísimas gracias por el trabajo que te has tomado al hacer este documento. Llevo unos años usando Sigil y te aseguro que me has sorprendido con algunas de las cosas que incluyes, no tenía ni idea de que se pudiesen hacer de forma tan sencilla. Por favor, no dejes de crear este tipo de información que es muy útil.
Hola, Juan:
Gracias por tus palabras. Me alegro de que la entrada te resulte útil.
Un abrazo.