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. Novedades de Adobe Captivate
  3. Requisitos del sistema de Adobe Captivate
  4. Descargar Adobe Captivate
  5. Preguntas más frecuentes
  6. Actualizaciones de Adobe Captivate
    1. Notas de la versión de Adobe Captivate (actualización 12.6)
    2. Notas de la versión de Adobe Captivate (actualización 12.5)
    3. Notas de la versión de Adobe Captivate (actualización 12.4)
    4. Notas de la versión de Adobe Captivate (actualización 12.3)
    5. Notas de la versión de Adobe Captivate (actualización 12.2)
    6. Notas de la versión de Adobe Captivate (actualización 12.1)
  7. Configurar el acceso a direcciones URL para las funciones de Adobe Captivate
  8. Crear e implementar paquetes de Captivate en Admin Console
  9. 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
  10. 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
  11. Añadir bloques de texto
    1. Añadir texto a un proyecto
    2. Añadir fuentes de Adobe a un proyecto
  12. 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
  13. 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
  14. Añadir bloques de marca
    1. Añadir un encabezado a un proyecto
    2. Añadir un pie de página a un proyecto
  15. 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
  16. 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
  17. Añadir audio a un proyecto
    1. Añadir audio
    2. Añadir subtítulos opcionales
  18. 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
  19. Animaciones
    1. Añadir animaciones a un proyecto
  20. 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
  21. Personalizar la cronología
    1. Panel Cronología en Adobe Captivate
  22. Personalizar el índice y la barra de reproducción
    1. Índice en Adobe Captivate
  23. Editar las propiedades del proyecto
    1. Variables de Adobe Captivate
    2. Preferencias
    3. Dimensiones del proyecto
    4. Temas
  24. Crear un proyecto de simulación
    1. Simulación
  25. Vista previa de un proyecto
    1. Vista previa
  26. 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   
  27. Publicar un proyecto
    1. Publicar el proyecto

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?