Guía del usuario Cancelar

Añadir un widget de acordeón a un proyecto de Adobe Captivate

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.

Añadir un acordeón

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.

    Seleccionar el número de acordeones en la diapositiva

  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.

    Ajustar la alineación y el espaciado de un widget de acordeón

    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.

    Cambiar el aspecto de un widget de acordeón

  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.

    Activar el conmutador para pasar a la siguiente diapositiva cuando se complete el 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 de una ficha de acordeón
    Componentes de un acordeón

    • 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.

    Cambiar el fondo del área de contenido
    Cambiar el aspecto de un acordeón

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

    Personalizar el aspecto de la tarjeta dentro de una ficha del acordeón
    Cambie el aspecto de la tarjeta alrededor del contenido en un acordeón

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

    Personalizar el icono del acordeón
    Activar el icono del acordeón

    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.

    Personalizar el icono reemplazando el archivo SVG o cambiando su aspecto
    Reemplazar el archivo SVG de icono de un acordeón

  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.

    Personalizar los estados del acordeón
    Cambiar el aspecto de cada estado de un acordeón

    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.
    Personalizar la imagen dentro de un acordeón
    Personalizar cada objeto desde el panel Propiedades visuales

    •  Seleccione cualquier texto dentro del acordeón y personalice la fuente, aplique preajustes, cambie el color y modifique otras opciones de formato.
    Personalizar texto dentro de una ficha del acordeón
    Personalizar texto en un 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.
    Personalizar los botones de un acordeón
    Personalizar los botones del widget de acordeón

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

¿Nuevo usuario?