Guía del usuario Cancelar

Añadir objetos web a un proyecto de Adobe Captivate

  1. Guía del usuario de Captivate
  2. Familiarícese con Captivate
    1. Novedades de Adobe Captivate
    2. Requisitos del sistema de Adobe Captivate
    3. Descargar Adobe Captivate
    4. Preguntas más frecuentes
  3. Versiones de Adobe Captivate
    1. Adobe Captivate 13
      1. Notas de la versión de Adobe Captivate (13.0)
    2. Adobe Captivate 12
      1. Resumen de Adobe Captivate 12
      2. Notas de la versión de Adobe Captivate (actualización 12.6)
      3. Notas de la versión de Adobe Captivate (actualización 12.5)
      4. Notas de la versión de Adobe Captivate (actualización 12.4)
      5. Notas de la versión de Adobe Captivate (actualización 12.3)
      6. Notas de la versión de Adobe Captivate (actualización 12.2)
      7. Notas de la versión de Adobe Captivate (actualización 12.1)
  4. Configuración del proyecto
    1. Navegador de diapositivas
    2. Dimensiones del proyecto
    3. Configuración de preferencias
      1. Preferencias generales
      2. Preferencias de IA generativa
      3. Preferencias del proyecto
      4. Preferencias de prueba
    4. Temas
    5. Configurar el acceso a direcciones URL para las funciones de Adobe Captivate
  5. Importación desde PowerPoint
    1. Importar presentaciones de PowerPoint a Captivate
    2. Trabajar con texto en diapositivas importadas
    3. Trabajar con formas en diapositivas importadas
    4. Agregar medios a diapositivas importadas
    5. Agregar interacciones y animaciones a diapositivas importadas
  6. IA generativa en Adobe Captivate
    1. Información general sobre la IA generativa
    2. Preguntas frecuentes sobre IA generativa
    3. Créditos generativos
    4. Generar texto 
      1. Información general sobre la generación de texto
      2. Escribir indicaciones efectivas para la generación de texto
      3. Generar texto usando indicaciones rápidas
      4. Generar texto usando indicaciones personalizadas
      5. Proporcionar comentarios para mejorar la generación de texto
    5. Generar imágenes
      1. Información general sobre la generación de imágenes
      2. Generar imágenes usando indicaciones
      3. Elige el tipo de contenido de imagen: foto o arte
      4. Usar imágenes de referencia para composición y estilo
      5. Mejores prácticas para la generación efectiva de imágenes
      6. Proporcionar comentarios para mejorar la generación de imágenes
    6. Generar avatar
      1. Información general sobre la generación de avatares
      2. Personalizar el avatar
      3. Crear transcripciones para la narración del avatar
      4. Generar narración de avatar
      5. Proporcionar comentarios para mejorar la generación de avatar
    7. Generar transcripciones
      1. Información general sobre la generación de transcripciones
      2. Generar transcripciones para subtítulos opcionales
      3. Prácticas recomendadas para utilizar transcripciones de forma eficaz
  7. Agregar y editar texto
    1. Añadir texto a un proyecto
    2. Añadir fuentes de Adobe a un proyecto
    3. Añadir citas
  8. Añadir y editar imágenes
    1. Añadir imágenes a un proyecto
    2. Editar la imagen de fondo de una diapositiva
    3. Añadir SVG a un proyecto
  9. Añadir y editar medios
    1. Añadir vídeos a un proyecto
    2. Añada y edite audio
    3. Agregar audio para interacciones de widgets
    4. Añadir subtítulos opcionales
    5. Añadir objetos web a un proyecto
  10. 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
    6. Variables de Adobe Captivate
  11. 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
  12. Adición de 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
  13. Interacciones y animaciones
    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
    5. Añadir animaciones a un proyecto
    6. Estados en Adobe Captivate
  14. Mejora tu proyecto de aprendizaje electrónico
    1. Añadir relleno a bloques de contenido y componentes
    2. Añadir un encabezado a un proyecto
    3. Añadir un pie de página a un proyecto
    4. Crear un proyecto de desplazamiento largo
    5. Añadir una diapositiva de conversación
    6. Agregue personajes a su proyecto de Adobe Captivate
    7. Recursos de Captivate
  15. Proyectos de simulación
    1. Descripción general y configuración de la simulación
    2. Modo de demostración
    3. Modo de formación
    4. Modo de evaluación
    5. Grabación de movimiento completo
  16. Cronología y tabla de contenido
    1. Panel Cronología en Adobe Captivate
    2. Índice en Adobe Captivate
  17. Revisar y colaborar
    1. Uso compartido para su revisión
    2. Crear y gestionar revisiones
    3. Añadir comentarios de revisión y colaborar
    4. Preguntas frecuentes y guía de solución de problemas para compartir proyectos para su revisión   
  18. Previsualizar y publicar
    1. Previsualizar el proyecto
    2. Publicar el proyecto
  19. Accesibilidad
    1. Creación de contenido accesible de aprendizaje electrónico en Adobe Captivate
    2. Hacer que una diapositiva sea accesible
    3. Agregar accesibilidad a los objetos de la diapositiva
    4. Hacer que un componente interactivo sea accesible
    5. Crear un widget accesible
    6. Hacer accesible un cuestionario
    7. Accesibilidad al índice y a la barra de reproducción
  20. 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
  21. Recursos adicionales
    1. Principales tutoriales en Captivate
    2. Captivate Classic frente a Adobe Captivate
    3. Actualizar proyectos más antiguos de Captivate a la versión más reciente
    4. Crear e implementar paquetes de Captivate en Admin Console

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. Selecciona Vista previa desde la esquina superior derecha para comprobar cómo aparece el pdf en diferentes vistas de dispositivos durante la ejecución.

  3. Selecciona los iconos Descargar   e Imprimir   para confirmar que ambas funciones funcionan según lo esperado.

    Interfaz de vista previa de Captivate que muestra el objeto web pdf con botones de Imprimir y Descargar
    Verifica las funciones de Descargar e Imprimir durante la 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. 

Adobe, Inc.

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

¿Nuevo usuario?