Exportar contenido como HTML

La exportación a HTML es una forma sencilla de optimizar su contenido de InDesign para Internet. Al exportar contenido como HTML, puede controlar el modo de exportación del texto y las imágenes. InDesign conserva los nombres de los estilos de párrafo, carácter, objeto, tabla y celda que se aplican al contenido exportado marcando el contenido HTML con clases de estilos CSS del mismo nombre. Si utiliza Adobe Dreamweaver o un editor HTML compatible con CSS, puede aplicar rápidamente el formato y la maquetación al contenido.

InDesign exporta todos los artículos, gráficos vinculados e incrustados, archivos de películas SWF, notas al pie de página, variables de texto (como texto), listas numeradas y con viñetas, referencias cruzadas internas e hipervínculos que llevan al texto o a páginas web. Las tablas se pueden exportar también a HTML. InDesign conserva el formato de la tabla, como los trazos de tabla y de celda. Las tablas reciben ID exclusivos y se puede hacer referencia a ellas como conjuntos de datos Spry en Dreamweaver. Los archivos de audio y vídeo H.264 colocados se adjuntan a las etiquetas HTML5 de <audio> y <vídeo>. Asimismo, InDesign exporta objetos que haya dibujado (por ejemplo, rectángulos, óvalos y polígonos), objetos pegados (como imágenes pegadas de Illustrator) y texto convertido en contornos.

¿Qué no se exporta?

InDesign no exporta hipervínculos (salvo los vínculos a páginas web y los vínculos aplicados a textos que llevan a anclajes de texto en el mismo documento), etiquetas XML, libros, marcadores, glyphlets SING, transiciones de página, marcadores de índice, objetos de la mesa de trabajo que no están seleccionados y no tocan la página o elementos de página principal (a no ser que se hayan omitido o seleccionado antes de la exportación).

Exportar como HTML

Se crea un documento con el nombre especificado y una extensión .html (por ejemplo, “boletín.html”) y, en la misma ubicación, si se indica, se guarda una subcarpeta de imágenes web (por ejemplo, “imágenes-web-boletines”).

Opciones de exportación HTML

En el cuadro de diálogo HTML, especifique las opciones siguientes.

General

determina si solo se exportan los elementos seleccionados o todo el documento. Si se selecciona un marco de texto, se exporta todo el artículo, incluido el texto desbordado.

Si se selecciona Documento, se exportan todos los elementos de página de todos los pliegos, excepto los elementos de página principal que no se han ignorado y los elementos de página de las capas invisibles. También se pasan por alto las etiquetas XML y los índices y tablas de contenido.

permite especificar el orden de lectura de los objetos de la página.

Según maquetación de página: la ubicación de los elementos en la página determina el orden de lectura.

Si se selecciona Según maquetación de página, InDesign determinará el orden de lectura de los objetos de la página mediante una búsqueda de izquierda a derecha y de arriba abajo. En algunos casos, especialmente en documentos complejos de varias columnas, los elementos de diseño podrán no aparecer a veces en el orden de lectura deseado. Utilice Dreamweaver para reorganizar y dar formato a los contenidos.

(Solo para las versiones de Asia) Si se selecciona Según maquetación de página, InDesign determinará el orden de lectura de los objetos de la página según la encuadernación del documento (de izquierda a derecha o de derecha a izquierda).

Igual que estructura XML: si se selecciona Igual que estructura XML, el panel de estructura XML controla el orden del contenido exportado y el contenido que se exporta. Si el contenido ya está etiquetado, puede limitarse a arrastrar las etiquetas en el panel de estructura XML para establecer el orden de exportación de XHTML. Si el contenido no está etiquetado, puede seleccionar Añadir elementos no etiquetados en el menú del panel Estructura para generar etiquetas que puede reordenar. Si desea excluir un elemento en la exportación, puede eliminar la etiqueta del panel Estructura XML. (Al eliminar una etiqueta no se elimina el contenido del archivo INDD). Consulte Etiquetado de elementos de página.

Igual que el panel Artículos: el orden de los elementos en el panel Artículos determina el orden de lectura. Solo se exportarán los artículos seleccionados. Consulte Selección de artículos para exportación.

permite seleccionar las opciones de formato para las viñetas y la numeración.

Viñetas: seleccione Asignar a lista sin ordenar para convertir párrafos con viñetas en elementos de lista, a los que se le da el formato HTML mediante la etiqueta. Seleccione Convertir a texto para dar formato mediante la etiqueta con caracteres de viñetas como texto. Si ha utilizado viñetas automáticas nativas de InDesign, también se incluirán las viñetas de segundo nivel (subviñetas).

Números: determina cómo se convierten los números en el archivo HTML. Si ha utilizado la numeración automática nativa de InDesign, también se incluirán las viñetas de segundo nivel (subviñetas)..

●  Asignar a listas ordenadas: convierte las enumeraciones en elementos de lista, con formato HTML mediante la etiqueta.

●  Convertir a texto: convierte listas numeradas en párrafos que comienzan con el número de párrafo actual como texto.

abre el navegador, si lo hay.

Imagen

especifica cuántas imágenes se exportarán a HTML.

Original: exporta la imagen original a la subcarpeta <document_name>-web-images. 

Optimizado: permite cambiar configuraciones para determinar cómo se exporta la imagen.

Vínculo a trazado de servidor: en lugar de exportar imágenes a una subcarpeta, esta opción le permite introducir una URL local (por ejemplo “imágenes/”) que aparece delante del archivo de imagen. En el código HTML, el atributo de vínculo muestra la ruta y la extensión que se indique. Esta opción es especialmente efectiva cuando se convierten imágenes en imágenes compatibles con la web.

marque esta casilla de verificación para que se hereden de la maquetación los atributos de objeto de las imágenes.

indica la resolución de las imágenes en píxeles por pulgada (ppp). Si bien los sistemas operativos se han estandarizado en 72 ppp o 96 ppp, los dispositivos móviles varían desde 132 ppp (iPad) a 172 ppp (Sony Reader) hasta más de 300 ppp (iPhone 4). Puede especificar un valor de ppp para cada objeto seleccionado. Las opciones para estos valores son 72, 96, 150 (valor medio para todos los dispositivos de libros electrónicos actuales) y 300.

permite indicar si el tamaño de imagen debe permanecer fijo o si debe redimensionarse respecto al texto de la página. Relativo al flujo de texto establece un valor de porcentaje relativo en función del flujo de texto respecto al ancho de la página en InDesign. Mediante esta opción, se cambia la escala de las imágenes proporcionalmente respecto al texto del área de lectura.

le permite indicar la alineación de la imagen: izquierda, centro y derecha. También puede especificar el relleno superior e inferior.

le permite elegir si las imágenes optimizadas del documento deben convertirse en GIF, JPEG o PNG. Elija Automática para que InDesign decida qué formato utilizar en cada caso. Si elige PNG, se desactivará la configuración de compresión de imágenes.; utilice PNG para imágenes sin pérdida o para imágenes con transparencia.

Permite controlar el modo en que InDesign administra los colores al optimizar archivos GIF. El formato GIF utiliza una paleta de color limitada, que no puede incluir más de 256 colores. Elija Adaptable (sin simulación) para crear una paleta con una muestra representativa de colores en el gráfico sin simulación (mezcla de pequeñas manchas de colores para simular otros colores). Seleccione web para crear una paleta de colores compatibles con la web que son un subconjunto de colores del sistema de Windows y macOS. Seleccione Sistema (Windows) o Sistema (Mac) para crear una paleta con la paleta de colores integrada del sistema. Si se selecciona esta opción, se pueden producir resultados inesperados.

Seleccione Entrelazar para cargar las imágenes progresivamente, rellenando las líneas que faltan. Si no se selecciona esta opción, la imagen aparecerá borrosa y se verá cada vez más nítida a medida que se acerca a la resolución completa.

determina el equilibrio entre la compresión (para tamaños de archivo más pequeños) y la calidad de imagen para cada imagen JPEG creada. Con el nivel bajo se crea el archivo más pequeño y la calidad de imagen menor.

determina la rapidez con la que se visualizan los gráficos JPEG cuando se abre en la web el archivo que contiene la imagen. Elija Progresivo para que las imágenes JPEG se muestren gradualmente y con un grado de detalle creciente mientras se descargan. (Los archivos que se creen con esta opción son ligeramente mayores y requieren más RAM para visualizarlos). Elija Línea de base para que cada archivo JPEG se muestre únicamente después de que se haya descargado; en su lugar, aparecerá un marcador de posición hasta que se vea el archivo.

Ignora las opciones de exportación de objetos aplicadas a cada imagen. Consulte Aplicación de las opciones de exportación de objetos.

Avanzado

Acceda al área Avanzado para configurar opciones de CSS y JavaScript. CSS (Cascading Style Sheets, hojas de estilo en cascada) es una colección de normas de formato que controla el aspecto del contenido de una página web. Cuando se utiliza CSS para dar formato a una página, el contenido se separa de la presentación. El contenido de la página (el código HTML) reside en el propio archivo HTML, mientras que las reglas CSS que definen la presentación del código residen en otro archivo (una hoja de estilos externa) o en el documento HTML (normalmente en la sección del encabezado). Por ejemplo, puede indicar diferentes tamaños de fuentes para el texto seleccionado, y puede utilizar CSS para controlar el formato y la posición de los elementos en el bloque de una página web.

seleccione esta opción si no desea incluir clases en HTML. Elimina los atributos de clase e identificación presentes en la etiqueta durante la exportación de HTML. Cualquier etiqueta div redundante presente en el HTML también se elimina.

seleccione esta opción para incluir clases en HTML.

Generar CSS: permite indicar si desea que InDesign genere una CSS para el archivo exportado. Si elige la opción Generar CSS, también puede seleccionar la opción Conservar modificaciones locales para incluir el formato local como cursiva o negrita.

Conservar modificaciones locales: permite incluir el formato local como cursiva o negrita.

Indique la URL de la hoja de estilo CSS externa, que normalmente es una URL relativa (por ejemplo “/estilos/estilo.css”). InDesign no comprueba si la CSS existe o es válida. Puede utilizar Dreamweaver para confirmar la configuración externa de la CSS.

seleccione Añadir script para ejecutar código JavaScript al abrir la página HTML. InDesign no comprueba si el JavaScript existe o es válido.