- Guía del usuario de Captivate
- Introducción a Captivate
- Novedades de Adobe Captivate
- Requisitos del sistema de Adobe Captivate
- Actualizaciones de Adobe Captivate
- Descargar Adobe Captivate
- Preguntas más frecuentes
- Añadir una diapositiva
- Opciones de diseño en Adobe Captivate
- Añadir bloques de texto
- Añadir bloques multimedia
- Componentes interactivos
- Añadir bloques de marca
- Widgets
- Crear pruebas
- Añadir audio a un proyecto
- Interacciones
- Animaciones
- Accesibilidad
- Personalizar la cronología
- Personalizar el índice y la barra de reproducción
- Editar las propiedades del proyecto
- Crear un proyecto de simulación
- Vista previa de un proyecto
- Compartir un proyecto para revisión
- Publicar un proyecto
- Actualizar proyectos en 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:
-
Seleccione Añadir bloques multimedia en la barra de herramientas de la izquierda.
-
Seleccione Objeto web.
-
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.
-
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.
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.
-
Seleccione la opción Incrustar código.
-
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.
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.
-
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. -
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.
-
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.
-
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ñ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.
-
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.
-
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.
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.