En informática es muy común la reutilización de código. Los desarrolladores comparten bibliotecas para no tener que empezar desde cero en cada proyecto.
Siguiendo el mismo espíritu, presentamos la primera versión de Sin código, una hoja de estilos todo terreno que hace que los epubs se vean bien en ibooks, ereaders, kindles, smartphones y tablets.
Este es un epub de ejemplo
Piano Blanco, de Aki ObarrioVer epub en navegador
Uno de los mayores impedimentos de las editoriales universitarias a la hora de digitalizar sus fondos es la falta de conocimientos de html y css. La realidad es que no es imperativo que confeccionen sus propias hojas de estilos o que contraten un desarrollador externo.
Pueden seguir los pasos del tutorial y vincular sus estilos con los de sinCodv1.css.
Ya no quedan excusas.
.Descargar materiales y scripts
¿Todavía estás perdido?
No pasa nada, empecemos por el principio y definamos qué es un estilo. Podemos pensarlo como un set de características visuales predefinidas que uno asigna a los párrafos y caracteres de los documentos de forma reiterativa.
En InDesign los diseñadores están acostumbrados a usar estilos para diferenciar párrafos de citas, pero también títulos de primer nivel de otros. El estilo lleva, además de un conjunto de características gráficas, un nombre que permite su reutilización.
El problema a la hora de hacer epubs desde InDesign consiste en que los estilos confeccionados para papel no pueden traducirse de forma automática al epub. Por suerte, sí se puede vincular el nombre del estilo con los de una hoja externa. Por tanto, sin saber css, pueden los diseñadores asociar sus estilos a los de sinCodv1.css y generar epubs profesionales.
Imaginemos que estamos en InDesign y que tenemos seleccionado un primer párrafo, que tiene aplicado un estilo llamado "Primer-Párrafo", para poder exportarlo correctamente a un epub, solo tendremos que modificar una pestaña dentro de las propiedades del estilo. La pestaña en cuestión es la de exportación a epub y html. Allí tendremos poner el nombre que queremos que ese estilo tenga en el epub.
Habiendo mirado sinCodv1.css con un editor de código, sabremos que el estilo que corresponde es "sinSangria", que presenta las siguientes características:
p.sinSangria {
text-indent: 0;
font-size: 95%;
margin-top: 0em;
margin-bottom:0em;
}
De la misma manera, si quisiéramos vincular un estilo de párrafo normal llamado en InDesign "Cuerpo Central", deberíamos colocar en la casilla de exportación el nombre "conSangria".
p.conSangria {
font-size: 95%;
page-break-after: auto;
page-break-before: auto;
margin-top: 0em;
margin-bottom: 0em;
text-indent: 4%;
}
Algunas advertencias
Es muy común que los diseñadores no estilen las itálicas ni las negritas y, desafortunadamente, es necesario que haya una etiqueta a la hora de la exportación a epub. Por suerte, hay muchos scripts que pueden realizar esta tarea por nosotros. En el tutorial se explica con mayor detalle. De la misma manera, es necesario que las imágenes estén dentro de la caja de texto y tengan un estilo de párrafo asociado. Por último, pero no menor, se deben generar índices automáticos. Todo está en el tutorial, así que solo necesitan tiempo y práctica.
Descargar sinCodv1.css
Esperamos poder dar soporte y actualización semestral a Sin código. Sabemos que es perfectible y por eso contamos con el aporte de todos para que día a día se vuelva una mejor hoja de estilo.
Por último, si te copás y querés leer unos cuentos, te llevo a la vieja home de enanobruno.com.
Javier Beramendi
@javier.beramendi
jberamendi@unsam.edu.ar
Visor de epub online Inicio