Al exportar un documento InDesign en formato EPUB, se crean dentro
del paquete de archivos todos los documentos HTML necesarios y además un
archivo de hoja de estilos CSS independiente que controla el formato, compuesto
normalmente por varias reglas CSS.
La ventaja de utilizar un archivo de hoja de estilos
independiente es que si modificamos la hoja de estilos, el formato de todos los
documentos HTML que usen esa hoja de estilos se actualizará automáticamente. Este
método de trabajo define una separación entre el contenido y el formato y
brinda una mayor flexibilidad y control en la tarea de diseño.
En esta entrada veremos mediante ejemplos concretos cómo controlar los márgenes de página en un EPUB.
Antes de comenzar diremos que el espacio en blanco es un elemento de diseño que posee entidad propia y está constituido por todas aquellas partes de la composición donde hay ausencia de cualquier otro elemento gráfico. El espacio en blanco sirve para equilibrar el peso de los objetos ayudando a conseguir armonía en la composición. Los márgenes en especial cumplen la función de encuadrar el resto de los elementos y marcar los límites espaciales de la composición.
InDesign permite definir el tamaño de los márgenes
de página de un documento al configurar un nuevo documento.
Con la siguiente configuración de documento obtendremos páginas con márgenes superior, inferior, izquierdo y derecho de un tamaño fijo de 50 píxeles:
Si insertamos texto en el documento InDesign, las páginas de documento se verán similares a la siguiente:
Si exportamos el documento InDesign en formato PDF, los márgenes del archivo exportado serán los que hemos fijado al configurar el documento.
Si exportamos el documento InDesign en formato EPUB, aparecerá un cuadro con opciones de exportación y en la ficha General podremos configurar el tamaño de los márgenes del EPUB:
Si exportamos el documento InDesign en formato EPUB, aparecerá un cuadro con opciones de exportación y en la ficha General podremos configurar el tamaño de los márgenes del EPUB:
Mantenga los valores en 0 píxeles, como muestra la figura.
Abra el EPUB exportado con el visor de libros electrónicos
de Calibre o con Adobe Digital Editions y observe que aunque hayamos configurado el documento InDesign con márgenes de 50 píxeles, los márgenes de página
del EPUB exportado son nulos.
Vamos a editar la hoja de estilos CSS del EPUB utilizando Dreamweaver.
En la hoja de estilos CSS del documento exportado encontraremos la regla
CSS: @page {margin : 0px 0px 0px 0px}, que es la responsable de controlar el tamaño de los márgenes de página del EPUB. Esta regla CSS se aplica al selector @page y los 4 valores son 0px.
El selector @page
identifica la caja de página y permite definir propiedades tales como tamaño, orientación, márgenes, etc.
En este ejemplo, la propiedad margin
controla los márgenes del elemento. El primero de los 4 valores controla el
margen superior, el siguiente el margen
derecho, el tercero el margen inferior y el cuarto el margen izquierdo, es decir que los 4 valores se deben leer partiendo desde el margen
superior y en el sentido de las agujas del reloj.
Si por ejemplo quisiéramos modificar solamente el margen
izquierdo de la caja de página a 10px,
la regla CSS quedaría: @page {margin :
0px 0px 0px 10px}
Importante: al exportar un documento InDesign en formato PDF se utilizarán los márgenes de página establecidos
en el cuadro de configuración del nuevo documento. Al exportar un documento InDesign en formato EPUB los
márgenes de página se deben ajustar utilizando el cuadro de Opciones de exportación EPUB.
Exporte nuevamente el documento InDesign en formato EPUB y en la ficha General
del cuadro Opciones de exportación EPUB
configure el tamaño de los márgenes como muestra la siguiente figura:
Abra el EPUB exportado con el visor de libros electrónicos
de Calibre o con Adobe Digital Editions.
Cambie el tamaño de la caja de página o cambie el tamaño de la fuente tipográfica y observe los márgenes de página del
EPUB.
En la hoja de estilos CSS del documento exportado, la regla
CSS: @page {margin : 10px 10px 10px
50px} controla el tamaño de los márgenes del EPUB:
Si en lugar de definir valores en unidades
absolutas en píxeles utilizamos unidades
relativas em, por ejemplo @page {margin : 1em 1em .5em 3em}, al variar
el tamaño de la fuente tipográfica del EPUB, los márgenes variarán proporcionalmente.
También se pueden combinar unidades absolutas y relativas, por
ejemplo @page {margin : 10px 10px 10px 3em}
