Guía del usuario Cancelar

Exportación del contenido a HTML (heredado)

Conozca cómo exportar una página, un pliego o un objeto seleccionado en formato HTML (heredado).

Exportar a HTML convierte fácilmente su contenido de InDesign a un formato listo para la web. Al exportar contenido a 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.

Exportación a HTML (heredado)

  1. Si no va a exportar todo el documento, seleccione los marcos de texto, el intervalo de texto, las celdas de tablas o los gráficos que desee exportar.
  2. Seleccione Archivo > Exportar y seleccione HTML (heredado) en Guardar como tipo (Windows) o Formato (macOS).

  3. Especifique el nombre y la ubicación del documento HTML y luego seleccione Guardar.

  4. En el cuadro de diálogo Opciones de exportación HTML, indique las opciones que desee de las áreas General, Imagen y Opciones avanzadas; a continuación, seleccione OK.

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 a HTML

General

Pestaña general que muestra varias opciones
Opciones generales

Exportar

Determina si solo se exportan los elementos seleccionados o todo el documento.

  • Si se selecciona un marco de texto, todo el artículo se exporta (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.

Orden del contenido

Especifica el orden de lectura de los objetos de la página.

  • Según diseño de página: la ubicación de los elementos en la página determina el orden de lectura. InDesign determinará el orden de lectura de los objetos de la página mediante la búsqueda de izquierda a derecha y de arriba abajo. (Solo para las versiones de Asia) InDesign determina 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 la estructura XML: el orden de las etiquetas de la visualización de estructura determina el orden de lectura. 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. 

Opciones de formato

  • 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 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. Seleccione Asignar a listas ordenadas para convertir listas numeradas en elementos de lista, a los que se le da el formato HTML mediante etiqueta. Seleccione Convertir a texto para convertir listas numeradas en párrafos que comienzan con el número de párrafo actual como texto.

 

Ver HTML tras la exportación

Abre el navegador, si lo hay.

Imagen

Opciones de Imagen
Opciones de imagen

Copiar imágenes

Especifica cómo se exportarán a HTML las imágenes.

  • Original: exporta la imagen original a la subcarpeta “<nombre_documento>-web-images”. 
  • Optimizado: permite cambiar configuraciones para determinar cómo se exporta la imagen.
  • Vínculo a trazado de servidor: esta opción le permite introducir una URL local (por ejemplo “imágenes/”) que aparece delante del archivo de imagen, en lugar de exportar imágenes a una subcarpeta. 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.

Conservar apariencia del diseño (para objetos gráficos o multimedia)

Seleccione esto para que se hereden de la maquetación los atributos de objeto de las imágenes.

Resolución

Especifique la resolución de las imágenes en píxeles por pulgada (ppp). Cuanto mayor sea el número, mejor será la resolución. 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 seleccionar 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.

Tamaño de la imagen

Especifica si el tamaño de la 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 a la anchura 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.

Espaciado y alineación de imagen

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

Conversión de imágenes

Indique si las imágenes optimizadas del documento deben convertirse a GIF, JPEG o PNG. Seleccione Automática si quiere que InDesign decida qué formato utilizar en cada caso.

Opciones GIF

  • Paleta: 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. Seleccione 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. Esta opción puede producir resultados inesperados.
  • Entrelazar: cargue las imágenes progresivamente rellenando las líneas que faltan. La imagen aparece borrosa y se vuelve más nítida conforme alcanza la resolución completa si anula la selección de esta opción.

Opciones JPEG

  • Calidad de imagen: 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 de tamaño y calidad menor.
  • Método de formato: especifique la rapidez con la que se visualizan los gráficos JPEG cuando se abre en la Web el archivo que contiene la imagen. Seleccione Progresivo para que las imágenes JPEG se muestren gradualmente y con un grado de detalle creciente mientras se descargan. Seleccione Línea de base para que cada archivo JPEG se muestre únicamente después de que se haya descargado. Aparecerá un marcador de posición hasta que se descargue la imagen.

Ignorar configuración de exportación de objeto

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

Avanzado

Opciones avanzadas
Opciones avanzadas

No incluir clases en HTML

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.

Incluir clases en HTML

Seleccione esta opción para incluir clases en HTML.

  • Generar CSS: permite indicar si desea que InDesign genere una CSS para el archivo exportado. 
  • Conservar modificaciones locales: permite incluir el formato local como cursiva o negrita.

Añadir hoja de estilos

Especifique 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.

Opciones JavaScript

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.

Exportaciones de InDesign

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.

InDesign no 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).

Temas similares

¿Alguna pregunta o idea?

Pregunte a la comunidad

Si tiene alguna pregunta o una idea que compartir, entre y participe en la Comunidad de Adobe InDesign. Nos gustaría conocer sus comentarios y ver sus creaciones.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?