Guía del usuario Cancelar

Añadir un widget de acordeón 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 un widget de acordeón que permite a los alumnos interactuar con el contenido haciendo clic en las secciones para mostrar información adicional.

¿Qué es un acordeón?

Un acordeón es una interfaz contraíble que organiza el contenido en secciones o fichas. Los alumnos pueden hacer clic para expandir una ficha, lo que muestra información mientras se mantienen ocultas el resto de fichas para conseguir una vista más centrada y ordenada.

Añadir un acordeón

Seleccione Añadir nuevo widget, y, a continuación, Acordeón.

Interfaz de adobe captivate que muestra el menú Agregar nuevo widget con la opción Acordeón resaltada
La opción de widget Acordeón en adobe captivate permite a los usuarios crear secciones de contenido contraíbles para experiencias de aprendizaje más organizadas e interactivas

Personalizar el widget de acordeón

Un acordeón incluye un título, un cuerpo, un subtítulo y botones de navegación. Además, también puede seleccionar los componentes dentro de cada ficha, como la imagen, el título, el subtítulo, el cuerpo y la tarjeta. También puede personalizar el fondo del widget con un color uniforme o una imagen, y añadir bordes y sombras.

  1. Añada el número de acordeones en el widget. Puede añadir un máximo de 20 acordeones.

    Interfaz que muestra la configuración del número de acordeones con un máximo de 20 acordeones disponibles en la sección Componentes de Propiedades visuales
    Interfaz que muestra la configuración del número de acordeones con un máximo de 20 acordeones disponibles en la sección Componentes de Propiedades visuales

  2. En la sección Componentes del panel Propiedades visuales, puede cambiar lo siguiente:

    • Título: seleccione esta opción para añadir un título al widget de acordeón.
    • Cuerpo: seleccione esta opción para añadir una breve descripción del procedimiento o los pasos que se tratarán en el acordeón.
    • Instrucción: seleccione esta opción para orientar a los alumnos sobre cómo interactuar con las fichas del acordeón.
    • Botones de navegación: seleccione los botones Anterior y Siguiente para permitir a los usuarios navegar entre las diapositivas.
  3. Expanda la sección Alineación y espaciado para ajustar el relleno o el espaciado del contenido. Use el regulador Anchura de contenido para alinear el contenido horizontalmente o establecer los valores de relleno individualmente. Use el regulador Espaciado de contenido para hacer el contenido más compacto o extenderlo.

    panel que muestra los controles deslizantes de Ancho del contenido y Espaciado del contenido para ajustar el diseño del acordeón
    Ajusta la alineación horizontal y el espaciado entre elementos del acordeón usando estos controles deslizantes para crear un diseño más compacto o expandido

    Además, seleccione cada componente dentro de cada ficha para ajustar su relleno. Obtenga más información sobre la adición de relleno en Adobe Captivate.

  4. Personalice el fondo del widget, el contenido dentro de cada ficha o el aspecto de la tarjeta. 

    En la sección Aspecto, puede personalizar el fondo del widget cambiando el tipo de borde, el color de fondo y la sombra interna.

    panel que muestra las opciones de personalización de fondo para el widget de acordeón con controles de tipo de borde, color y sombra interna
    Personaliza la apariencia del fondo del widget de acordeón ajustando el tipo de borde, el color de fondo y la configuración de sombra interna

  5. Expanda la sección Configuración para permitir que el conmutador pase automáticamente a la siguiente diapositiva una vez que todas las secciones del widget de acordeón se hayan visitado al menos una vez.

    Interruptor de configuración para habilitar la progresión automática a la siguiente diapositiva después de que se hayan visitado todas las secciones del acordeón
    Habilita la navegación automática a la siguiente diapositiva después de que los estudiantes hayan visto todas las secciones del acordeón

Personalizar cada ficha del acordeón

Cada pestaña del widget presenta un título, un icono de expansión/contracción, imágenes, encabezados, subencabezados, texto y una tarjeta. Para personalizar cada objeto dentro de cada ficha, selecciónelo.   

  1. En la sección Acordeón, seleccione los componentes dentro de una ficha, como Imagen, Título, Subtítulo, Cuerpo y Tarjeta.

    Componentes dentro de una pestaña de acordeón que muestran opciones de imagen, encabezado, subencabezado, cuerpo y tarjeta en el panel de Propiedades visuales
    La estructura de la pestaña de acordeón muestra cinco componentes personalizables que se pueden habilitar o deshabilitar según los requisitos del contenido

    • Imagen: seleccione esta opción para añadir una imagen dentro de la ficha. Puede añadir una imagen desde recursos o el sistema. Obtenga más información sobre cómo editar imágenes en Captivate. 
    • Encabezado: seleccione esta opción para añadir un título a cada ficha. 
    • Subencabezado: seleccione esta opción para obtener información adicional sobre el contenido de la ficha. 
    • Cuerpo: seleccione esta opción para añadir una descripción de texto del contenido en la ficha. 
    • Tarjeta: seleccione esta opción para añadir o eliminar la tarjeta alrededor del texto.  
  2. Seleccione Contenido en la configuración de Aspecto para cambiar el fondo del área de contenido dentro de una ficha.

    panel que muestra la opción Contenido seleccionada para personalizar el fondo del área de contenido de la pestaña de acordeón
    Personaliza el color de fondo del contenido, el borde y los efectos de sombra para distinguir visualmente el área de contenido de la pestaña de acordeón

  3. Seleccione Tarjeta en la configuración de Aspecto para personalizar la apariencia de la tarjeta.

    panel que muestra las opciones de color de fondo, borde y sombra para personalizar la apariencia del contenido del acordeón
    panel de Propiedades visuales con configuración de apariencia para personalizar elementos de tarjeta dentro de las pestañas de acordeón, incluyendo color de fondo, estilo de borde y efectos de sombra

  4. Para añadir un icono al acordeón, seleccione la ficha y actívela en la sección Componentes.

    Icono de expandir/contraer para widget de acordeón en adobe captivate
    Icono de acordeón personalizable que indica secciones de contenido expandibles para los estudiantes

    Personalice el aspecto del icono y la dirección en la que gira el icono cuando se selecciona. Puede cambiar el icono reemplazando el archivo SVG del sistema o los recursos. También puede permitir que los usuarios hagan clic en el cuadro delimitador del icono. Obtenga más información sobre cómo trabajar con archivos SVG en Captivate.

    Cuadro de diálogo que muestra opciones para reemplazar un icono de acordeón con un archivo SVG del sistema o activos, con casilla de verificación para habilitar clics en el cuadro delimitador del icono
    Reemplaza el icono del acordeón seleccionando un nuevo archivo SVG de tu sistema o biblioteca de activos, con la opción de hacer que el cuadro delimitador del icono sea activo

  5. Para mejorar la navegación de los alumnos, personalice los comportamientos de la ficha del acordeón para los estados normal, colocar el cursor y visitado.  Seleccione Mostrar para ver los estados. A continuación, seleccione cada estado y cambie su aspecto.

    Interfaz que muestra opciones de estado normal, al pasar el cursor y visitado para pestañas de acordeón con controles de personalización de apariencia
    Personaliza la apariencia de cada estado del acordeón ajustando el color, borde, radio de vértice y sombra para proporcionar comentario visual para las interacciones del estudiante

    Personalice el aspecto de cada estado ajustando su color, borde, radio de las esquinas y sombra para distinguirlo visualmente de los demás. Los estados le permiten modificar el comportamiento de un objeto en función de las interacciones de los alumnos. Obtenga más información sobre cómo utilizar estados en Adobe Captivate.

  6. Además, puede seleccionar objetos individuales y personalizar su aspecto en el panel Propiedades visuales.

    • Seleccione la imagen en la ficha del acordeón y, a continuación, elija una imagen o aplique filtros y otras personalizaciones.
    panel de Propiedades visuales que muestra la interfaz de selección de imágenes dentro de una pestaña de acordeón, con opciones para personalizar imágenes
    Selecciona la imagen en una pestaña de acordeón para acceder a las opciones de personalización, incluyendo filtros y otros ajustes visuales

    •  Seleccione cualquier texto dentro del acordeón y personalice la fuente, aplique preajustes, cambie el color y modifique otras opciones de formato.
    panel de opciones de formato de texto que muestra el menú desplegable de fuente, ajustes preestablecidos y configuración de color para personalizar el texto del acordeón
    Personaliza las propiedades del texto, incluyendo familia de fuente, tamaño, ajustes preestablecidos de formato y color para mejorar la legibilidad del contenido del acordeón.

    • Seleccione los botones para ver otras opciones de diseño disponibles o cambiar la forma, el texto o el aspecto del icono del botón.
    Panel de propiedades visuales que muestra las options de personalización de botón para el widget de acordeón con el menú desplegable de options de diseño expandido
    Personaliza la apariencia del botón seleccionando opciones de forma, estilo de texto e iconos a través del panel de propiedades visuales.

Agregar audio a cada pestaña

Mejora la interacción del widget agregando señales de audio cuando los estudiantes seleccionan una pestaña.El widget de acordeón admite un activador Expand que reproduce medios para cada interacción de pestaña.Aprende más sobre cómo agregar audio a las interacciones del widget.

Adobe, Inc.

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

¿Nuevo usuario?