Superposiciones de contenido web

La superposición Contenido web le permite ver una página web dentro de un área de vista. Los usuarios pueden ver el contenido de la página web en el área de vista sin tener que mostrar un navegador independiente. Puede especificar una URL web o un archivo HTML local. Tenga en cuenta lo siguiente:

  • Si especifica un archivo HTML local, asegúrese de que el archivo .html y sus carpetas y archivos asociados aparecen en la misma carpeta. Cuando el contenido de un artículo se crea, se cargan todos los archivos de la misma carpeta que el archivo .html, por lo que es conveniente limitar esa carpeta HTML solo a los recursos necesarios. Por ejemplo, si se agrega al archivo .html a la carpeta de documentos, todos los archivos y subcarpetas de dicha carpeta se cargan.
  • Para cualquier URL que se redireccione a una URL móvil automáticamente, especifique la URL móvil (como http://mobile.twitter.com/) y no la URL original (como http://twitter.com).
  • Si especifica una animación HTML para una superposición de contenido web, establezca la superposición en Reproducción automática con un retraso mínimo (por ejemplo, 0,125 segundos) para asegurarse de que la animación se reproduzca correctamente. Al establecer un retraso, se evita la superposición de la reproducción automática cuando la página se carga en memoria.
  • En InDesign CS6 o posterior, puede utilizar el comando Insertar HTML para insertar el código incrustado de un clip de YouTube. Para obtener los mejores resultados, edite el código incrustado de Youtube para que incluya “src=https://www.youtube.com” en lugar de “src=//www.youtube.com”. Configure la superposición con el valor Reproducción automática y añada una imagen de póster delante de la superposición.  

Para crear una superposición de contenido web:

  1. Lleve a cabo una de las siguientes acciones:

    • Con la herramienta Rectángulo o Marco rectangular, arrastre para crear el marco que mostrará el contenido web.

    • Coloque una imagen que actúe como póster para el contenido web.

  2. Seleccione el marco y, después, elija Contenido web en el panel Overlays/Folio Overlays.

  3. Lleve a cabo una de las siguientes acciones:

    • Para especificar una URL, escriba o pegue la URL en el campo Elementos. Escriba toda la URL, incluida la parte “http://”.

    • Para utilizar archivos HTML locales, haga clic en el icono de carpeta y especifique el archivo HTML local. El archivo HTML (como index.html) debe aparecer en una carpeta que incluya cualquier imagen o secuencia de comandos que se utilice en el archivo HTML.

  4. Especifique cualquiera de las siguientes opciones:

    Reproducción automática

    Seleccione esta opción para cargar la página web una vez se haya cargado la página en el dispositivo móvil. También puede especificar el número de segundos de retraso. Si su HTML de destino es una animación que se reproduce, especifique un retraso mínimo.

    Fondo transparente

    Si esta opción está seleccionada, se conserva el fondo transparente de una página web. Los usuarios pueden ver a través de la transparencia para ver el contenido de DPS en segundo plano. Si está opción no está seleccionada, se utiliza el fondo de contenido web.

    Permitir interacción de los usuarios

    Si esta opción está seleccionada, los usuarios pueden interactuar con la página web. Por ejemplo, pueden tocar un hipervínculo para ir a otra página web.

    Escalar contenido para encajar

    Si esta opción está seleccionada, se aplica una escala a la página web para que se ajuste al tamaño especificado en el archivo de superposición. Si esta opción no está seleccionada, se muestra la página web con el mismo tamaño que aparecería en el navegador del dispositivo; además, la página HTML puede aparecer cortada.

    Permitir acceso a información de asignación de derechos

    Puede crear una superposición de contenido web que haga referencia a la Reading API para usar funciones como Camera API, Geolocation API, sugerencias de suscripción digitales y calendarios. (En el panel Overlays, esta opción se llama “Permitir el acceso a la API”). Para obtener información detallada, consulte Uso de las API de HTML y JavaScript para ampliar DPS.

    Además de seleccionar esta opción para la superposición, puede añadir una API de JavaScript personalizada al código HTML.

    También puede crear este tipo de contenido condicional de HTML para un artículo HTML en lugar de para una superposición de contenido web. Para un artículo HTML, seleccione la opción “Permitir acceso a información de asignación de derechos” en el Editor de Folio Producer.

 Adobe

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

¿Nuevo usuario?