Guía del usuario Cancelar

Exportar contenido como HTML5

Conozca cómo exportar una página, un pliego o un objeto seleccionado en formato HTML5.

Exportar un documento InDesign en HTML5 garantiza la compatibilidad en plataformas múltiples y respalda el contenido interactivo completo, la mejora de la participación del usuario y la accesibilidad. También mejora la optimización de los motores de búsqueda y el rendimiento de los sitios web. Al exportar contenido como HTML5, puede controlar el modo de exportación del texto.

Exportar paquete HTML5

  1. Seleccione Archivo > Exportar.

  2. Seleccione HTML5 en Guardar como tipo (Windows) o Formato (macOS).

  3. Seleccione Usar nombre del documento de InDesign como nombre del archivo de salida si quiere el mismo nombre de archivo y seleccione Guardar.

  4. Seleccione Etiquetas de texto HTML o Etiquetas HTML SVG, según lo requiera, en el cuadro de diálogo Exportar paquete HTML5. Para copiar fuentes, seleccione  Copiar fuentes (excepto las activadas desde Adobe Fonts) . Esto incluye las fuentes CJK.

    Diálogo Exportar paquete HTML5
    Ya puede exportar su documento de InDesign como paquete HTML5.

  5. Seleccione Exportar.

Exportar HTML5: las propiedades clave se aplican desde el cuadro de diálogo Publish Online. 

Título

Este valor se utiliza para nombrar la carpeta exportada.

Descripción

No exportado.

Páginas

Se define en el cuadro de diálogo Publish Online. Si exporta directamente desde Archivo > Exportar > HTML5, se incluirán todas las páginas.

Exportar como

  • Única: las páginas se exportan como archivos HTML individuales, y cada una se vincula al elemento index.html principal.
  • Pliego: los pliegos se exportan como archivos HTML individuales, y cada uno se vincula al elemento index.html principal.

Habilitar la protección con contraseña

No aplicable.

Miniatura de la portada

La miniaturas se incluyen en el paquete HTML5.

Configuración de imagen

Se aplica la configuración del cuadro de diálogo Publish Online.

Configuración de descarga de PDF

No aplicable.

Más opciones de configuración

No aplicable.

Google Analytics

Si se ha incluido una etiqueta de Google Analytics en el cuadro de diálogo Publish Online, este se añadirá al archivo index.html de la exportación HTML5. Cuando aloje las páginas en su sitio web, asegúrese de obtener el consentimiento de los usuarios mediante un banner sobre las cookies, si es necesario.

Soluciones rápidas para solventar problemas de renderizado de HTML5

  • Si ha usado la opción etiquetas de texto HTML, no olvide seleccionar la opción Copiar fuentes durante la exportación.
  • Si ha seleccionado la opción Copiar fuentes, compruebe si la causa del problema sigue siendo que falta una fuente. Pruebe la opción Etiquetas HTML SVG para confirmar que el problema no está relacionado con las fuentes.
  • Si, efectivamente, el problema está relacionado con las fuentes y la opción Etiquetas HTML SVG no parece contener errores, compruebe si las fuentes que ha utilizado en el documento de InDesign se han exportado y se han ubicado en la carpeta de fuentes del paquete. De no ser así, es posible que tenga que copiar las fuentes y ponerlas en la carpeta manualmente. 
  • Si el problema persiste tras colocar las fuentes, póngase en contacto con el equipo de Asistencia al cliente.
Nota:

El uso de fuentes en sitios web debe cumplir los términos de la licencia de las fuentes. Es posible que haga falta una licencia diferente para alojar las fuentes de forma autónoma para un sitio web.

Diferencia entre los paquetes HTML5 y HTML (heredado)

Los paquetes HTML5 tienen el objetivo de imitar el diseño del archivo de InDesign en el resultado en HTML5 desde el primer momento. Por su parte, el enfoque HTML (heredado) parte de la base al crear HTML a partir de archivos de InDesign, y sus similitudes con el diseño del archivo original son limitadas.

Problemas conocidos

  • Los efectos en el texto, como sombra paralela, desenfoque, etc., no se exportan correctamente.

Solución: seleccione Etiquetas HTML SVG en lugar de Etiquetas de texto HTML para exportar texto.

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?