domingo, 18 de agosto de 2024

Empaquetado de Archivos en Adobe Illustrator

Objetivo de Aprendizaje:

Al finalizar esta guía, los estudiantes podrán empaquetar correctamente un archivo en Adobe Illustrator, asegurando que todas las imágenes y fuentes utilizadas se incluyan en la carpeta empaquetada para facilitar la transferencia o el envío del proyecto. Los estudiantes también aprenderán a utilizar los comandos cortos y las funciones esenciales del programa para optimizar su flujo de trabajo.

Guía Paso a Paso para Empaquetar Archivos en Adobe Illustrator

 1. Guardar el Archivo en el Escritorio

Paso 1: Abre tu archivo en Adobe Illustrator que contiene tanto texto como imágenes.

Paso 2: Guarda tu archivo en el escritorio para tener fácil acceso a él.

-          Comando Corto:

o   Para guardar el archivo: Ctrl + S (Windows) / Cmd + S (Mac).

o   Acción: Dirígete al menú superior y selecciona Archivo > Guardar como....

o   Función del Programa: Este comando guarda tu proyecto en la ubicación deseada, permitiéndote trabajar con una copia o archivo actualizado.

 2. Iniciar el Proceso de Empaquetado

Paso 3: Una vez guardado el archivo, ve al menú superior y selecciona Archivo > Empaquetar.

-          Comando Corto: No hay un comando corto predeterminado para esta acción.

o   Acción: Haz clic en Archivo y luego en Empaquetar. Se abrirá una ventana emergente donde puedes especificar la ubicación y nombre de la carpeta de empaquetado.

 3. Configuración del Empaquetado

Paso 4: Especifica dónde deseas guardar la carpeta empaquetada y verifica que las opciones correctas estén activadas.

-          Acción: En la ventana emergente, selecciona el escritorio o la ubicación deseada para guardar la carpeta empaquetada.

-          Opciones a Activar:

o   Copiar enlaces: Asegúrate de que esta opción esté activada para que las imágenes utilizadas en tu archivo se copien en la carpeta.

o   Incluir fuentes: Asegúrate de que las fuentes utilizadas se incluyan en el paquete.

o   Función del Programa: Esta acción empaqueta todo el contenido relacionado con tu archivo (imágenes, fuentes, etc.) en una sola carpeta, facilitando su organización y transferencia.

 4. Completar el Empaquetado

Paso 5: Haz clic en Paquete para finalizar el proceso.

-          Acción: Después de verificar que las opciones necesarias estén seleccionadas, presiona OK. Adobe Illustrator empaquetará los archivos en la carpeta especificada.

 5. Verificación del Empaquetado

Paso 6: Ve a la ubicación seleccionada (por ejemplo, el escritorio) y verifica que la carpeta empaquetada contiene todos los elementos necesarios.

-          Acción: Abre la carpeta empaquetada y asegúrate de que incluye:

o   El archivo .ai (Illustrator)

o   Las imágenes utilizadas

o   Las fuentes utilizadas

o   Función del Programa: La carpeta empaquetada debe contener todo lo necesario para que el archivo se pueda abrir y editar en otro equipo sin problemas.

 Resumen de Comandos y Funciones

-          Ctrl + S / Cmd + S: Guardar el archivo.

-          Archivo > Guardar como...: Guardar el archivo en una ubicación específica.

-          Archivo > Empaquetar: Iniciar el proceso de empaquetado del archivo.

 

Guía Práctica para Preparar un Archivo PDF para Impresión en Adobe Illustrator

Objetivo de Aprendizaje:

Al finalizar esta guía, los usuarios serán capaces de preparar un archivo en Adobe Illustrator para su correcta exportación como PDF destinado a impresión, incluyendo la configuración de sangrados, marcas de corte y perfiles de color, utilizando comandos cortos y las funciones específicas del programa.

Paso a Paso para Guardar un Archivo PDF para Impresión en Adobe Illustrator

  1. Añadir Sangrado al Documento

  • Descripción: El sangrado es el área extra que se añade al diseño para asegurar que, al cortar el documento a la medida exacta, no haya bordes en blanco si la guillotina del impresor se desvía ligeramente.

  1. Ve a Archivo > Ajustar documento...

  • Comando corto: No disponible.

  1. En la sección Sangrado, establece 3 mm en todos los lados.
  2. Asegúrate de que las unidades estén en milímetros.
  3.  Haz clic en OK.

  • Resultado: Aparecerá un borde rojo alrededor del documento, indicando el área de sangrado.

2. Extender el Fondo hasta el Área de Sangrado

  • Descripción: Rellena el área de sangrado con el fondo del diseño para evitar que queden espacios en blanco en el borde del documento impreso.

Paso a Paso:

  1. Selecciona el fondo del diseño.
  2. Arrástralo y extiéndelo hasta cubrir el área de sangrado.

  • Comando corto: No disponible.
  • Resultado: El fondo cubrirá todo el espacio del sangrado, garantizando una impresión sin bordes en blanco.

  1. Guardar como PDF para Impresión

  • Descripción: Una vez configurado el sangrado y el diseño, es importante guardar el archivo como PDF utilizando ajustes preestablecidos para impresión.

   - Paso a Paso:

     1. Ve a Archivo > Guardar como...

  •         - Comando corto: `Ctrl + Shift + S` (Windows) o `Cmd + Shift + S` (Mac).

     2. Selecciona Formato PDF en el cuadro de diálogo.

     3. Asigna un nombre al archivo y selecciona la ubicación donde deseas guardarlo.

     4. Haz clic en Guardar.

  •    - Resultado: Se abrirá la ventana de opciones de PDF.

 4. Configurar las Opciones de PDF

  •    - Descripción: Ajusta las configuraciones para asegurar que el PDF sea adecuado para la impresión.

   - Paso a Paso:

  1. En Preestablecido de Adobe PDF, selecciona Calidad de prensa.
  2. En la sección General, no modifiques ninguna configuración.
  3. En Compresión, verifica que las imágenes con una resolución mayor a 450 ppp se reduzcan a 300 ppp, lo cual es óptimo para impresión.
  4. Ve a la pestaña Marcas y Sangrados.

    • Activa Usar ajustes de sangrado del documento para aplicar el sangrado de 3 mm.
    • Selecciona Marcas de recorte para indicar al impresor dónde debe cortar.
    • En Desplazamiento, establece 6 mm para evitar que las marcas de recorte se superpongan con el sangrado.

     5. En la pestaña Salida, selecciona Convertir a destino en Conversión de color.

    • Elige el perfil de color Coated FOGRA39, que es el estándar para impresión en la mayoría de las imprentas.

     6. Haz clic en Guardar PDF.

  •  Resultado: El archivo PDF se guardará con todas las configuraciones necesarias para impresión.

 5. Verificación del PDF

  •    - Descripción: Es importante verificar que el PDF se haya guardado correctamente con las configuraciones necesarias.

   - Paso a Paso:

  1.  Abre el PDF que acabas de guardar.
  2. Revisa que el archivo contenga el sangrado, las marcas de corte y que esté en alta calidad.

  •    - Resultado: El PDF estará listo para ser enviado a imprenta, asegurando una correcta impresión.

 Consejos Adicionales:

- Mantén siempre una copia del archivo original de Illustrator antes de convertirlo en PDF.

- Realiza pruebas de impresión antes de producir grandes cantidades, para asegurar que todo esté configurado correctamente.

Comando Cortos Resumidos:

- Guardar como...: `Ctrl + Shift + S` (Windows) o `Cmd + Shift + S` (Mac).

 

Esta guía te permitirá preparar de manera efectiva un archivo PDF para impresión utilizando Adobe Illustrator, asegurando que todos los aspectos técnicos estén correctamente configurados para una impresión de alta calidad.

 


domingo, 11 de agosto de 2024

Glosario

  • AAL (Advanced Adaptive Layout): Una especificación preliminar, ahora denominada EPUB Adaptive Layout, para una extensión de EPUB 3 que permitiría diseños complejos, estilo revista, que se adapten a diferentes tamaños de pantalla y orientaciones. Ver [IDPF AAL](http://idpf.org/epub/pgt/).
  • AHL (Advanced/Hybrid Layout): Un grupo de trabajo de la IDPF está explorando formas de ampliar las capacidades de EPUB 3 mediante (1) la posibilidad de mapear entre diferentes versiones del mismo contenido, por ejemplo, haciendo clic en una parte de una imagen a página completa para mostrar una versión en texto del artículo, y (2) crear un mecanismo para que un dispositivo elija entre diferentes versiones del mismo contenido (el mecanismo puede estar optimizado para diferentes tamaños de pantalla o capacidades del dispositivo).
  • DRP (Digital Replica Plus)**: Formato propietario de Barnes & Noble para e-books que consta de una capa de imagen (por ejemplo, una página de revista) así como una capa de texto, y un mecanismo para vincular las dos versiones del contenido. Ver [Barnes & Noble DRP](http://code.google.com/p/epub-revision/wiki/BNFixedFormat).
  • EPIB: “Subconjunto del estándar EPUB de Barnes & Noble que describe un libro digital que puede incluir elementos animados y/o interactivos.” Ver [Barnes & Noble EPIB](http://automatastudios.com/barnes-noble-nook-kidsreader/).
  • EPUB**: Un “formato estándar para la distribución e intercambio de publicaciones y documentos digitales. EPUB define un medio para representar, empaquetar y codificar contenido web estructurado y semánticamente enriquecido... para su distribución en un formato de archivo único.” Ver [IDPF EPUB](http://idpf.org/epub/30/spec/epub30-overview.html).
  • Folio: Formato de archivo propietario de Adobe para publicaciones digitales tipo revista. Los archivos Folio (.folio) se crean en InDesign.
  • FXL: Abreviatura de "fixed-layout" utilizada por el grupo de trabajo de EPUB de la IDPF.
  • KEPUB: Versión propietaria de EPUB de Kobo. Un archivo EPUB normal se complementa con una base de datos SQLite que admite algunas funcionalidades del sistema de lectura. Puede haber archivos adicionales de CSS o JS.
  • IDPF (International Digital Publishing Forum)**: Asociación global de comercio y estándares para la publicación electrónica, que desarrolla y mantiene el estándar EPUB.
  • JS: JavaScript, un lenguaje de programación utilizado para añadir interactividad a los e-books.
  • KF8 (Kindle Format 8)**: Formato propietario de Amazon basado en HTML5 y CSS3. Puede utilizarse para crear e-books de diseño fijo. Cabe señalar que KF8 no es idéntico a EPUB 3, aunque existen algunas similitudes.
  • Liquid Layout: Término de Adobe para diseño adaptativo avanzado, tal como se implementa en InDesign CS6.
  • Media Overlays: Un subconjunto de SMIL adaptado para su uso en EPUB 3. Ver [IDPF Media Overlays](http://idpf.org/epub/30/spec/epub30-mediaoverlays.html).
  • OFIP (Open Format for Interactive Publishing)**: Formato propietario de WoodWing para publicaciones interactivas, que se lanzó como un estándar de facto, aunque la página que pretende documentar este estándar redirige a la página principal de WoodWing.
  • SMIL: Según la W3C: “Synchronized Multimedia Integration Language (SMIL, pronunciado ‘smile’) permite una creación simple de presentaciones audiovisuales interactivas. SMIL se utiliza típicamente para presentaciones de ‘medios ricos’/multimedia.”

Recursos

Estándares Oficiales de IDPF y Otros

- **EPUB 2**  

  [IDPF EPUB 2](http://idpf.org/epub/201)  

- **EPUB 3**  

  [IDPF EPUB 3](http://idpf.org/epub/30)  

- **Documentos EPUB 3 de Diseño Fijo (“FXL”)**  

  [IDPF EPUB 3 FXL](http://idpf.org/epub/fxl)  

- **Documentos de Muestra EPUB 3**  

  [Muestras EPUB 3](http://code.google.com/p/epub-samples/)  

  “Este es un repositorio de documentos de muestra EPUB 3.0. La colección está destinada a mostrar características del estándar EPUB 3 – [IDPF EPUB 3](http://idpf.org/epub/30) – y proporcionar materiales de prueba para los desarrolladores de sistemas de lectura.”

Libros

La IDPF, en colaboración con O’Reilly, está creando un libro integral sobre EPUB 3. Varios capítulos ya están escritos y disponibles para descarga gratuita. Los disponibles hasta ahora son:

- **¿Qué es EPUB 3?** – [Una Introducción a la Especificación EPUB para Publicación Multimedia por Matt Garrish](http://shop.oreilly.com/product/0636920022442.do)  

- **EPUB 3 Accesible** – [Mejores Prácticas para Crear Contenidos Universalmente Usables por Matt Garrish](http://shop.oreilly.com/product/0636920025283.do)

Blogs

- **Pigs, Gourds, and Wikis** por Liz Castro  

  [Pigs, Gourds, and Wikis](http://www.pigsgourdsandwikis.com/)  

- **Notes & News** por Baldur Bjarnason  

  [Baldur Bjarnason](http://www.baldurbjarnason.com/)  

Twitter

El hashtag **#eprdctn** discute todo sobre la producción de libros electrónicos, y frecuentemente se abordan temas relacionados con el diseño fijo.

Interactividad y JavaScript

EPUB 3 permite (aunque no necesariamente fomenta) el uso de scripting para añadir interactividad y otras características a los libros electrónicos. Este es probablemente el aspecto más controvertido y complejo de los e-books en la actualidad. El soporte inconsistente, inexistente o deliberadamente limitado por parte de los sistemas de lectura hace que sea imposible generalizar sobre este tema. La plataforma iBooks de Apple ofrece la mayor flexibilidad a los editores y ha creado algunas bibliotecas de JavaScript para habilitar ciertos tipos de efectos. Por su parte, KF8 de Amazon no permite scripting en este momento.

Para aquellos interesados en crear e-books fijos e interactivos en este momento, se recomienda consultar la documentación de Apple disponible a través de iTunes Connect. Esperamos añadir más información sobre este tema en la próxima versión de este documento.

Estándares de Minoristas

Formato Kindle 8 (KF8)

KF8, el formato propietario de Amazon para Kindle, fue anunciado a finales de septiembre de 2011 y se introdujo en octubre. Parece ser muy similar a EPUB 3, soportando diseño fijo usando HTML 5 y CSS 3 para posicionamiento absoluto, pero utiliza metadatos diferentes a los de Apple o a los de la especificación IDPF FXL. (Cabe destacar que la especificación de metadatos FXL de IDPF EPUB 3 proporciona una "concordancia" entre los metadatos de IDPF y los de KF8 para diseño fijo).

Añadir los siguientes cinco valores de configuración de metadatos al archivo del paquete define todos los parámetros de página y diseño:

  1. Diseño Fijo**: Un ajuste de verdadero o falso.
  2. Resolución Original**: Indica al lector la relación de aspecto para la que se diseñó originalmente el contenido. Debe estar en píxeles (por ejemplo, 1024 x 800). Esta proporción dicta cómo el Kindle Fire escalará las páginas. Si la relación de aspecto del dispositivo no coincide, el Kindle Fire redimensionará el contenido para ajustarlo e insertará espacio en blanco alrededor de la página.
  3. Bloqueo de Orientación**: Puede ser retrato, paisaje o ninguno. "Retrato" bloquea el contenido en orientación vertical, y "paisaje" lo bloquea en orientación horizontal. "Ninguno" (por defecto) permite cualquiera de las opciones (pero puede no ser compatible con todos los dispositivos). Este parámetro es obligatorio para libros infantiles y opcional para cómics.
  4. Tipo de Libro**: Tiene dos valores predeterminados basados en la intención original del diseño fijo. Los valores pueden ser "children" (niños) o "comic" (cómic).
  5. Ampliación de Región**: Un ajuste de verdadero o falso que indica al lector si se debe permitir la ampliación o no.

La orientación es un parámetro obligatorio, lo que significa que no se puede tener un libro que pueda verse en ambos modos, retrato y paisaje. Tu diseñador deberá elegir una de las opciones.

KF8 en diseño fijo soporta una página HTML a la vez. Los diseñadores deben crear una única página HTML para las páginas en modo retrato o una sola página HTML que contenga ambas páginas del diseño de dos páginas en modo paisaje. Sin embargo, para Kindle Paperwhite, se pueden definir y mostrar múltiples páginas HTML de forma individual o lado a lado, dependiendo de la configuración en el archivo.

Como en todos los dispositivos, el tamaño de la pantalla y la relación de aspecto pueden no coincidir con los diseños preexistentes. El contenido puede ser escalado para ajustarse a la pantalla, centrado y rodeado de espacio en blanco.

El formato de diseño fijo KF8 no soporta paneo y zoom. Solo se soporta la ampliación de región para aumentar la vista del texto.

KF8 presenta una vista de panel integrada que permite que los cómics y novelas gráficas se presenten en alta resolución y en color.

Al igual que EPUB 3, el diseño fijo de KF8 soporta hasta cinco fuentes incrustadas por documento. Deben ser fuentes TrueType o OpenType. Las fuentes Type 1 no están soportadas.

Apple

Apple introdujo un formato de e-book con diseño fijo en diciembre de 2010. Originalmente basado en EPUB 2 y ahora adaptando EPUB 3 en cierta medida, utiliza HTML con posicionamiento absoluto de CSS para el contenido, y un archivo de metadatos no estándar. Aunque gran parte de EPUB 3 funciona para libros "fluyentes" en iBooks y se soportan algunas partes de la especificación EPUB3 FXL, aún existen algunas omisiones.

Contenido Básico

Apple utiliza HTML con posicionamiento absoluto de CSS, como se describió anteriormente. Cada archivo HTML debe representar una sola página del libro, e iBooks ensamblará automáticamente esas páginas en doble página. Esto entra en conflicto con el enfoque de Amazon/KF8, que requiere un archivo HTML por doble página.

Imágenes

Apple tiene un límite de 2 millones de píxeles por imagen.

Metadatos

Apple utiliza un enfoque propietario para los metadatos. Crea un archivo llamado `com.apple.ibooks.displayoptions.xml`, que debe estar dentro del directorio META-INF del EPUB. Aquí tienes el ejemplo más sencillo:

```xml

<?xml version="1.0" encoding="UTF-8"?>

<display_options>

    <platform name="*">

        <option name="fixed-layout">true</option>

    </platform>

</display_options>

```

Esto indica que el EPUB está efectivamente en diseño fijo.

Opciones de Visualización de Apple

El siguiente cuadro documenta las opciones de visualización ofrecidas por el formato de diseño fijo de Apple.

opción valores posibles Descripción

platform * El título estará disponible tanto en iPhone como en iPad.

iphone Disponible solo en iPhone (y iPod Touch).

ipad Disponible solo en iPad.

fixed-layout true El libro está en diseño fijo.

false (por defecto) El libro es fluido/reformateable.

orientationlock landscapeonly El libro se mostrará solo en orientación horizontal.

portrait-only El libro se mostrará solo en orientación vertical.

open-to-spread true El libro se abrirá en una doble página.

false La página inicial (no la doble) se ampliará para ajustarse a la vista.

specified-fonts true iBooks no sobrescribirá las asignaciones de fuentes CSS.

false En algunas circunstancias, las asignaciones de fuentes del documento serán sobrescritas.

Sincronización de Audio

Apple ha implementado el estándar EPUB 3 para audio y texto sincronizados usando SMIL.

Interactividad

Apple soporta JavaScript en e-books.

Para más información...

La documentación de Apple es bastante buena, pero está disponible solo para aquellos con una cuenta de iTunes Connect.

Google Play Books

Google Play Books soporta contenido EPUB con diseño fijo identificado ya sea por los antiguos metadatos "Apple Fixed Layout" (arriba) o con los metadatos estándar EPUB 3 basados en OPF.

Contenido Básico

Google Play Books soporta HTML con posicionamiento absoluto de CSS. Las imágenes de mapa de bits o SVG pueden ser referenciadas por elementos XHTML para crear páginas simples solo de imágenes en diseño fijo. Cada archivo XHTML debe representar una sola página del libro y debe contener una meta etiqueta `name="viewport"` dentro del elemento `<head>`. Las dobles páginas serán ensambladas automáticamente.

Sincronización de Audio

Google Play Books soporta el estándar EPUB 3 "media overlays" para audio y texto sincronizados usando SMIL. Si se desea resaltado al "leer en voz alta", el estilo a usar debe especificarse usando el nombre de clase CSS "media-overlay-active" o "-epub-media-overlay-active" (o un nombre de clase alternativo especificado por `<meta property="media:active-class">class-name</meta>`).

Restricciones

Independientemente de las especificaciones de metadatos, Google Play Books renderizará actualmente las páginas de diseño fijo como una a una en modo retrato y como dobles páginas sintéticas en modo paisaje. Debe especificarse un tamaño de "viewport" coincidente para cada página dentro de una publicación de diseño fijo. La interactividad en JavaScript aún no está soportada. Se espera que estas restricciones se levanten en versiones futuras de Google Play Books.

Barnes & Noble

Nota del Editor: La información sobre los formatos de diseño fijo de Barnes & Noble se incluirá en una futura revisión de este documento.

Kobo

Nota del Editor: La información sobre los formatos de diseño fijo de Kobo se incluirá en una futura revisión de este documento.

Apple iBooks Author

Nota del Editor: La información sobre los formatos de diseño fijo de Apple iBooks Author se incluirá en una futura revisión de este documento.

Sincronización de Texto y Audio con Superposiciones Multimedia

Una de las principales novedades de EPUB 3 es la capacidad de vincular una grabación de audio con el texto y mantener ambos sincronizados. Se pueden resaltar elementos a nivel de palabra, oración, párrafo y página mientras se escucha el audio correspondiente. Varios minoristas llaman a esta función “Leer y Escuchar” o “Léeme”, y se ha utilizado ampliamente en libros ilustrados para niños con diseño de maquetación fija. Actualmente, algunos sistemas de lectura soportan esta función solo para maquetación fija, aunque el concepto debería aplicarse a todos los libros.

EPUB 3 permite esta sincronización a través de las superposiciones multimedia, que es un subconjunto del estándar SMIL (lenguaje de integración multimedia sincronizada) preexistente. Básicamente, un archivo XML (utilizando el vocabulario SMIL) contiene un puntero a cada elemento de texto en el documento y lo empareja con los tiempos de inicio y fin del archivo de audio que se refiere a ese texto:

```xml

<par id="para1">

    <text src="chapter_002.xhtml#c002p0001"/>

    <audio src="mobydick.mp3" clipBegin="0:14:48" clipEnd="0:15:13"/>

</par>

```

En este caso, el elemento `<par>` agrupa una referencia de texto (a un párrafo específico en el capítulo 2) con una referencia de audio (los 25 segundos de sonido que comienzan a las 14:48 en un archivo MP3 específico). En este caso, estamos sincronizando solo a nivel de párrafo, pero es posible apuntar a cada palabra del texto. En ese caso, el segmento de audio que se identifica puede durar menos de un segundo.

El desafío está en crear este archivo SMIL. Necesitas saber exactamente cuándo comienza y termina el audio para cada elemento. Es posible hacerlo a mano, pero cualquier flujo de trabajo de producción realista necesitaría una solución automatizada para generar esta información. Y, por supuesto, necesitas XHTML; esto no se puede hacer con publicaciones de maquetación fija basadas en imágenes.

El Archivo SMIL

A continuación, un ejemplo de un archivo SMIL, que corresponde a una sola página de un libro ilustrado para niños:

```xml

<?xml version="1.0" encoding="UTF-8"?>

<smil xmlns="http://www.w3.org/ns/SMIL"

      xmlns:epub="http://www.idpf.org/2007/ops" version="3.0">

    <body>

        <par id="id-008">

            <text src="../page_009.html#span9line1"/>

            <audio clipBegin="0:00:00.000" clipEnd="0:00:01.0" src="../audio/page009.m4a"/>

        </par>

        <par id="id-009">

            <text src="../page_009.html#span9line2"/>

            <audio clipBegin="0:00:01.0" clipEnd="0:00:02.4" src="../audio/page009.m4a"/>

        </par>

    </body>

</smil>

```

En este caso, cada página tiene un archivo de audio separado, por lo que la línea 1 del texto se escucha de 0.0 segundos a 1.0 segundos, y la línea 2 se escucha de 1.0 segundos a 2.4 segundos. El archivo de contenido correspondiente se ve así:

El Archivo de Contenido

```xml

<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"

      xmlns:epub="http://www.idpf.org/2007/ops">

    <head>

        <meta name="viewport" content="width=600, height=600"/>

        <meta charset="utf-8"/>

        <title>The Earth Book</title>

        <link href="css/stylesheet.css" type="text/css" rel="stylesheet"/>

    </head>

    <body>

        <div class="page009">

            <img src="images/009.png" alt="Familia de búhos en un árbol"/>

            <p class="page9line1"><span id="span9line1">y quiero que los búhos</span></p>

            <p class="page9line2"><span id="span9line2">tengan un lugar donde vivir</span></p>

        </div>

    </body>

</html>

```

Nota cómo el elemento de texto en el archivo SMIL apunta a una línea en el archivo de contenido, y el elemento de audio apunta al audio correspondiente.

El Archivo de Paquete: Metadatos de Superposición Multimedia

Las superposiciones multimedia requieren una codificación especial en el archivo de paquete EPUB 3. Primero, debes asociar el archivo SMIL con el archivo de contenido XHTML correspondiente:

```xml

<item id="pg009" href="page_009.html" mediatype="application/xhtml+xml" media-overlay="page_009-overlay"/>

```

En segundo lugar, debes listar el archivo SMIL en sí:

```xml

<item id="page_009-overlay" href="smil/page_009.smil" mediatype="application/smil+xml"/>

```

Nota cómo el atributo `media-overlay` en el elemento de contenido apunta al ID del archivo SMIL.

Finalmente, hay metadatos para las superposiciones multimedia en sí:

```xml

<meta property="media:duration" refines="#page_009-overlay">0:00:02.4</meta>

<meta property="media:duration">0:23:46</meta>

```

Necesitas listar la duración de cada archivo SMIL, así como el total para todos los archivos SMIL.

Resaltado del Texto: Superposiciones Multimedia y CSS

Finalmente, necesitamos resaltar el texto que corresponde al audio. Esto se hace en el CSS:

```css

.-epub-media-overlay-active {

    background-color: #abc;

}

```

Nota que puedes usar cualquier nombre de clase para esta propiedad, pero debes declarar el nombre en el archivo de paquete:

```xml

<meta property="media:active-class">-epub-media-overlay-active</meta>

```

¡Son muchos elementos en movimiento!

Accesibilidad: ¿Quién, Qué, Cuándo?

Al abordar el tema de la accesibilidad en el diseño de e-books en general y en el formato de diseño fijo en particular, es crucial tener en cuenta que la accesibilidad es un problema multifacético. Como se discute en profundidad en la publicación de O’Reilly "Accessible EPUB 3" (disponible como e-book, de forma gratuita), los grupos de usuarios afectados son numerosos. Aunque las necesidades de lectura de estos grupos varían, normalmente pueden satisfacerse colectivamente mediante un e-book bien diseñado, donde "bien diseñado" se refiere a una serie de buenas prácticas y errores a evitar descritos en la publicación "Accessible EPUB 3".

Entonces, ¿quiénes son los usuarios que podrían encontrar tu e-book inaccesible? Es posible que hayas oído el término "discapacidad de impresión", que generalmente se define como:

Cualquier condición en la que un usuario no puede leer o utilizar material impreso estándar debido a ceguera, discapacidad visual, limitaciones físicas, disfunción orgánica o dislexia.

Dentro del campo de la investigación sobre dislexia, se acepta generalmente que 1 de cada 10 personas tiene algún tipo de dislexia. De manera similar, investigaciones de la Unión Europea han mostrado que el 21% de las personas mayores de 50 años experimentan problemas severos de visión, audición o destreza. Por lo tanto, no estamos hablando de poblaciones pequeñas, y a medida que las demografías internacionales se inclinan hacia poblaciones cada vez más envejecidas, los números solo aumentan.

Otra categoría de usuarios relevante para este tema son aquellos que enfrentan una discapacidad situacional, definida como la incapacidad temporal de interactuar con el contenido en la modalidad preferida del lector. Cualquiera puede volverse situacionalmente discapacitado en cualquier momento. Ejemplos incluyen:

  • - Incapacidad para ver una pantalla al aire libre debido al deslumbramiento.
  • - Incapacidad para consumir contenido de manera eficiente debido a las limitaciones de la pantalla (por ejemplo, las pantallas pequeñas de los teléfonos móviles).
  • - Incapacidad para oír sonido en un entorno ruidoso, como un avión, un autobús o un metro.

Factores de Riesgo en el Diseño Fijo

¿Qué tiene que ver todo esto con el contenido de diseño fijo? El contenido de diseño fijo corre el riesgo de poseer algunas o todas las propiedades que hacen que el material impreso en papel sea inaccesible para los grupos de usuarios mencionados. A continuación se describen brevemente los principales factores de riesgo del diseño fijo.

El contenido de diseño fijo no se adapta a dispositivos, usuarios y contextos

Las publicaciones de diseño fijo están, por naturaleza, restringidas en las formas en que pueden adaptarse a los usuarios y a los contextos de uso. Mientras que el editor (como se discutió en la sección "¿Cuándo es más adecuado el diseño fijo?" anteriormente) ha tomado la decisión deliberada de proporcionar el contenido utilizando un diseño fijo, el impacto negativo de esta elección en la accesibilidad (y la usabilidad general) puede ser bastante dramático:

  • - Un usuario con dislexia, baja visión o daltonismo que depende de esquemas de color y/o configuraciones de fuentes especiales para consumir contenido de manera efectiva encontrará que configurar estas preferencias de usuario no es posible en el sistema de lectura o que provoca efectos secundarios al activarlas que hacen que el contenido sea ilegible. El mismo problema puede ocurrir en el contexto de los "modos nocturno y diurno" proporcionados por los sistemas de lectura.
  • - Un usuario que intenta usar un teléfono móvil para leer contenido de diseño fijo diseñado para una tableta reportará una disminución significativa en la eficiencia y eficacia de la recuperación de información debido a la necesidad de recurrir a un extenso desplazamiento y zoom (ver la discusión sobre discapacidad situacional al final de la sección "¿Quién, Qué, Cuándo?" anterior).
  • - Un usuario con dislexia o pérdida de visión que depende de la modalidad auditiva mediante el uso de un lector de pantalla puede encontrar que esta función no está disponible o es altamente poco confiable (ver entrada siguiente).

Algunos contenidos de diseño fijo no pueden ser accedidos por tecnologías de asistencia

Las tecnologías de asistencia, como los lectores de pantalla y las pantallas Braille, necesitan acceso al texto de la publicación en forma de HTML marcado o SVG para transponer el contenido a los modos de audio (en el caso de los lectores de pantalla) y táctil (en el caso de las pantallas Braille). Cuando el contenido de diseño fijo está diseñado de manera que el texto de la publicación está incrustado en imágenes y no como una capa de texto HTML o SVG separada, toda la publicación se vuelve inaccesible para los usuarios de tales dispositivos. (Otra consecuencia de las publicaciones completamente basadas en imágenes es que el contenido no puede ser buscado o indexado, a menos que el sistema de lectura tenga una función OCR incorporada).

Algunos contenidos de diseño fijo pierden el orden lógico de lectura

Cuando se usa el posicionamiento absoluto de CSS en documentos XHTML y SVG basados en diseño fijo, esto puede contradecir el orden lógico del documento subyacente; en otras palabras, el orden en el que los elementos de contenido aparecen en el marcado del documento puede no coincidir con el orden en el que aparecen en pantalla. Para las tecnologías de asistencia, como los lectores de pantalla y las pantallas Braille (que acceden a la estructura del documento subyacente), el contenido fuera de sincronía representa un riesgo grave de hacer que el documento sea inconsistente o confuso en el mejor de los casos, e ilegible en el peor.

Soluciones Próximas

En el contexto de EPUB 3, debemos estar al tanto de que el IDPF está llevando a cabo una serie de proyectos que, una vez maduros, mejorarán significativamente el conjunto de herramientas de los editores al permitir el diseño y la provisión de contenido que puede adaptarse mejor a dispositivos, usuarios y contextos, mientras se conservan las características de diseño enriquecido deseadas.

  • Diseño Adaptativo (AL) – http://idpf.org/epub/pgt/ – define un modelo para diseños paginados basados en plantillas, permitiendo que el contenido se formatee en una secuencia de páginas interactivas ricamente diseñadas, en lugar de presentarse como un único contenedor desplazable o como un contenedor desplazable dividido simplemente en una secuencia de páginas (también conocido como paginación dinámica clásica). Una vez que el Diseño Adaptativo sea compatible con las herramientas de autor y los sistemas de lectura (en el momento de escribir, la autoría de Diseño Adaptativo es compatible con InDesign CS6), permitirá a los editores proporcionar contenido que pueda adaptarse inteligentemente a diferentes dispositivos, mientras que aún permite el paradigma de diseño y la experiencia de usuario típicamente asociados con el contenido de diseño fijo.
  • Diseño Híbrido Avanzado (AHL) – http://code.google.com/p/epubrevision/wiki/AdvancedHybridFixedLayoutAHG – es un proyecto que, entre otras cosas, tiene como objetivo definir cómo incrustar múltiples versiones de la misma publicación en un archivo EPUB y cómo permitir la selección y el mapeo entre estas versiones. Como ejemplo, AHL permitirá que una publicación de diseño fijo basada en imágenes tenga una "hermana" basada en texto HTML que pueda ser seleccionada por el usuario como la modalidad de lectura preferida en cualquier momento (por ejemplo, el "modo artículo" de Barnes & Noble) o servir como fuente de datos para tecnologías de asistencia, como lectores de pantalla o pantallas Braille. Una publicación que contenga múltiples versiones de esta manera puede cumplir con los criterios de accesibilidad y usabilidad, además de adaptarse perfectamente a funcionalidades básicas, como la búsqueda y la indexación.

Hasta que estas extensiones de EPUB estén disponibles en el mundo real, los editores que utilicen contenido de diseño fijo deben elegir un enfoque que reduzca al mínimo el riesgo de efectos negativos en el usuario. La siguiente sección describe una estrategia de autoría recomendada para alcanzar este objetivo.

Enfoque de Autoría Recomendado

Para maximizar la accesibilidad y usabilidad del contenido de diseño fijo, se recomienda el siguiente enfoque de autoría:

  1. 1. Produce documentos refluibles en lugar de documentos de diseño fijo si es posible.
  2. 2. Al producir documentos de diseño fijo, no utilices documentos solo con imágenes; en su lugar, usa XHTML o SVG con texto incrustado.
  3. 3. Utiliza la estructura de documentos XHTML o SVG y el posicionamiento absoluto de CSS de manera que mantengas el orden lógico de lectura sincronizado con respecto al orden de los elementos del documento y el orden en el que esos elementos aparecen en pantalla.
  4. 4. Evita superponer contenido de maneras que sean difíciles de percibir debido al tamaño de fuente pequeño o bajo contraste de color.

Para recomendaciones sobre contenido interactivo/escrito, consulta la sección sobre interactividad y ARIA en la publicación de O’Reilly "Accessible EPUB 3" – http://shop.oreilly.com/product/0636920025283.do – (nota: estas recomendaciones se aplican igualmente tanto al contenido refluible como al de diseño fijo).

Asimismo, ten en cuenta que las Directrices de Accesibilidad para el Contenido Web (WCAG) – http://www.w3.org/TR/WCAG/ – se aplican al contenido EPUB, tanto refluible como de diseño fijo.