Guía del usuario Cancelar

Añadir objetos web a un proyecto de Adobe Captivate

  1. Guía del usuario de Captivate
  2. Introducción a Captivate
    1. Novedades de Adobe Captivate
    2. Requisitos del sistema de Adobe Captivate
    3. Actualizaciones de Adobe Captivate
      1. Notas de la versión de Adobe Captivate (actualización 12.5)
      2. Notas de la versión de Adobe Captivate (actualización 12.4)
      3. Notas de la versión de Adobe Captivate (actualización 12.3)
      4. Notas de la versión de Adobe Captivate (actualización 12.2)
      5. Notas de la versión de Adobe Captivate (actualización 12.1)
    4. Descargar Adobe Captivate
    5. Preguntas más frecuentes
  3. Añadir una diapositiva
    1. Navegador de diapositivas en Adobe Captivate
    2. Añadir una diapositiva de conversación
    3. Añadir personajes al proyecto de Adobe Captivate
    4. Editar la imagen de fondo de una diapositiva
    5. Añadir relleno a bloques de contenido y componentes
    6. Crear un proyecto de desplazamiento largo
  4. Opciones de diseño en Adobe Captivate
    1. ¿Qué son las opciones de diseño?
    2. Partes de una opción de diseño
    3. Crear opciones de diseño personalizado
    4. Modificar una opción de diseño personalizada
    5. Exportar una opción de diseño personalizada
    6. Importar una opción de diseño personalizada
  5. Añadir bloques de texto
    1. Añadir texto a un proyecto
    2. Añadir fuentes de Adobe a un proyecto
  6. Añadir bloques multimedia
    1. Añadir imágenes a un proyecto
    2. Añadir vídeos a un proyecto
    3. Añadir citas
    4. Añadir SVG a un proyecto
    5. Añadir objetos web a un proyecto
  7. Componentes interactivos
    1. Añadir un botón
    2. Añadir un campo de entrada
    3. Añadir un grupo de botones de opción
    4. Añadir un menú desplegable
    5. Añadir una casilla de verificación
  8. Añadir bloques de marca
    1. Añadir un encabezado a un proyecto
    2. Añadir un pie de página a un proyecto
  9. Widgets
    1. Añadir una tarjeta
    2. Añadir fichas
    3. Agregar un certificado
    4. Añadir un carrusel
    5. Añadir una zona interactiva
    6. Añadir arrastrar y soltar
    7. Añadir una cronología
    8. Añadir Pulsar para revelar
    9. Añadir un acordeón
  10. Crear pruebas
    1. Añadir una pregunta de opción múltiple
    2. Añadir una pregunta de verdadero o falso
    3. Añadir una pregunta de asociar columnas
    4. Añadir una pregunta de respuesta corta
    5. Añadir una pregunta de secuencia
    6. Añadir grupos de preguntas y diapositivas de preguntas aleatorias
    7. Importación de preguntas como CSV
  11. Añadir audio a un proyecto
    1. Añadir audio
    2. Añadir subtítulos opcionales
  12. Interacciones
    1. Añadir interacciones a un proyecto
    2. Crear un vídeo interactivo con superposición
    3. Crear una interacción de nivel de diapositiva
    4. Crear una interacción de nivel de objeto
  13. Animaciones
    1. Añadir animaciones a un proyecto
  14. Accesibilidad
    1. Hacer accesible un proyecto
  15. Personalizar la cronología
    1. Panel Cronología en Adobe Captivate
  16. Personalizar el índice y la barra de reproducción
    1. Índice en Adobe Captivate
  17. Editar las propiedades del proyecto
    1. Variables de Adobe Captivate
    2. Preferencias
    3. Dimensiones del proyecto
    4. Temas
  18. Crear un proyecto de simulación
    1. Simulación
  19. Vista previa de un proyecto
    1. Vista previa
  20. Compartir un proyecto para revisión
    1. Uso compartido para su revisión
    2. Preguntas frecuentes y guía de solución de problemas para compartir proyectos para su revisión   
  21. Publicar un proyecto
    1. Publicar el proyecto
  22. Actualizar proyectos en Adobe Captivate
    1. Actualizar proyectos a la versión más reciente 

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?