Este texto es una recopilación en constante actualización de los tutoriales oficiales y otras guías escritasde forma completamente altruista por distintos miembros de ePubGratis. Desde aquí mi más profundoagradecimiento a la gente que ha dedicado su tiempo a describir las características y los errores másfrecuentes al realizar un ePUB.Se intenta que un candidato a editor, solamente conociendo la información contenida en este manual,pueda conseguir realizar un ePUB cumpliendo los estándares de ePubGratis, y esto permita aprobar sucandidatura de la forma más rápida y eficiente. Una candidatura buena acelera el proceso de revisión,ahorrando tiempo al candidato así como a los revisores.

Si como editor consideras que falta algo que debería estar cubierto por esta guía, por favor, mándame unprivado.Si como candidato consideras que hay puntos que no te acaban de quedar claros, por estar mal explicadoso por el motivo que sea, te pido también que me mandes un privado.

Del editor de este manual,Werth

Werth et al. - ePubGratis

Manual de Buenas Prácticas para la HonorableTarea de Maquetar ePUBs

ePUB v1.8Werth 19.08.12

Editor original: WerthPortada: lan_raleigh y WerthColaboradores (Antigüedad en ePubGratis):

ElvysGusiXJohanAkilinoGarlandMísticaMayenCMFanhoeElle518ChungalitosKytanoysidorojuaorelchamacolestrobelan_raleighCarlosPiolín.39EnyluWerthJLGGSmoitSharadoreUkyoTarlothCaminanteDeucaliónMartin509052Farnsworth

ePubBase v2.0

A ePubGratis,por supuesto.

Conocimientos Básicos:¡Cuidado con los despistes!

1. Cómo conseguir privilegios de Editor:

Para conseguir privilegios de editor debes seguir estos pasos:

1. Si no tienes una cuenta en ePubGratis date de alta pulsando aquí.2. Sube un avatar para que sea más fácil reconocerte en el proceso de selección.3. Crea un ePUB que cumpla los estándares de la web.4. Presenta tu candidatura en este foro y comparte un enlace a tu ePUB. El nombre del hilo debe ser

«Candidatura -tu alias-»5. Cuando un mínimo de 3 editores consideren que tu aporte cumple los criterios de calidad, se

avisará a Elvys (el Rey) que te concederá los permisos de editor y podrás subir tantos libros comodesees.

FORMAS DE COLABORAR EN LA WEB (por Elle518)Para colaborar con nosotros no hace falta ser editor y subir libros a la web, hay muchas otras formar

de participar. Aquí tienes algunos ejemplos:

1. Valora y da tu opinión sobre los libros, animando (o no) a que otros los lean.2. Participa en el CLUB DE LECTURA y comparte opiniones sobre los libros del mes.3. Avisa de los enlaces caídos a los editores por mensaje privado o en el foro. Si sólo avisas de ellos

en las fichas es difícil que los editores jefes lo vean para poder arreglarlos.4. Corrección de erratas. Si encuentras una errata en alguno de los libros puedes publicarla en este

foro: http://www.epubgratis.me/forum/873. No te olvides de mandarle un mensaje privado al editordel libro para avisarle y que tú trabajo no se pierda, ya que muchas veces los editores no tienentiempo de leerse todos los mensajes del foro.

5. Comparte aportes sin estandarizar. Si tienes algún libro que quieres compartir con la comunidad,pero no sabes o no tienes tiempo de adaptarlo, publícalo en este hilo:http://www.epubgratis.me/forum/876. Así, si alguno de los editores de la web está interesado,podrá trabajar con él y editarlo. Si el aporte está protegido con DRM, tanto de ADE como deiBooks, podrás aprender a quitarlo en estos dos hilos: http://www.epubgratis.me/node/33?q=node/471 y http://www.epubgratis.me/node/6710.

2. Generalidades:Los siete mandamientos

1. Usarás Sigil para editar los ePUBs (software libre):Información del programa: http://code.google.com/p/sigil/Descarga: http://code.google.com/p/sigil/downloads/listEs probablemente el programa más importante. Lo usaremos para la práctica totalidad delproceso de edición del ePUB. No es la única opción, pero sí la más recomendable ya que es lamás completa y extendida entre los usuarios de ePubGratis.Se recomienda usar la última versión estable de sigil (0.5.3) ya que se han dado problemas conversiones más recientes en fase beta.

2. Partirás siempre del ePubBase v2.0. (descárgalo aquí)

3. Usarás el formato ePUB.El archivo tiene que estar en formato ePUB, con la extensión correspondiente: «.epub»Un ePUB no es más que un fichero comprimido con archivos .xhtml, imágenes, archivos .css yotros internos del ePUB: content.opf, toc.ncx.

4. Tus aportes serán en Castellano.En caso de tratarse de una traducción, ésta debe ser profesional.

5. Tus aportes serán nuevos, no existentes en ePubGratis.

6. Tus nombres de archivo estarán normalizados:Autor. [Serie - Orden] Título (v1.0 editor).epubEjemplo:

«Tad Williams. [Añoranzas y pesares - 1] El trono de huesos de dragón (v1.0GusiX).epub»

7. Tus títulos tendrán las mayúsculas normalizadas.Se escribe con inicial mayúscula la primera palabra del título de cualquier obra de creación(libros, películas, cuadros, esculturas, piezas musicales, programas de radio o televisión, etc.);el resto de las palabras que lo componen, salvo que se trate de nombres propios, debenescribirse con minúscula: Ejemplo: Últimas tardes con Teresa, La vida es sueño, La lección deanatomía, El galo moribundo, Las cuatro estaciones, Las mañanas de la radio, Informe semanal.Éste manual no cumple con esta norma… ¡Porque soy un rebelde!

Para iniciar nuestra maquetación, copiamos el ePubBase v2.0, le cambiamos el nombre de archivosiguiendo la información aquí expuesta y lo abrimos con Sigil.

Deucalión: Una de los aspectos al que cada vez doy más importancia es la fuente que utilizo parahacer mi ePUB. Todos sabemos que por la Red circulan multitud de libros en diversidad de formatos. Mehe encontrado con lugares considerados serios que aportan un libro, por ejemplo, en pdf. Luego al ir amaquetarlo y gracias a que tengo el original he podido comprobar que faltaban algunos párrafos. Por eso,considero que la forma más correcta de realizar un libro es teniendo un original. El problema estáentonces en dónde encontrarlo. ¿Original que tenemos desde hace años, compra expresa para maquetarlo,libros de bibliotecas?

Akilino: Para comparar dos fuentes de una misma obra y así corregir erratas o detectar si se trata dela misma versión, se pueden usar programas como el Beyond Compare. El truco consiste en convertirambas a texto plano y compararlas con el Beyond Compare (u otro programa similar) con la opción decomparar texto. Para convertir el ePub a texto plano lo que hago es agrupar los HTML con el Sigilponerlo en vista normal (no código) y hacer un copia de todo el texto y pegarlo en el bloc de notas deWindows. Una vez tenemos lo dos textos cada uno en un fichero txt y hacemos la comparación con elprograma comparador. Como es muy difícil que se repita en ambos textos la misma errata, salvo que lamisma proceda del original, de esta forma es difícil que se nos escapen erratas sin corregir. Al principiopuede costar un poquillo más, pero enseguida se va aprendiendo a manejar las posibilidades del BeyondCompare (alineando textos, actualizando los txt, etc) y a hacer sustituciones masivas según se detectenalgunas erratas o diferencias sistemáticas (por ejemplo las acentuaciones de "solo", usos de comillas,etc, que si lo tenemos controlado en nuestro ePub por ejemplo con las expresiones regulares podemoshacer sustituciones masivas que aunque no sean del todo correctas se hagan en ambos txt y no salten esasdiferencias; un ejemplo sería el de las comillas cambiando todas por ") ya sea en los txt o en el ePub siprocede, y la tarea se vuelve más ágil. El resultado es un ePub muy depurado de erratas. Yo lo he usadoen mi último aporte y me ha resultado tremendamente eficaz. Espero que os sea útil también a los demás.

3. Metadatos:¡Siempre nos los dejamos!

Recomendamos empezar la maquetación por los Metadatos, ya que así nos los quitamos de encima yno les dedicamos más tiempo. Si no seguimos una sistemática clara, es fácil enfrascarse en una ediciónlarga y complicada y olvidarse completamente de rellenarlos.

En el menú de Sigil: Edición > Editor de Metadatos (F8). Los campos obligatorios son los siguientes

TítuloAutorIdioma: Spanish

Hacer clic en el botón de «Añadir básico» para añadir las siguientes:

Subject: Debe contener las etiquetas de género, ordenadas alfabéticamente y separadas por comas.Las etiquetas que se pueden usar son: Autoayuda, Aventuras, Bélico, Biografía, Ciencia, CienciaFicción, Clásico, Comunicación, Cuento, Drama, Ensayo, Erótico, Esoterismo, Fantástico,Filosofía, Historia, Histórico, Humor, Infantil y juvenil, Interactivo, Intriga, Poesía, Policíaco,Política, Psicología, Referencia, Relato, Religión, Romántico, Teatro, Terror, otros (Serecomienda no elegir más de tres).Description: La sinopsis del libro.Date of pubication: Fecha de la primera publicación original, no de la primera versión encastellano. (Importante!)

Hacer clic el botón de «Añadir avanzado» para añadir la siguiente:

Translator: Traductor, si el original no es en castellano.

Los libros que pertenezcan a una serie o colección es MUY recomendable que la información estécodificada en los metadatos (si no, siempre se pierde). Esto ahorra mucho trabajo a la gente a la hora deordenar los libros en Calibre y da mejor imagen al conjunto.

Hay que abrir el «content.opf» y debajo de:<meta name="cover" content="cover.jpg" />

Añadir:

<meta name="calibre:series" content="Aquí el nombre de la saga" /><meta name="calibre:series_index" content="Aquí el número" />

Se puede añadir de forma opcional el resto de información que se desee. Hay editores que prefierenponer información de la editorial y el ISBN, para tener el aporte con el máximo de informacióndisponible. Otros, en cambio, no lo creemos necesario. MayenCM nos lo explica:

Sobre los ISBN: «Los ISBN identifican una edición específica de un libro, tendrán un ISBNdistinto para portada dura y portada blanda, también puede variar dependiendo del país depublicación. Un libro popular que se ha reeditado muchas veces a lo largo de los años tendrádiferentes números de ISBN uno por cada publicación. Por ejemplo, Don Quijote 9788467024807,ISBN: 84-9714-056-7, ISBN: 84-689-5988-X, ISBN 84-300-5596-7, ISBN: 84-8109-211-8, etc,etc.

¿Qué sentido tiene poner el ISBN por ponerlo? Si fuera un localizador válido para nuestraversión me parecería fantástico; pero no es así. En cuanto a que sirve de referencia al producto departida, tampoco le veo el sentido, porque la maquetación es completamente distinta; sí que esimportante la referencia al traductor, diseñador de portada, etc. porque, además del trabajo delpropio autor de la obra, está el suyo y es determinante en el resultado final que nosotros publicamos.En cuanto reconocimiento a la editorial o editoriales que en estos momentos tenga/n la obra a laventa en papel o en epub, no estoy muy por la labor de hacerles publicidad…»

4. Inicio de la maquetación:¡Si aún no hemos empezado!

Una vez los metadatos están correctos, nos olvidamos de ellos y procedemos a la maquetación.

Sigil: En la columna de la izquierda se encuentra el «Explorador del libro» dónde se pueden ver losarchivos contenidos dentro del ePUB. (Los nombres de estos archivos NO deben contener espacios,acentos o caracteres especiales).

De estos archivos, nos interesan especialmente los xhtml, que van a contener el texto.Todos los epubs tienen unos «.xhtml» fijos que son por los que vamos a empezar a continuación.

Este punto es extremadamente importante ya que el código SGC es el problema más frecuente delos editores novatos. Más adelante lo volvemos a repetir, yo aviso. ;)

Maquetación I:Los "fijos"

Hay una serie de xhtmls que están presentes en todos los ePUBs y que tienen un formato muy concretoque NO se puede modificar a criterio del autor. A continuación los vamos a explicar, partiendo siempredel ePubBase v2.0!

1. Cubierta.xhtml:

Es el primer .xhtml que debe estar presente en nuestro epub. En principio, no es necesario tocarlo.¿Por qué? Pues porque con cambiar la imagen de la portada es suficiente.

El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes delePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la portada correctamente.No puede haber otras definiciones CSS en este «head».

Cover.jpg

La «cover.jpg» es la imagen de portada, la que aparece en «cubierta.xhtml». Para crear la cover.jpgse recomienda usar esta plantilla en PSD o PNG: (Descargar). Sus características son:

Nombre obligatorio: cover.jpg (Para máxima compatibilidad con todos los lectores)Dimensiones:

Máximas: 750x1125 (Resoluciones superiores dan error de lectura en el Cyberbook (LaVanguardia / ABC) y otros lectores)Mínimas y Recomendadas: 600x900.En ningún caso la imagen (ni ningún archivo del epub) puede pasar de los 300 kb de peso.

Ratio: Siempre hay que mantener el ratio 2:3.Calidad: La imagen tiene que tener una calidad aceptable.Logo: el de la plantilla, se puede ver en la imagen inferior. No se permite ninguna modificación encuanto a color y posición a menos que existan causas muy justificadas.Peso: Razonable. Los ePUBs son archivos ligeros, no tiene sentido que pesen demasiado por culpade una imagen de portada mal optimizada.Es recomendable eliminar el logo de la editorial (si es posible).Es necesaria una versión de 320x480 píxeles para la ficha del libro en la web.

En el explorador del libro hay una carpeta Imágenes, donde podemos encontrar la cover.jpg originalque hay que reemplazar por la propia.

Una vez esté la cover.jpg añadida, hay que hacer clic encima con el botón secundario y «Añadirconcepto > Imagen de portada» (¡Punto muy importante!)

Si al abrir cubierta.xhtml la imagen no ha cambiado, es el momento de guardar el ePUB y reiniciar el

Sigil.

2. Sinopsis.xhtml:

Es el segundo .xhtml que debe estar presente en nuestro epub. Su texto coincide con la variable«Description» de los metadatos.

Si no se dispone del original en papel, se pueden encontrar buenas sinopsis de las obras buscandopor internet. Muchas páginas de librerías online las contienen.

El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes delePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la sinopsis correctamente.No puede haber otras definiciones CSS en este «head».

Como se puede ver en el ePubBase v2.0, la sinopsis siempre empieza con el código: <p>&nbsp;</p>para solucionar un bug de compatibilidad con el iPad/iPhone/iPod. Es el único &nbsp; que debe existiren todo el ePUB. El problema del iPad es que si no tiene el espacio antes de la sinopsis no reconoce lafuente de esta. (según Johan)

El código para los párrafos de la sinopsis tiene que ser como figura en el ePubBase:

<p class="sinopsis">Texto</p>

3. Titulo.xhtml:

Es el tercer «.xhtml» que debe estar presente en nuestro epub.El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes del

ePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la página de títulocorrectamente. No puede haber otras definiciones CSS en este «head».

Como en los anteriores, hay que hacer pocos cambios aquí. Concretamente hay que cambiar laspalabras siguientes por lo que corresponda:

AutorTítuloSubtítulo → Eliminar esta línea de código si no hay subtítulo.v1.0 → Tiene que ser 1.0 cuando se publique por primera vez en ePubGratis. Si hay que hacercambios, correcciones de errores o cambios de portada, la numeración seguirá con 1.1, 1.2, etc.Durante el proceso de revisión de la candidatura, el número no varía. (Debido al gran número derevisiones que se realizan del mismo archivo durante una candidatura, algunos candidatosreferencian sus versiones con una barra baja y un número de versión que se borrará en el definitivo:1.0_4, 1.0_5… )Alias → Tiene que coincidir con el usado en la web.01.01.12 → Fecha de la publicación del ePUB a ePubGratis.me. También se tiene que cambiar conlas actualizaciones de la ficha.

4. Info.xhtml:

Es el cuarto .xhtml que debe estar presente en nuestro epub. El código debe ser como figura en elePubBase.

El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes delePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la página de informacióncorrectamente. No puede haber otras definiciones CSS en este «head».

A continuación también se especifica la información que debería constar.

<div class="info"><p>Título original: <em>El título del libro</em></p><p>Autor, año de publicación del original.</p><p>Traducción: El nombre del traductor</p><p>Ilustraciones: El nombre del ilustrador</p><p>Diseño/retoque portada: El diseñador</p><p class="salto10">Editor original: Editor1 (v1.0 a v1.x)</p><p>Segundo editor: Editor2 (v2.0 a v.2.x)</p><p>Tercer editor: Editor3 (v3.0 a v3.x)</p><p>Corrección de erratas: EditorA, EditorB y EditorC</p><p>ePub base v2.0</p>

</div>

La información referente a «Segundo editor», «Tercer editor» se irá añadiendo según se precise.Esto permite reflejar los cambios de mano de un aporte, en caso de que ocurran. Puedes hacer que no sevean sin borrarlos añadiendo <!-- al inicio y --> al final, como si fuera un comentario.

La información sobre «Corrección de erratas» permite dejar constancia de los usuarios quecontribuyan a un aporte con sus correcciones tras la publicación, como forma de agradecimiento ycolaboración.

5. Dedicatoria.xhtml:

Es el quinto «.xhtml» fijo en el ePubBase.Este documento es opcional, si no existe una dedicatoria, debe eliminarse ya que es innecesario.El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes del

ePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la página de la dedicatoriacorrectamente. No puede haber otras definiciones CSS en este «head».

El código es parecido a info.xtml, pero esta vez con class="dedicatoria".Además, es obligatorio incluir los <span> tal y como figuran aquí por motivos de compatibilidad con

el iPad/iPhone/iPod:

<div class="dedicatoria"><p><span>A mis Padres por su apoyo.</span></p>

</div>

6. Autor.xhtml:

La información sobre el autor debe encontrarse en el archivo «autor.xhtml», al final del libro. Estedocumento es opcional, debe eliminarse de ser innecesario junto con el documento «autor.jpg» de lacarpeta de imágenes.

El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes delePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la página del autorcorrectamente. No puede haber otras definiciones CSS en este «head».

El título «Autor» figura como <h2> si hay otros <h2>, y como <h3> si no hay <h2> en el libro.

Encima del texto debe figurar la imagen del autor (autor.jpg).El primer párrafo debe empezar con el nombre del autor en mayúsculas seguido de una coma y el

texto. Este párrafo usa la clase «asangre». Los demás párrafos son normales.

<p class="asangre">NOMBRE DEL AUTOR, lorem ipsum dolor sit amet</p>

7. Notas.xhtml:

Las notas al pie deben encontrarse en un archivo «notas.xhtml» independiente, y deben estarcorrectamente vinculadas.

El «head» de este archivo debe contener el código CSS específico (no se usa en otras partes delePUB) tal y como figura en el ePubBase, ya que es el necesario para mostrar la página de las notascorrectamente. No puede haber otras definiciones CSS en este «head».

El título «Notas» figura como <h2> si hay otros <h2>, y como <h3> si no hay <h2> en el libro.

Ejemplos:En el texto, para vincular a la nota:^{<a href="../Text/notas.xhtml#nota1" id="nota1">[1]</a>}^{<a href="../Text/notas.xhtml#nota2" id="nota2">[2]</a>}^{<a href="../Text/notas.xhtml#nota3" id="nota3">[3]</a>}

En notas.xhml, cada nota tiene que tener el formato siguiente, con un enlace para volver a la lectura:<div class="nota"><p><a id="nota1"></a>^[1] Lorem ipsum dolor sit amet, consectetuer adipiscing

elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio loremnon turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquamerat volutpat. Sed quis velit. <a href="../Text/Section0001.xhtml#nota1">&lt;&lt;</a></p>

</div>

8. Style.css:¡Parece difícil pero no lo es!

Lenguaje HTML básico:

Aunque no hay que ser un especialista en lenguajes informáticos para maquetar ePUBs, es necesariotener al menos unas nociones básicas, y entender cómo funcionan las etiquetas HTML y las clases delCSS.

Siendo muy básicos necesitamos entender que el lenguaje HTML funciona por medio de «etiquetas»que dan propiedades concretas a los objetos que se encuentran entre la etiqueta de apertura (<x>) y laetiqueta de cierre (</x>).

Párrafos: Sin necesidad de entrar en detalles decimos que están definidos por las etiquetas <p>:<p>Párrafo</p><p>Párrafo</p>

Si ponemos otro párrafo seguido, se interpretará como un punto y aparte pero no dejará una líneaentre los dos.

Las etiquetas más importantes (en mi opinión) a la hora de editar ePUBs son:

<p></p>: etiquetas de párrafo.<em></em>: etiqueta cursiva.<strong></strong>: etiqueta negrita.<img></img>: etiqueta de imagen.<h1> (o <h2>, <h3>, <h4>) que corresponden a los encabezados.<div>, <span>, <blockquote>… etc.

En todo caso, si se está interesado en hacer algo concreto y no se sabe la etiqueta que lo hace, o bienhas visto una etiqueta que no sabes para qué sirve, recomiendo la consulta de páginas Web de este estilo:http://www.quackit.com/html/tags/

Lenguaje CSS básico

El lenguaje CSS nos sirve para dar propiedades a las etiquetas HTML, lo que nos permite separar«contenido» de «continente» en un documento concreto (por ejemplo, en una página web).

Funciona con un documento que se llama «hoja de estilos» donde tenemos almacenados ítems a losque les hemos definido propiedades. Entonces, en el documento HTML podemos «llamar» a los ítems de

la hoja de estilos.En nuestro ePUB, esta hoja de estilos se llama style.css y se encuentra dentro de la carpeta «Estilos».

Contiene las definiciones de las clases empleadas para dar formato al texto del libro, informaciónnecesaria para conseguir una buena visualización del ePUB. No se puede modificar en ningún caso el p oel body (entre otros), pero éste es el archivo indicado para añadir otros estilos personalizados con elobjetivo de conseguir el formato deseado.

/* ESTILOS PERSONALIZADOS - SALTOS */.salto10 { padding-top:1em; }.saltoinicio { margin-top:33%; }Los estilos CSS nos permiten dar estructura y diseño de manera sencilla. Con la plantilla de

ePubGratis se incluyen una serie de estilos predefinidos para agilizar nuestra tarea. Veamos algunosejemplos de cómo aplicarlos y los resultados que producen para que el candidato pueda familiarizarsecon el código CSS.

Algunos editores prefieren eliminar el indentado al comienzo de cada capítulo o tras una pausa. Essuficiente aplicar el estilo «asangre»:

<p class="asangre">Párrafo</p>

Para indicar una pausa o cambio de tema podemos usar el estilo «salto25» (usado para saltos deescena) o «salto10» (usado para saltos en cartas, sinopsis, poemas). Los párrafos no se debenseparar o «espaciar» sistemáticamente usando saltos:

<p class="salto10">Párrafo</p>

Para destacar un bloque de texto, como una carta o un recorte de periódico es muy útil el estilo;«cita»:

<p class="cita">Carta</p>

Podemos combinar distintos estilos para conseguir distintos efectos. Aquí un ejemplo de lacombinación de los estilos «cita», «centrado» y «negrita»:

<p class="cita centrado negrita">Párrafo</p>

Para recrear un rótulo o placa está el estilo «banner». (No se centra en los lectores basados enADE):

<p class="banner">Rótulo</p>

Por defecto todos los párrafos aparecen justificados. Para alinear el texto disponemos de los estilos«derecha», «izquierda» y «centrado»:

<p class="derecha capital">Párrafo</p>

En este punto, el candidato debería echar un vistazo al archivo style.css del ePubBase y procurarentender a grandes rasgos su estructura, para poder definir estilos propios o añadir estilos recomendadospor otros editores cuando lo precise.

Si os encontráis con alguna clase que no sabéis qué es o para qué sirve, podéis consultar una Web deeste estilo:

http://www.blooberry.com/indexdot/css/propindex/all.htm

Para aprender más: Huygens propone una forma más estética que la clase «derecha» para alinear unpárrafo usando:

.dere { padding-left:20%; }Hay que tener en cuenta que cuanto mayor sea el %, más estrecho se hace el texto. Si el % es muy

elevado en los lectores que tengan una pantalla "pequeña" se ve muy mal.

Para aprender más: Letra capital<p class="asangre"><span class="capitular">A</span>manecía…</p>Y en el CSS sólo se precisa añadir:.capitular { font-size:300%; font-weight:bold; float:left; margin:-0.1em 0.125em -0.2em 0em;

text-indent:0em; line-height:1em; height:1em; }

Para aprender más: Separador de asteriscos (por Mística)<p class="asteriscos">***</p>Y en el CSS sólo se precisa añadir:.asteriscos { text-align :center; text-indent :0em; font-size :1.2em; padding-top :1.5em;

padding-bottom :1em; }

Para aprender más: Subtítulo (por Mística).subtit { text-align:center; text-indent:0em; font-size:1.3em; margin-bottom:2.36em; }

Maquetación II:El "tocho"

Aquí es dónde viene todo el contenido del aporte. Esta parte es más flexible que las anteriores, pero¡no todo está permitido!

1. Section0001.xhtml:

1. En este «.xhtml» y los siguientes habrá el texto de la obra.

2. Cada capítulo debe estar en un «Section» distinto. Se pueden cambiar los nombres de estos archivos«.xhtml» para facilitar la organización del propio editor.

3. Todos los «Section» deben tener el mismo «head», con el siguiente código que no puede faltar, yaque carga las definiciones de las clases del estilo de ePubGratis: <link href="../Styles/style.css"rel="stylesheet" type="text/css" />

4. En este punto es recomendable tener instalado el diccionario es_ES en el Sigil, ya que el correctorortográfico nos ayudará a detectar y corregir errores de OCR: http://epubgratis.me/node/5646. (Otraalternativa más completa es el corrector de Word). Es obligatorio pasar algún corrector ortográficoa todo el texto, ya que los errores de este tipo son muy evidentes y no ayudan en absoluto aconseguir un epub de calidad.

5. Los capítulos tienen grado de jerarquía <h3>.<h1> → Cubierta y título del libro<h2> → Partes del libro, el título figura en una sección independiente. Pueden no existir.<h3> → Títulos de los capítulos.<h4> → Subordinados de los capítulos.Etc.

6. Si una sección no lleva encabezado (no hay título <h3>, por ejemplo), se debe usar la clase"saltoinicio" en el primer <p>.

<p class="saltoinicio">Párrafo</p>

7. Si un capítulo debería llevar un título de 2 líneas se puede usar:<h3>1.<br />El saltamontes</h3>Para este mismo fin GusiX nos recomienda una clase subtitulo:<h3>1.<h3><p class="subtitulo">El saltamontes</p>Dónde subtitulo es:.subtitulo { text-align:center; text-indent:0 ;font-size:1.6em; }

Lo repito en nombre de la Asociación de Editores Hartos de Encontrar Código SGC en lasCandidaturas: Siempre - trabajar - en - Vista - de - código.

Sin embargo, lo que no se puede hacer es borrarlo cada vez que lo ves y quedarnos tan panchos…Ése código no se genera porque sí, sino que es el resultado de aplicar algún estilo: espaciados, negritas,cursivas, tamaño de la fuente y que no nosotros no teníamos definido como tal… Por lo que hay que saberqué es lo que quería hacer y reemplazárselo nosotros en función del que tengamos en esos momentosdefinido en el style.css o incluso tendremos que crearlo…

Además, querido candidato, cada vez que se te cuela un código generado por Sigil, Dios mata ungatito:

Hazlo por los gatitos, vigila tu maquetación.

2. Cómo añadir texto:

Para el OCR (Reconocimiento óptico de caracteres), generalmente se recomienda el uso deprogramas como Abby Finereader o Acrobat X, por los buenos resultados que se consiguen. Seránecesario si nuestra fuente es un libro escaneado, bien esté en imágenes sueltas o en PDF.

A continuación se expondrán distintos métodos de añadir el texto a nuestro ePUB:

1. Elvys: Yo suelo usar el Adobe Acrobat y hago una conversión a RTF, de ahí me lo llevo a TextEdity lo convierto a HTML. Finalmente limpio los estilos y me llevo el resultado a Sigil.

2. Werth: Generalmente voy copiando/pegando párrafo por párrafo en Sigil modo vista de código.Mientras lo hago, aprovecho para revisar el texto e ir ajustando el formato. Muy lento, pero fiable.

3. Kytano: El procesador de textos Atlantis te permite abrir un archivo .doc y guardarlo como un epubmuy, pero muy, limpio, luego sólo resta adaptar el libro a la plantilla epub.

4. Saltarello:En mi caso utilizo un OCR procesador de textos muy potente, Oxygen, y el trabajo sehace mas fácil, sobre todo cuando no existe el texto en otro formato. Elaboro el texto con dedicacionen el Oxygen y luego, en Sigil, tengo pocos problemas.

5. Bercebus:No es nada fácil pasar un PDF a epub ni a nada por ser un formato muy cerrado y rígido.Lo que hago yo: en este web http://ebook.online-convert.com/convert-to-epub paso directamente elPDF a epub y me suele dar una base relativamente de edición factible. Maquetar desde un PDFsuelen ser todo problemas. Si eres capaz de encontrar el libro en formato doc o rtf, sería ideal.

6. Chungalitos: Writer2epub (la extensión para OpenOffice/LibreOffice) genera, en muchos casos, uncódigo más limpio que el de Atlantis. A veces a costa de simplificar el formato, pero yo creo quenunca se deja nada esencial. En cambio Atlantis reproduce tan fielmente el documento que puedesllegar a encontrarte hojas de estilos con centenares de clases (que luego vas a tener que cambiar enel código, cuando no eliminar, porque no pintan nada). En ningún caso recomendaría instalarOpenOffice/LibreOffice sólo para eso, pero sí que aconsejaría a aquellos que lo tengan instaladoque le echen un vistazo. A mí me resulta mucho más sencillo adaptar al epub base el código quegenera, porque es más limpio y los nombres de las clases son más descriptivos

7. Ukyo: Nos explica de forma muy básica cómo obtener el texto de un PDF y el uso de ABBYFineReader. Véase la siguiente sección.

8. Deucalión: La forma de maquetar de Ukyo la he usado a partir de escaneos de textos originales.Pero con una variante. Uso la versión 11 de Abby FineReader que te permite hacer una exportacióndirecta a formato ePub. Lo único que hay que hacer luego es modificar los códigos sgc(normalmente cursiva y muy poco más) por los nuestros.

9. Esperando ideas de más editores!

¡Maquetar el texto sin tener ni idea!Por Ukyo

Abbyy FineReader 8.0:

Para obtener el texto a partir de un documento PDF (el cual ha sido creado a partir de páginasdirectamente escaneadas) yo utilizo el programa Abbyy FineReader 8.0. Tiene el siguiente aspectocuando lo abres:

Si le damos a “Archivo > Abrir PDF/Imagen”, el programa nos abrirá un explorador para seleccionarel archivo PDF que queramos. Lo hacemos y aceptamos, y empezará a cargar el archivo con una barra deeste estilo:

Una vez tenemos el archivo PDF cargado en el programa, la ventana del programa cambiarámostrándonos varias secciones. A la izquierda habrá una columna con las páginas del documento, a laderecha la ventana aparecerá partida en tres partes, dos superiores y una inferior.

En la zona superior derecha veremos una miniatura de la página, y será la zona donde utilizaremos lasdiferentes herramientas del programa para digitalizar. La zona superior derecha es el procesador detextos del programa, donde nos mostrará el texto conforme vaya reconociéndolo, y nosotros podremosretocarlo con algunas herramientas sencillas. La parte inferior es simplemente una vista de zoom para verampliada una zona de la página que se muestra en el cuadro superior izquierdo:

Para digitalizar el libro, podemos hacer la “lectura” con el programa página a página, e ircorrigiéndolas, o bien hacer la “lectura” de golpe y luego todas las correcciones oportunas. Yo suelooptar por el segundo método, así que hacemos clic en la primera página, sostenemos la tecla “ctrl.” yvamos haciendo clic en las siguientes hasta marcarlas todas (o bien clic en la primera, shift+ctrl.+flechahacia abajo del teclado).

Una vez las tengamos marcadas hacemos clic en la opción “Leer”, marcada con un 2 en el submenúsuperior. El programa comenzará a reconocer la imagen, y se verá algo como esto:

Una vez terminado el proceso, el programa nos devolverá el resultado de su lectura de la página encuestión (si hemos hecho una lectura del documento completo, bastará con seleccionar en la columna dela izquierda la página que deseemos revisar para ver el resultado del programa). Si todo ha ido bien,tendremos una imagen de este estilo:

Las secciones encuadradas en verde son reconocidas por el programa como bloques de texto, y por lotanto en el cuadro de la derecha saldrá el texto que él ha reconocido digitalizado (las zonas que semarcan en azul claro son los posibles errores que el programa cree que deben ser revisados).

Las secciones encuadradas en rojo son bloques que el programa reconoce como imágenes, y por lotanto el resultado en el cuadro de la derecha es el de una imagen incrustada del tamaño del cuadro rojo.

Aunque en esta imagen superior no aparecen, pueden aparecer secciones en color azul, que elprograma interpreta como tablas.

Una vez llegados a este punto, el programa nos ofrece varias opciones. Si no nos ha convencido eldiseño de bloques del programa, nosotros podemos crear nuestros propios bloques en el cuadro superiorizquierdo y pedirle al programa que vuelva a leer exclusivamente ese bloque.

Por ejemplo, supongamos con que no estoy satisfecha porque quiero que reconozca el código debarras inferior de mi PDF como una imagen, cogería la herramienta de color rojo con una manzanadibujada y encuadraría el código de barras como desease para obtener un bloque de imagen:

Y si quisiera que, por ejemplo, reconociese el título como una tabla, cogería la herramienta de colorazul (debajo de la T de color verde) y repetiría el proceso anterior, arrastrando y encuadrando el textoque quiero que reconozca como una tabla. Veremos que pinta la zona de azul:

Sólo nos restaría hacer clic derecho en la zona coloreada de azul y seleccionar “Leer bloque”.

Con eso, el programa reconocería el bloque como una tabla y la adaptaría lo mejor que pudiese, ennuestro caso este es el resultado (atención al cuadro derecho, donde se ve cómo se vería la tabla en unprocesador de textos):

Esto mismo también se hace cuando creamos un bloque que queremos que reconozca como texto (conla herramienta con la T verde), es necesario pedirle que lea el bloque de nuevo.

Aparte de esto, también podemos borrar bloques que no nos interesen. Por ejemplo, supongamos queya no quiero mi bloque de imagen del código de barras. Basta con que haga clic derecho encima yseleccione “eliminar bloque” (o clic izquierdo y Supr.).

En mi opinión, esas son las herramientas más básicas con las que se debe saber trabajar en el

programa. Pero sigamos adelante, vamos a obtener ahora el documento en Word de nuestro PDF. Enprimer lugar, tenemos la opción de repasar la ortografía en propio Abbyy. Es algo que es muyrecomendable hacer, porque ayuda a eliminar muchos errores que luego pueden pasar desapercibidos.

Así pues, seleccionamos “Revisar ortografía” (la opción que viene marcada como 3 en el submenúsuperior). Nos abrirá un cuadro como este:

Donde en la parte superior podemos comparar el texto digitalizado con un zoom de nuestro PDF. Ypor si además no quedara suficiente claro dicho zoom, siempre tenemos el zoom del cuadro inferior en laventana del Abbyy. Una vez tengamos todo repasado y correctamente corregido, es el momento deexportar nuestro documento a Word. Le damos a “Guardar” (la cuarta opción del submenú superior) ynos aparecerá una ventana como esta:

Seleccionamos “Microsof Word” y “Todas las páginas” (o bueno, si sólo os interesa la digitalizaciónde una concreta, basta con seleccionarla en la columna izquierda de la ventana del Abbyy, darle aguardar y marcar “Páginas seleccionadas” en esta ventana).

Con esto, ya habríamos terminado de digitalizar nuestro PDF, y tendríamos como fuente un archivo deWord con el que seguir trabajando. Yo recomiendo guardar inmediatamente el archivo Word, por siacaso. ;)

Word 2003:

El primer paso que, en mi opinión, hay que dar para hacer un aporte decente en ePubGratis es utilizarel corrector ortográfico de Word (o del software que utilicemos). En Word 2003 vamos a “Herramientas> Ortografía y gramática” y revisamos concienzudamente.

A continuación le damos a “Archivo > Guardar como…” y seleccionamos en el menú desplegable“Página Web (*.htm; *.html)”.

Yo suelo hacer el paso a Sigil manualmente (lo cual es muy lento, pero muy fiable), por lo que meresulta muy cómodo pasar el documento a .htm/.html, abrirlo con mi navegador (Firefox) y, desde allí, ircopiando y pegando en Sigil, lo que veremos en la siguiente sección. ;)

Sigil:

Y por fin llegamos a la parte de poner nuestro libro en Sigil para ir maquetándolo. Como ya hecomentado por arriba mi método es muy lento, pero muy fiable. Así, abro el documento .htm que habíacreado con el Word en mi navegador, y abro el ePub Base 2.0

Para no sobrescribir el ePub Base 2.0, lo primero que hago en Sigil es darle a “Fichero > Guardar

como…” y le doy un nuevo nombre conforme a los estándares de ePubGratis. En mi caso el nombre seríaKonradLorenz.SobreLaAgresion.1.0.epub.

Voy a Sigil y en modo código (pulsando el icono que tiene este aspecto “ <>”) y abro el“Section0001.xhtml” (o el que proceda).

Creo tantos Section como necesite (uno por capítulo, y agrego los que sean necesarios). Para crearnuevas secciones hacemos clic derecho encima de la carpeta «Texto», en la columna de la izquierda, yseleccionamos «Añadir una sección en blanco».

A partir de aquí voy copiando el texto, añadiendo los estilos que precise.

3. Otras formas de escanear:Opcional

Se desarrollará próximamente.Para aprender más: (Próximamente, por Piolín.39) Hay formas alternativas de escanear libros que

no precisan un escáner plano, enlace externo en inglés.

BookScanner casero, hecho con mínimas habilidades, herramientas básicas y bajísimo costo.El modelo más simple es una caja de cartón cortada en diagonal, una cámara de 10 megapíxeles,

zoom 3.3x, trípode, un cristal y una lámpara.

4. Errores frecuentes:¡Sección MUY importante!

Para detectar una serie de errores frecuentes, se pueden emplear las opciones de búsqueda avanzadade Sigil (ctrl+f). Para ello es muy útil la recopilación de expresiones regulares hecha por el editor Carlosy que se puede encontrar aquí: Expresiones Regulares Carlos.

Para realizar la búsqueda de expresiones regulares tienes que hacer lo siguiente:

1. Abrir el libro y ponerlo en vista código.2. Abrir el enlace y copiar la primera búsqueda.3. En SIGIL presionas la combinación de teclas CTRL+F. (Yo tengo la versión en inglés)4. En el campo FIND pegas la búsqueda.5. De la lista desplegable MODE seleccionas REGEX.6. De la lista desplegable LOOK seleccionas ALL HTML FILES.7. Finalmente presionas el botón find.

Además resulta muy útil buscar los entrecomillados siguientes:

1. «sgc» / «sigil» / «calibre»Permite encontrar código autogenerado por Sigil o Calibre, que probablemente requerirácorrección.

2. «nbsp»&nbsp; debería estar sólo presente al inicio de la sinopsis.

3. «...»Cambiar los ... por &hellip; (un sólo carácter)

4. « ,» y « .»A menudo se pueden encontrar «espacio+,» o «espacio+.» que deben ser arreglados.

5. «<br»No se debería usar el código <br /> en los epubs, excepto en casos concretos. Su uso está aceptadopara conseguir un título de dos líneas.

6. «<i>»El código correcto para la cursiva es <em>.

7. «<b>»El código correcto para la negrita es <strong>.

8. No son válidas las siguientes formas de crear un salto:

<p class="salto"></p><p><br /></p><p>&nbsp;<p>Recordemos que la forma correcta para crear una separación es usar la clase «salto10» / «salto25»en el párrafo inmediatamente inferior a la separación.

Opcional: Para aprender más sobre expresiones regulares: Tutorial externo recomendado.

Maquetación III:Casos concretos

¡Ya sé meter texto! ¡Genial!… ¿Y ahora cómo narices meto una imagen?

1. Uso correcto de las comillas:

En los textos impresos, Se recomienda usar en primer lugar las comillas angulares (« »), quedandolas inglesas y las simples (en este orden) para entrecomillar texto ya entrecomillado.

Por ejemplo: «Antonio me dijo: “vaya ‘cacharro’ se ha comprado Julián”».

Cambio de las comillas simples (' ') por su símbolo tipográfico (‘ ’) donde corresponda.

Cambio de las comillas (" ") por su símbolo tipográfico (“ ”) donde corresponda.

Los títulos de libros, películas, etc. deben escribirse en cursiva.

Los signos de puntuación correspondientes al período en el que va inserto el texto entrecomilladose colocan siempre después de las comillas de cierre:

Sus palabras fueron: «No lo haré»; pero al final nos ayudó.¿De verdad ha dicho «hasta nunca»?

El texto que va dentro de las comillas tiene una puntuación independiente y lleva sus propios signosortográficos (si el enunciado entre comillas es interrogativo o exclamativo, los signos deinterrogación y exclamación se escriben dentro de las comillas):

Le preguntó al conserje: «¿Dónde están los baños, por favor?».«¡Qué ganas tengo de que lleguen las vacaciones!», exclamó.

La excepción a la regla anterior es cuando lo que va entrecomillado constituye el final de unenunciado o de un texto. Debe colocarse entonces punto detrás de las comillas de cierre, incluso sidelante de las comillas va un signo de cierre de interrogación o de exclamación, o puntossuspensivos:

«No está el horno para bollos». Con estas palabras zanjó la discusión y se marchó.«¿Dónde te crees que vas?». Esa pregunta lo detuvo en seco.«Si pudiera decirle lo que pienso realmente…». A Pedro no le resultaba fácil hablar consinceridad.

Las llamadas de nota que afecten a todo el texto entrecomillado deben colocarse entre las comillasde cierre y el punto:

Rafael Lapesa señalaba que «es muy discutido el posible influjo de las lenguas indígenas enla pronunciación del español de América»1.

Si la nota solo hace referencia a la última palabra del texto entrecomillado, la llamada debecolocarse delante de las comillas de cierre:

Rodolfo Lenz llegó a afirmar que el habla vulgar de Chile era «principalmente español consonidos araucanos1».

2. Uso correcto de los guiones:

Tutorial completo disponible aquí.

Guión "-"

Suele implicar unión de palabras (científico-técnico) o números (18-24). También se utiliza al finalde renglón para indicar que la palabra continúa en la siguiente línea. El uso del guión según la RAE sepuede consultar aquí.

Signo menos (&ndash;) "–"

Es un signo matemático para la resta o representar números negativos. Tiene el mismo ancho que elsigno más (+).

No debe confundirse con la semirraya, que en ocasiones se emplea como reemplazo del signo menos,aunque tal uso sea discutible.

Raya (&mdash;) "—"

Indicar tanto las intervenciones o parlamentos de los personajes (guiones de diálogo) como losincisos del narrador. El uso de la raya según la RAE se puede consultar aquí.

3. Uso correcto de las listas:

Listas no ordenadas: Las listas no ordenadas van dentro de la etiqueta <ul> y de su cierre </ul>.Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.

<ul><li>Un punto.</li><li>Otro punto.</li>

</ul>

Listas ordenadas: Las listas ordenadas van enmarcadas dentro de las etiquetas <ol></ol>. Cadapunto de la lista se escribe con la misma etiqueta que en las no numeradas: <li>. Pero al ser listasordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conformeescribamos nuevos puntos.

<ol><li>Primer punto.</li><li>Segundo punto.</li>

</ol>

Lista anidada:

Una lista dentro de otra.

<ol> <li>Punto ordinal 1: <ul> <li>Subpunto no ordinal 1.1</li> <li>Subpunto no ordinal 1.2</li> </ul> </li> <li>Punto ordinal 2: <ul> <li>Subpunto ordinal 2.1</li> <li>Subpunto ordinal 2.2</li> </ul> </li> <li>Punto ordinal 3.</li>

</ol>

Resultado:

1. Punto ordinal 1:Subpunto no ordinal 1.1Subpunto no ordinal 1.2

2. Punto ordinal 2:1. Subpunto ordinal 2.12. Subpunto ordinal 2.2

3. Punto ordinal 3.

4. Uso correcto de las imágenes:

Ilustraciones a toda página:

En la hoja de estilos hay que definir la siguiente clase:.ilustra { margin:0; }.ilustra img { height:100%; max-width:100%; }

Luego en el código hay que usar:<body class="sinmargen"><p class="centrado ilustra"><img alt="" src="../Images/foto.jpg" /></p></body>

Imagen horizontal (alargada):.ilustraalargada img { max-width:100%; }

Imagen vertical (estirada):.ilustraestirada img { max-height:100%; }

Con el max te mantiene el tamaño de la imagen. Si quieres que se ajuste agrande ocupando toda lapantalla (aunque dejará igualmente un pequeño espacio) quitas el max-:

.ilustraalargada img { width:100%; }

5. Incrustar fuentes tipográficas:

Por Huygens, con información añadida de Elvys y Xampeta

Añadir una tipografía distinta a la usada por defecto es un proceso generalmente no necesario peroque para alguna maquetación concreta puede ser importante.

Vamos a incrustar la fuente Papyrus en nuestro ePUB:

1. Añadir el archivo de fuentes (llamémosle: papyrus.ttf) en el Sigil en la carpeta «Tipos de letra».

2. Añadir en «style.css» el código:@font-face { font-family:"papyrus" ; font-style:normal ; font-weight:normal ;

src:url(../Fonts/PAPYRUS.TTF)}Y el código para la clase que llama a la fuente, por ejemplo:.papiro { font-family:"papyrus"; }

3. Se usa como cualquier clase:<span class="papiro">Palabras</span><p class="papiro">Párrafo</p><div class="papiro">Sección</div>

4. Verificar la validación del ePUB.

Nota importante 1: Respetar las mayúsculas y minúsculas en el nombre de archivo y en su extensión.PAPYRUS.TTF y PAPYRUS.ttf son cosas distintas!

Nota importante 2: El iBooks no es capaz de leer fuentes incrustadas de esta forma, aunque lamayoría de lectores las reproducen perfectamente. En iBooks es posible incrustar tipografías, pero esbastante engorroso. Por comodidad, es recomendable optar por las que ya vienen preinstaladas.

Aquí una lista:http://blog.slidetorock.com/fonts-available-on-ipad

6. Párrafos demasiado largos:

En algunas obras es preciso maquetar párrafos muy largos, en esos casos algunos lectores puedendecidir cortar el párrafo por dónde les dé la gana dándole un aspecto muy antiestético.

Parece que éste problema se soluciona colocando los parámetros orphans:1 y widows:1 en ladefinición 'p', consiguiéndose un ajuste muy bueno con el llenado de páginas y los párrafos. Ya que estasolución aún se encuentra en fase de pruebas, no se recomienda usarla si no aparece el error en el ePubque estamos maquetando.

.p { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; orphans:1; widows:1; }

7. Notas de pie de página para Dummies:Por elchamaco

Notas para dummies por un dummie

Has editado tu libro y llegas a la parte final, 80 notas… horror, bueno hasta ahora ya que con losbriconsejos de este pequeño tutorial tendrás listas tus notas en 2-3 minutos. Además, si no sabías deexpresiones regulares aprenderás 4 o 5 cosillas que te harán tu vida mucho más fácil no sólo con lasnotas.

—Material Necesario:

1. 1 libro con notas2. Sigil3. Ultraedit

—Al turrón:Abrimos el libro y nos encontramos lo siguiente

Enlace a la nota en uno de los capítulos

Nota en notas.xhtml

Si lo hiciesemos a mano podríamos eternizarnos pero con 2 sencillos scripts de ultraedit(seguramente con sublimetext o con notepad++ u otros también pueda hacerse pero yo uso ultraedit desdehace mucho tiempo como editor de textos, sus principales ventajas la edición en modo vertical, macros,etc) lo arreglamos en un periquete.

En ultraedit creamos dos documentos con el siguiente código que puedes guardar dónde quieras:

—Documento 1 que guardamos con nombre “Crear notas de pie en capítulos.js”function CreaNotasdeLibro() {var num = UltraEdit.getValue("Número de notas a crear:",1);var i = 1;while (i <= num) {

UltraEdit.activeDocument.write("<a href=\"../Text/notas.xhtml#n" + i + "\" id=\"nb" + i + "\">^{[" + i + "]}</a>\r\n");

i= ++i;}} //end creanotasdelibroCreaNotasdeLibro();

—Documento 2 que guardamos con nombre “Crear notas de pie en notas.js”function CreaNotasenNotas() {var i = 1; UltraEdit.activeDocument.top(); UltraEdit.columnModeOff(); UltraEdit.insertMode();do { UltraEdit.activeDocument.key("HOME"); UltraEdit.activeDocument.write("<div class=\"nota\">"); UltraEdit.activeDocument.write("<p><a href=\"../Text/.xhtml#nb" + i + "\" id=\"n" + i + "\">

^{[" + i + "]}</a> "); UltraEdit.activeDocument.key("END"); UltraEdit.activeDocument.write("</p></div>"); UltraEdit.activeDocument.key("DOWN ARROW"); i= ++i;} while (!UltraEdit.activeDocument.isEof())}CreaNotasenNotas();

En el menú scripting usamos la función Scripts (la primera)

En la ventana que se abre usamos el botón add y buscamos los dos ficheros que has creadopreviamente:

Fenomenal, ahora para crear las notas de los capítulos creamos un documento nuevo vacío y en elmenú scripting damos a crear notas de pie en capítulos.js

El script nos preguntará el número de notas a crear, por ejemplo este libro que estoy editando tiene22.

Cuando termine tendremos esto:

Ahora es cuestión de ir cambiando las notas creadas en los capítulos copiando el código de la nota ypegando en sigil:

Hacemos el resto con las notas de los capítulos, ahora arreglaremos las notas en notas.xhtml.Copiamos las notas a ultraedit en un documento nuevo:

Eliminamos todo excepto la nota (también quitamos la numeración), dejando sólo las notas, con ultraedit se hace muy rápido con buscar y reemplazar (permite hasta expresiones regulares) y con el mododcolumna:

Con las 22 notas limpias ejecutamos el script crear notas de pie en notas.js

Y nos devuelve esto:

Que estaría listo para copiar y pegar en sigil justo debajo del heading de notas si no fuese porquefalta saber en que fichero esta cada nota para ponerlo en el href, al que solo le falta el nombre delfichero.

Yo esto lo hago así, busco la primera nota veo en que fichero esta y edito en ultraedit la primera nota,vuelvo a sigil busco la siguiente nota, si est en el mismo fichero sigo buscando hasta encontrar la primeranota que no esté en el mismo capítulo. Cuando la encuentro, voy a ultraedit y pongo el nombre del fichero

en esa nota.Aquí viene la magia ultraedit, nos ponemos en modo columna (Alt+c) o menu Column (uso el ultraedit

en ingles, una manía, casi todo el soft lo uso en ingles) , imaginemos que en este fichero las 10 primerasnotas estan en la section001.xhtml, y la 11 esta en la section002.xhtml, en modo columna nos ponemos enla nota2 en ../text/, y desde aquí con Mausc y la flecha de abajo marcamos hasta la nota 10, soltamosMayusc y tecleamos section001.

¡Tachan!, las 9 notas se rellenan a la misma vez.Pues así con el resto. Y con todas las referencias completadas copiamos todo y lo pegamos en sigil.

Hemos terminado. Excepto por un detalle, las expresiones regulares. La primera parte se puede hacermucho más rápido en el caso de este libro con las expresiones regulares, si he explicado la otra forma esporque habrá libros en los que no sea posible, por ejemplo porque las notas no estén numeradas.

Notas super-rápidas en capítulos con expresiones regulares:

Sólo necesitas conocer 5 cosas (si queréis ampliar información esta web está bastante bienhttp://www.regular-expressions.info/tutorial.html) de las expresiones regulares para editar las notas deforma rápida, y para otras muchas cosas. Vamos allá:

1. Los siguientes caracteres son especiales y no se pueden usar directamente: [, \, ,̂ $, ., |, ?, *, +, ( ).Si tuvieses que usar alguno porque esta en el texto que buscas tienes que usar el carácter \ seguidodel que buscas por ejemplo \+

2. Para buscar un número usamos [0-9], [] se usa para buscar rangos, por ejemplo A-Z, a-c, etc.3. Para buscar x veces un carácter se usa el carácter *4. Para poder reemplazar en una búsqueda parte de lo encontrado usamos () y en reemplazar \1 para el

primer grupo de paréntesis, \2 para el segundo y sucesivamente….

Fácil, no. Pues vamos a ello, las notas en este libro no tienen nada de código sólo [número de nota].La expresión para cambiarlas será por tanto: \[([0-9]*)]

Los corchetes, y luego cualquier número y usamos el asterisco ya que las notas por encima de 9tendrán dos números.

Y se reemplaza por lo siguiente:<a href="../Text/notas.xhtml#n\1" id="nb\1">^[\1]</a>

Como véis en la búsqueda hemos dejado los corchetes fuera de los paréntesis ya que en el reemplazosólo queremos el número para ponerlo en el href, en el id y como texto de la propia nota.

Si antes de ejecutar la expresión damos a contar en este libro nos da 44. El motivo es que en elfichero notas.xhtml las notas también se escriben como [número de notas]. Se puede hacer de dos formas,ir reemplazando las 22 notas con el botón sustituir, o bien copiar notas.xhtml a ultraedit antes dereemplazar todas

Y las notas quedarán así y todas a la vez.

Vamos con otro ejemplo con más código que este parecía sencillo:

Aquí tenemos un libro que si que tiene código de enlace con las notas, pero no está según el manualde estilo de epubgratis. Vamos a cambiarlas todas con una expresión regular.

Buscamos lo siguiente:<a id="ref_footnotebookmark_start[0-9]*"></a><span class="sgc-1"><a

href="#ref_footnotebookmark_end[0-9]*">([0-9]*)</a></span>

Como no hay ningún carácter especial en este caso no tenemos que usar \, sólo marcamos conparéntesis uno de los números para luego usarlo en el reemplazo el resto si que hay que buscarlos con [0-9]* porque son diferentes para cada nota, pero los descartamos para el reemplazo.

Y reemplazamos por

<a href="../Text/notas.xhtml#n\1" id="nb\1">^[\1]</a>

Este libro tenía 82 notas de pie, con la expresión regular me he ahorrado bastante tiempo para ponerlas notas de pie en condiciones.

Expresiones regulares para modificar heading’s del tirón

Como podéis ver la potencia de las expresiones regulares es increíble para operaciones reiterativas,y os ahorrara mucho tiempo. Vamos a aplicarlo en otro caso a los títulos de los capítulos.

Vaya horror, vamos a arreglarlo de una pasada (este libro tiene como 50 capítulos, si son 5 o 6 da lomismo pero 50… expresiones regulares al poder)

<h1 class="calibre1" id="calibre_toc_[0-9]*"><a class="calibre4" id="TOC_id[0-9]*"></a><aclass="calibre4" id="TOC_id[0-9]*" > < / a > ([\w\. á-úÁ-Ú]*)<br class="calibre2" />\n <brclass="calibre2" />\n ([\w\. á-úÁ-Ú]*)<br class="calibre2" />\n <br class="calibre2" />\n ([\w\. á-úÁ-Ú]*)<br class="calibre2" /></h1>

Recomiendo con saltos de línea ir escribiendo la expresión línea a línea. Copiamos la primera, y lafinalizamos con \n (esto es para encontrar el retorno de carro, en sigil sólo se usa \n pero de unix pero enwindows lo normal sería \r\n para un retorno de carro). Los números de los id’s los cambiamos por [0-9]*, como los vamos a descartar no usamos (). Para el texto que si usaremos ([\w\. á-úÁ-Ú]*). \wequivale a [A-Za-z0-9_] o sea todos los caracteres numéricos y letras pero no las acentuadas (ojo estodepende del motor de expresiones regulares, en el de sigil no las incluye hay otros que si), por tantoañadimos nosotros los rangos á-úÁ-Ú, y también ponemos \. para los puntos y un espacio para losespacios.

Y así con el resto de líneas no olvidando el \n al final de cada línea o no localizará nada.

Con la expresión ya terminada escribimos el reemplazo, yo no separo el h3 del p, sigil ya lo hará pornosotros, pero si lo queréis hacerlo pues \n al canto. Por cierto tampoco pongo el id, ya lo hará tambiénsigil por nosotros.

<h3>\1. \2</h3><p class="subtit">\3</p>

El resultado

Eso es todo, espero que os sirva de ayuda en las maquetaciones. Y cualquier duda en los foros seintentará resolver, supongo que por editores con mayor experiencia que la mía, ojo, que yo deexpresiones regulares o de java script no tengo ni puñetera idea (soy un dummie) pero con cuatro cosasbásicas que he aprendido ya veis lo que podemos hacer y el tiempo que se ahorra.

elchamaco, 19/08/12.

Finalizando:Los últimos detallitos

1. BookID:

El BookID es un identificador que se encuentra en todos los ePUBs. Al usar el mismo ePubBase paratodas las maquetaciones, el BookID se repite en muchos aportes, dando errores graves en algunosprogramas / bibliotecas / eReaders. Es por esto que es necesario cambiarlo.

El BookID se puede encontrar dentro del «content.opf», con el valor:urn:uuid:7349db48-b27f-4dd1-a4d4-6cc0f8593eb8

Es necesario cambiarlo. Es recomendable generar un nuevo BookID tipo:urn:uuid:epubgratis.me-Editor-Fecha-HoraMinutoSegundo

urn:uuid:epubgratis.me-Werth-20120514-165834

Es correcto también usar un BookID generado aleatoriamente enhttp://www.famkruithof.net/uuid/uuidgen (por ejemplo).

Lo importante es que cada BookID sea único, cosa que con la fecha y hora se consigue. Una vezcambiado el BookID es necesario regenerar la TOC.

2. Peso:

El ePUB tiene que pesar relativamente poco. Es difícil marcar un límite ya que todos los aportes sondistintos, pero en ningún caso una imagen o un archivo puede superar los 300 kb. La mayoría de ePUBsdeberían pesar menos de 700 kb.

3. Tabla de contenidos (TOC):

En la columna de la derecha está el «Índice de contenidos» (TOC, del inglés Table Of Contents). Eslo último que vamos a tocar.

El ePUB debe tener una TOC en la que se enumeren, por este orden, Cubierta, Título del libro, Partesy Capítulos del libro.

Dentro de la TOC, la Cubierta y el Título del libro tienen el mismo grado de jerarquía <h1>. En casode que el libro se divida en partes, éstas tienen rango <h2> y son subordinadas del título del libro. Loscapítulos tienen rango <h3> y son subordinados de la parte del libro a la que pertenezcan o al título dellibro en caso de no existir partes.

Si hemos usado correctamente las etiquetas <h1>, <h2>, <h3>, <h4>, entonces con sólo darle albotón «Crear Índice según encabezamientos» obtendremos una TOC perfecta.

En ciertos casos especiales, nos puede interesar que el texto que aparezca en la TOC sea distinto altítulo que aparece en el texto. Para conseguir esto, GusiX nos recomienda usar «title»:

<h3 title="El saltamontes" >1. EL SALTAMONTES</h3>En este caso, en la TOC se mostrará «El saltamontes», en minúsculas; mientras que en el texto

aparece en mayúsculas y con un «1.» delante.Hay que intentar preservar la correlación entre TOC y títulos, para que la estructura del ePUB sea

clara. Se debería usar «title» solamente para ajustes de formato y pequeñas variaciones para no perderdicha correlación.

Insisto: Si usamos estos códigos correctamente, con sólo darle al botón «Crear Índice segúnencabezamientos» obtendremos la TOC deseada. No es necesario editar la TOC manualmente.

4. Validación:

El ePUB tiene que validarse en Sigil (Fichero > Validar epub).Además, es indispensable verificar que se valide también en la herramienta EpubCheck del IDPF

(International Digital Publishing Forum).http://validator.idpf.org/

5. Adobe Digital Editions:Contar páginas

El último paso es revisar el epub usando Adobe Digital Editions (ADE), un programa gratuito que sepuede descargar aquí: http://www.adobe.com/es/products/digitaleditions/ Nos servirá, entre otros, paracontar las páginas del libro.

Es importante que el número de páginas que consta en la ficha de la web sea el proporcionado porADE, ya que es el criterio común establecido para todos los aportes de ePubGratis.

Hay que tener siempre presente que el número de páginas es subjetivo, y, de hecho, en la versión enpapel varía si el libro es edición de tapa dura, edición de bolsillo, etc.

Al usar todos el mismo criterio, podemos comparar unos libros con otros. Además, el númeroproporcionado por ADE es bastante parecido al número de páginas en papel. Otros programas, sinembargo, dan un número más alejado de la realidad (Calibre por ejemplo, da casi el doble de páginasque ADE).

GusiX nos aporta una alternativa:

Sigo viendo muy a menudo diferentes criterios a la hora de calcular el número de páginas de unebook. Cualquier método es bueno pero ofrecen resultados muy dispares. Lo estuvimos planteando alprincipio de todo esto y decidimos utilizar Adobe Digital Editions (ADE) para el cálculo de las páginaspor diversos motivos que ya se debatieron. Es algo que deberíamos tomar todos como referencia. Henotificado a varios editores el problema con las páginas y muchos utilizan el libro en papel paracontarlas, otros calibre, otros a ojo, etc. Insisto en utilizar todos el mismo criterio y éste es, a día de hoyADE. Muchos lectores de ebook utilizan como motor el propio ADE y dan el mismo resultado, así comoalgún software como Sony Reader.

OPCIONALPara los que utilizan Calibre y no pueden utilizar ADE por algún motivo, he encontrado un método

que les puede solucionar el cálculo. Existe un complemento llamado «COUNT PAGES » muy fácil deinstalar y que nos calculará tanto el número de páginas como el número de palabras de cada libroalmacenado en la biblioteca y lo almacenará en una columna personalizada junto a nuestros metadatos. Lomejor es que se puede elegir el motor de cálculo, entre los que se encuentran el del propio visor deCalibre y ADE.

El método, a grandes rasgos es muy simple.

1. Abrimos calibre y accedemos a «PREFERENCIAS» y luego «COMPLEMENTOS».2. Pulsamos sobre «OBTENER NUEVOS COMPLEMENTOS«, buscamos «COUNT PAGES » y

pulsamos «INSTALAR».

3. Durante la instalación nos pide seleccionar la ubicación de la opción. Asegúrate que estéseleccionada al menos la barra principal.

4. Aplica y cierra la ventana de preferencias.5. Reinicia Calibre, cerrándolo y abriéndolo de nuevo.

Ya lo tenemos instalado. Ahora queda crear la columna personalizada y utilizarlo.

1. Accede de nuevo a «PREFERENCIAS» y luego a «COLUMNAS PERSONALIZADAS».2. Pulsa el botón con un «+» verde para añadir una nueva columna.3. Rellena los datos que te pide donde es importante que el tipo de columna sea un entero. Puedes

llamarla por ejemplo «Páginas» en el cuadro de «ENCABEZADO DE COLUMNA» y «paginas»(sin tilde ni mayúsculas) en «NOMBRE DE BÚSQUEDA».

4. Acepta, Aplica y cierra la ventana de preferencias.5. Seguramente toque reiniciar de nuevo calibre.

Para utilizar el botón «COUNT PAGES»:

1. Cuando abras de nuevo calibre tendrás el nuevo botón al final de la barra de herramientas. Si no loves mira al final de la barra si aparecen unas flechitas indicando que hay elementos ocultos.

2. Despliega el botón «COUNT PAGES» y escoge la opción «PERSONALIZAR COMPLEMENTO».3. Aparecerá una ventana con 3 grupos de opciones: Page count options, Word count option s y Other

options4. En Page count option selecciona la Custom column (columna personalizada) dónde almacenar el

número de páginas. Debe aparecer la columna que hemos hecho antes. En Algorithm debes escogerAdobe Digital Editions (ADE) para que el cálculo sea correcto

5. En el grupo Word count options es lo mismo pero para el recuento de palabras. Puedes dejarlo enblanco o crear una columna para él y hacer los mismos pasos.

6. Por ultimo, en Other option marcarás lo que quieres que haga el botón cuando pulsas sobre él sindesplegarlo. Marcar ESTIMATE PAGE COUNT para que calcule el número de páginas.

7. Solo queda aceptar y ya está listo.

A partir de ese momento, sólo tenéis que seleccionar los libros (pueden ser varios, pero probad conuno solo porque puede tardar un poco) y pulsar el botón Count Pages para rellenar el número de páginasestimadas por ADE. Parecerá que no haga nada hasta que aparezca la ventana de confirmación dondepodréis ver un informe de resultados (si queréis) antes de aceptar la introducción de las páginas.Mientras los calcula todos podréis ver los detalles de la tarea en curso pulsando en la esquina inferiorderecha de la ventana de Calibre, donde se indica la tarea en curso.

Lo he comprobado con varios libros y ofrece el mismo resultado que el propio ADE.

6. Publicación en la Web:

Presentar candidatura:

Si deseas presentar una candidatura ten en cuenta que hay una serie de puntos que son dignos demencionar ya que facilitan el trabajo del revisor y ayudan a que la candidatura sea más fácil de revisar:(Con responder un «Si/No» es suficiente)

1. Mencionar si se ha seguido este Manual. Los candidatos que lo siguen cometen menos errores y porlo tanto realizan candidaturas más «agradables» de revisar.

2. Mencionar si se ha pasado la batería de Expresiones Regulares de Carlos.3. Mencionar que el ePUB está validado en http://validator.idpf.org/4. A causa de que los candidatos no pueden reservar ficha, mencionar el título del libro y el nombre

del autor sirve para evitar que un editor se ponga a trabajar en el mismo libro, ya que así aparece elhilo del foro al realizar una búsqueda. En caso de solapamiento entre el trabajo de un editor y unhilo de candidatura con actividad reciente, se priorizará al más antiguo.

5. Mencionar si se tienen los conocimientos previos de HTML y CSS. (Lo menos importante)

Cuelga tu libro en la web:

Una vez el ePUB ya está terminado, y el candidato obtiene los permisos de editor, sólo faltapublicarlo en la web.

http://epubgratis.me/node/33?q=node/31

Pulsa en "Subir ePUB" en el menú superior, y rellena el siguiente formulario.Título: Introduce el título de la obra.Autor: Añade un autor o autores. En caso de haber varios, sepáralos por comas. Para que los librosdel mismo autor se cataloguen juntos, es importante que el nombre esté correctamente escrito. Siescribes las primeras letras del nombre y esperas unos segundos, el nombre completo aparecerá siya está en la base de datos.Género: Selecciona el género al que pertenece el eBook. Puedes marcar tantos como desees, perose recomienda no elegir más de tres. Si tu libro no se adapta a ninguno de los géneros listadosselecciona «otros» o haz una sugerencia en info@epubgratis.meSinopsis: Añade la sinopsis. Puedes utilizar la misma que aparece en tu ePUB.Portada: Crea una versión de tu portada en JPG de 320x480px ajustando al máximo el tamaño dearchivo. Para obtener el menor tamaño de archivo en Photoshop utiliza el comando «Archivo >Guardar para web y dispositivos...» (cmd+opc+may+S, ctrl+alt+may+S). Selecciona «JPEG» y unacalidad de «50» y pulsa guardar. Cuélgala en un servidor como tinypic.com, ImageShack o Dropbox.

Pega aquí la URL.Hash: Sólo se puede compartir usando Magnet Links. Tutorial en http://epubgratis.me/node/11561Versión: Introduce la versión de tu ePUB. El formato correcto es «1.0», «2.9», etc.Próximamente: Si quieres colgar tu libro en la sección «Próximamente» para que otros usuariossepan en qué estás trabajando, selecciona «Sí».Nº de páginas: Inserta el número de páginas. Al ser el ePUB redimensionable, el número de páginasdepende del dispositivo que lo reproduzca. Recomendamos que abras tu ePUB en Adobe DigitalEditions, que calcula el número de páginas que el libro tendría en formato impreso. En la barrasuperior verás el número de página actual así como el recuento total.

Notas: Si lo deseas puedes añadir notas o comentarios a tu publicación. Puedes informar decaracterísticas del libro, como ilustraciones o contenidos especiales. También es útil avisar siexiste algún error documentado que necesita resolverse.Colección: Puedes agrupar varios libros bajo un criterio común, como formar parte de la mismasaga (ej. «El Señor de los Anillos» o «Saga Harry Potter») o ser de la misma temática.Orden: Si el libro pertenece a una colección indica el lugar que ocupa en ella.Guardar: Puedes asegurarte de que todo está correcto pulsando en «Vista previa». Si estás segurode querer subir tu publicación haz click en «Guardar».

Recuerda tener tu cliente de torrent compartiendo durante al menos un par de horas después de subirun nuevo ePub o actualizarlo. Si tienes que apagar el ordenador o necesitas el ancho de banda para otrascosas, deja la publicación para otro momento.

Anexos

6.1. Enlaces de interés:

1. Expresiones regulares: Expresiones Regulares Carlos (Carlos)2. Buscador de carátulas: http://bigbooksearch.com/books (Lestrobe)3. Real Academia Española: www.rae.es