Guía del usuario Cancelar

Añadir objetos web a un proyecto de Adobe Captivate

Aprenda a añadir objetos web a un proyecto de Captivate.

Información general

Los objetos web le permiten incrustar contenido externo, como contenidos multimedia HTML5, vídeos, páginas web, vínculos de transmisión de vídeo y archivos PDF, directamente en las diapositivas. Esta función mejora la interactividad y permite la integración de recursos de terceros. Los objetos web pueden añadirse mediante URL, códigos incrustados o PDF cargados, lo que ofrece flexibilidad en la inclusión de contenidos. Su aspecto es totalmente personalizable, con opciones para incluir subtítulos comunes u opcionales y botones interactivos, lo que garantiza una experiencia de usuario coherente y atractiva.

Temas de esta página:

Añadir un objeto web a una diapositiva

Existen tres métodos para añadir un objeto web en Adobe Captivate: puede añadir la URL de una página web, insertar un código de incrustación para un vídeo o un vínculo de transmisión de vídeo, o cargar un PDF desde el sistema.

  1. Seleccione Añadir bloques multimedia en la barra de herramientas de la izquierda.

  2. Seleccione Objeto web.

    Añadir un objeto web a una diapositiva

  3. En el panel Propiedades visuales, elija el número de objetos web que desea incluir en el bloque de contenido, con un máximo de dos por diapositiva.

  4. Añada componentes como subtítulos comunes u opciones, tarjetas o botones a través de la sección Componentes.

    • Subtítulos: añade marcadores de posición de texto dentro del bloque de contenido. 
    • Tarjeta: añade una tarjeta alrededor de los objetos web y actúa como contenedor. 
    • Botón: permite ocultar o mostrar el objeto web, y añadir interacciones y animaciones. 
    Añadir componentes en un objeto web

Añadir fuentes de objetos web

Seleccione el marcador de posición del objeto web en la diapositiva para ver las opciones de fuente en la sección Contenido para añadir el objeto web.

Fuente de objetos web

 Añadir una dirección URL como objeto web

Selecciona la opción URL en la sección Contenido para mostrar páginas web o un vídeo en línea en una diapositiva y, a continuación, copie y pegue la URL en el campo de dirección.

Añadir una dirección URL como objeto web

 La vista previa del objeto web aparece dentro del bloque de contenido. 

Añadir un código de incrustación como objeto web

Un código de incrustación es un fragmento de HTML o JavaScript proporcionado por plataformas externas que le permite integrar contenidos multimedia, como vídeos, elementos interactivos o widgets, en el proyecto.

Un código de incrustación le ayuda a incluir vídeos de un servidor de transmisión y le ofrece un mayor control sobre el tamaño, el diseño y el aspecto del objeto.

  1. Seleccione la opción Incrustar código.

  2. Copie el código de incrustación de YouTube, Vimeo o cualquier plataforma de transmisión de vídeo y péguelo.

    A continuación se muestra un ejemplo de código de incrustación de un vídeo de YouTube:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/pydJXGFsQ3A?si=Xn7kPDoNG9UduYX8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

    Al pegar el código de incrustación, aparece la vista previa en la diapositiva.

    Incrustar código desde YouTube

    Para utilizar toda el área del bloque de contenido del objeto web, edite el código de incrustación del iframe. Ajuste el código para establecer los atributos de anchura y altura en 100 %. Por ejemplo, width="100%" height="100%". Esto garantiza que el objeto web ocupe completamente el espacio disponible.

    Código de incrustación

Añadir un archivo PDF como objeto web

La incrustación de archivos PDF como objetos web en Adobe Captivate mejora el aprendizaje electrónico al proporcionar materiales complementarios, como guías u hojas de trabajo, directamente dentro de las diapositivas. 

  1. Seleccione la opción Sistema y, a continuación, seleccione el icono   para buscar un archivo PDF del sistema. Al publicar el proyecto, el documento PDF se copia en los archivos del proyecto.

    PDF como objeto web

  2. Seleccione Vista previa en la esquina superior derecha para comprobar cómo aparece el archivo PDF en diversos dispositivos en el tiempo de ejecución. Durante la vista previa, pruebe funciones clave como la búsqueda, el desplazamiento, las anotaciones y el almacenamiento del archivo.

    PDF en vista previa

Personalizar un objeto web

  1. Personalice el aspecto del bloque de contenido del objeto web en la sección Aspecto. Mejore su atractivo visual mediante el ajuste del color de fondo, la adición de bordes y la aplicación de sombras.

    Personalizar el aspecto de los objetos web

  2. En la sección Alineación y espaciado, puede ajustar la anchura del contenido mediante el regulador o añadir relleno entre el contenido y sus bordes. Obtenga más información sobre el relleno y los diseños automáticos en Adobe Captivate.

    Añadir alineación y espaciado para un objeto web

  3. Añada una tarjeta alrededor del objeto web. Seleccione la opción Tarjeta de Componentes y expanda la sección Tarjeta para cambiar el aspecto de la tarjeta.

    Tarjeta de objeto web

  4. Seleccione los componentes de texto Subtítulo opcional o Subtítulo para personalizar su aspecto. Puede ajustar el color del texto, aplicar realces o sombras, añadir viñetas o numeración y elegir un estilo del panel Ajustes preestablecidos.

    Personalizar el texto de un objeto web

  5. Seleccione el componente Botón para personalizar su diseño o añadir relleno. Puede modificar su forma, texto, icono, color o borde, o añadir sombras para darle un aspecto personalizado.

    Personalizar el botón de un objeto web

Prácticas recomendadas para utilizar objetos web en proyectos de aprendizaje electrónico 

Para garantizar que los contenidos incrustados, como vídeos y vínculos a contenidos multimedia externos, funcionen sin problemas y de forma segura dentro del proyecto de aprendizaje electrónico, siga estas prácticas recomendadas: 

  • Utilizar HTTPS: utilice siempre HTTPS para obtener conexiones seguras y cifradas con el fin de proteger los datos de los usuarios y garantizar la compatibilidad con los navegadores actuales.  
  • Comprobar si hay clickjacking: se trata de una amenaza para la seguridad y Captivate no admite la redirección a un sitio web diferente. 
  • Comprobar la compatibilidad del navegador: pruebe el contenido incrustado en diferentes navegadores para asegurarse de que se muestra y funciona correctamente para todos los usuarios. 
  • Confirmar el contenido legal y desbloqueado: utilice fuentes legales y de confianza para los medios incrustados y compruebe periódicamente que los vínculos siguen funcionando y que se puede acceder a ellos en las regiones pertinentes. 
  • Garantizar el cumplimiento de CORS: asegúrese de que los recursos externos admiten CORS (intercambio de recursos de origen cruzado) para evitar las restricciones de los navegadores a los contenidos incrustados de diferentes fuentes. 
  • Probar la compatibilidad del dispositivo: compruebe que el contenido incrustado responde correctamente en tabletas y dispositivos móviles para disfrutar de una experiencia fluida en todos los tamaños de pantalla. 
  • Comprobar si hay bloqueo de scripts: pruebe el contenido con el bloqueo de scripts activado y trabaje con su equipo para implementar soluciones alternativas si se bloquea el contenido esencial. 

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

¿Nuevo usuario?