Guia do Usuário Cancelar

Adicionar um widget accordion a um projeto do Adobe Captivate

  1. Guia do Usuário do Captivate
  2. Conheça o Captivate
    1. Novidades do Adobe Captivate
    2. Requisitos de sistema do Adobe Captivate
    3. Download do Adobe Captivate
    4. Perguntas frequentes
  3. Lançamentos do Adobe Captivate
    1. Adobe Captivate 13
      1. Notas de versão do Adobe Captivate (13.0)
    2. Adobe Captivate 12
      1. Resumo do Adobe Captivate 12
      2. Notas de versão do Adobe Captivate (atualização 12.6)
      3. Notas de versão do Adobe Captivate (atualização 12.5)
      4. Notas de versão do Adobe Captivate (atualização 12.4)
      5. Notas de versão do Adobe Captivate (atualização 12.3)
      6. Notas de versão do Adobe Captivate (atualização 12.2)
      7. Notas de versão do Adobe Captivate (atualização 12.1)
  4. Configuração do Projeto
    1. Navegador de slides
    2. Dimensões do projeto
    3. Definir preferências
      1. Preferências gerais
      2. Preferências de IA generativa
      3. Preferências do projeto
      4. Preferências de criação de quiz
    4. Temas
    5. Configurar acesso por URL a recursos do Adobe Captivate
  5. Importar do PowerPoint
    1. Importar apresentações do PowerPoint para o Captivate
    2. Trabalhar com texto nos slides importados
    3. Trabalhar com formas nos slides importados
    4. Adicionar mídia aos slides importados
    5. Adicionar interações e animações aos slides importados
  6. IA Generativa no Adobe Captivate
    1. Visão geral sobre IA generativa
    2. Perguntas frequentes sobre IA generativa
    3. Créditos generativos
    4. Gerar texto 
      1. Visão geral sobre geração de texto
      2. Escrever prompts eficazes para geração de texto
      3. Gere texto usando prompts rápidos
      4. Gerar texto usando prompts personalizados
      5. Fornecer comentários para melhorar a geração de texto
    5. Gerar imagens
      1. Visão geral sobre geração de imagens
      2. Gerar imagens usando prompts
      3. Escolher tipo de conteúdo da imagem - Foto ou Arte
      4. Usar imagens de referência para Composição e Estilo
      5. Melhores práticas para geração eficaz de imagens
      6. Fornecer comentários para melhorar a geração de imagens
    6. Gerar avatar
      1. Visão geral sobre geração de avatares
      2. Personalizar o avatar
      3. Criar transcrições para narração do avatar
      4. Gerar narração de avatar
      5. Fornecer comentários para melhorar a geração de avatar
    7. Gerar transcrições
      1. Visão geral da geração de transcrições
      2. Gerar transcrições para legendas codificadas
      3. Práticas recomendadas para usar transcrições com eficácia
  7. Adicionar e editar texto
    1. Adicionar texto a um projeto
    2. Adicionar Adobe Fonts a um projeto
    3. Adicionar citações
  8. Adicionar e editar imagens
    1. Adicionar imagens a um projeto
    2. Editar a imagem de plano de fundo em um slide
    3. Adicionar SVGs a um projeto
  9. Adicionar e editar mídia
    1. Adicionar vídeos a um projeto
    2. Adicione e edite áudio
    3. Adicionar áudio para interações de widgets
    4. Adicionar legendas ocultas
    5. Adicionar objetos da Web a um projeto
  10. Componentes interativos
    1. Adicionar um botão
    2. Adicionar um campo de entrada
    3. Adicionar um grupo de botões de opção
    4. Adicionar uma lista suspensa
    5. Adicionar uma caixa de seleção
    6. Variáveis no Adobe Captivate
  11. Criar quizzes
    1. Adicionar uma pergunta de múltipla escolha
    2. Adicionar uma pergunta do tipo Verdadeiro ou Falso
    3. Adicionar a pergunta do tipo Corresponder à coluna
    4. Adicionar uma pergunta de resposta curta
    5. Adicionar uma pergunta sequência
    6. Adicionar pools de perguntas e slides com pergunta aleatórios
    7. Importar perguntas como CSV
  12. Adicionar widgets
    1. Adicione um cartão
    2. Adicionar Guias
    3. Adicionar um certificado
    4. Adicione um carrossel
    5. Adicionar um ponto ativo
    6. Adicionar Arrastar e Soltar
    7. Adicionar uma linha do tempo
    8. Adicionar Clique para Revelar
    9. Adicionar um accordion
  13. Interações e animações
    1. Adicionar interações a um projeto
    2. Criar vídeo interativo com sobreposição
    3. Criar uma interação em nível de slide
    4. Criar uma interação em nível de objeto
    5. Adicionar animações a um projeto
    6. Estados no Adobe Captivate
  14. Aprimore seu projeto de e-learning
    1. Adicionar preenchimento a blocos e componentes de conteúdo
    2. Adicionar um cabeçalho a um projeto
    3. Adicionar um rodapé a um projeto
    4. Criar um projeto de rolagem longa
    5. Adicionar um slide de conversa
    6. Adicione personagens ao seu projeto do Adobe Captivate.
    7. Ativos no Captivate
  15. Projetos de simulação
    1. Visão geral e configuração da simulação
    2. Modo de demonstração
    3. Modo de treinamento
    4. Modo de avaliação
    5. Gravação full-motion
  16. Linha do tempo e sumário
    1. Painel Linha do Tempo no Adobe Captivate
    2. Sumários no Adobe Captivate
  17. Revisar e colaborar
    1. Compartilhar para revisão
    2. Criar e gerenciar revisões
    3. Adicionar comentários de análise e colaborar
    4. Perguntas frequentes e guia de solução de problemas para compartilhar projetos para revisão   
  18. Visualizar e publicar
    1. Visualizar seu projeto
    2. Publicar o projeto
  19. Acessibilidade
    1. Criar conteúdo de e-learning acessível no Adobe Captivate
    2. Tornar um slide acessível
    3. Tornar objetos do slide acessíveis
    4. Tornar um componente interativo acessível
    5. Tornar um widget acessível
    6. Tornar um de quiz acessível
    7. Sumário e acessibilidade da Barra de Reprodução
  20. Opções de design no Adobe Captivate
    1. O que são opções de design?
    2. Partes de uma opção de design
    3. Criar opções de design personalizado
    4. Modificar uma opção de design personalizado
    5. Exportar uma opção de design personalizado
    6. Importar uma opção de design personalizado
  21. Recursos adicionais
    1. Principais tutoriais no Captivate
    2. Captivate Classic vs Adobe Captivate
    3. Atualizar projetos do Captivate anterior para a versão mais recente
    4. Criar e implantar pacotes de Captivate no Admin Console

Saiba como adicionar um widget accordion que permite que os alunos interajam com o conteúdo clicando nas seções para revelar informações adicionais

O que é um accordion?

Um accordion é uma interface flexível que organiza o conteúdo em seções ou guias. Os alunos podem clicar para expandir uma guia, revelando informações enquanto mantêm outras guias ocultas para uma exibição mais focada e organizada.

Adicionar um accordion

Selecione Adicionar novo widget e selecione Accordion.

Interface do Adobe Captivate mostrando o menu Adicionar novo widget com a opção Acordeão destacada
A opção de widget Acordeão no Adobe Captivate permite que os usuários criem seções de conteúdo recolhíveis para experiências de aprendizado mais organizadas e interativas.

Personalizar o widget accordion

Um accordion inclui um título, corpo, subtítulo e botões de navegação. Além disso, você também pode selecionar os componentes dentro de cada guia, como imagem, título, subtítulo, corpo e cartão. Você também pode personalizar o plano de fundo do widget com uma cor sólida ou uma imagem, bem como adicionar bordas e sombras.

  1. Adicione o número de accordions no widget. Você pode adicionar no máximo 20 accordions.

    Interface mostrando a configuração do número de acordeões com um máximo de 20 acordeões disponíveis na seção Componentes das Propriedades Visuais.
    Interface mostrando a configuração do número de acordeões com um máximo de 20 acordeões disponíveis na seção Componentes das Propriedades Visuais.

  2. Na seção Componentes de Propriedades visuais, você pode adicionar o seguinte:

    • Título – Selecione esta opção para adicionar um título ao widget accordion.
    • Corpo – Selecione esta opção para adicionar uma pequena descrição do procedimento ou das etapas que o accordion cobrirá.
    • Instrução – Selecione esta opção para orientar os alunos a interagirem com as guias dentro do accordion.
    • Botões de navegação: selecione os botões anterior e próximo para permitir que os usuários naveguem entre os slides.
  3. Expanda a seção Alinhamento e espaçamento para ajustar o preenchimento ou o espaçamento do conteúdo. Use o controle deslizante de Largura do conteúdo para alinhar o conteúdo horizontalmente ou definir individualmente os valores de preenchimento. Use o controle deslizante de Espaçamento de conteúdo para tornar o conteúdo mais compacto ou difuso.

    Painel de Alinhamento e Espaçamento mostrando os controles deslizantes de Largura do Conteúdo e Espaçamento do Conteúdo para ajustar o layout do acordeão
    Ajuste o alinhamento horizontal e o espaçamento entre os elementos do acordeão usando esses controles deslizantes para criar um layout mais compacto ou expandido.

    Além disso, selecione cada componente em cada guia para ajustar seu preenchimento. Saiba mais sobre adicionar preenchimento no Adobe Captivate.

  4. Personalize o plano de fundo do widget, o conteúdo dentro de cada guia ou a aparência do cartão. 

    Na seção Aparência , você pode personalizar o plano de fundo do widget alterando o tipo da borda, a cor do plano de fundo e a sombra interna.

    Painel de configurações de aparência mostrando opções de personalização de fundo para widget acordeão com controles de tipo de borda, cor e sombra interna
    Personalize a aparência do fundo do widget acordeão ajustando o tipo de borda, cor de fundo e configurações de sombra interna.

  5. Expanda a seção Configurações para permitir a alternância automática para o próximo slide assim que todas as seções do widget accordion tiverem sido visitadas pelo menos uma vez.

    Alternador de configurações para habilitar a progressão automática para o próximo slide após todas as seções do acordeão terem sido visitadas.
    Habilite a navegação automática para o próximo slide após os alunos terem visualizado todas as seções do acordeão.

Personalizar cada guia do accordion

Cada guia do accordion no widget tem um título, um ícone que pode ser expandido/recolhido, imagens, títulos, subtítulos, corpo de texto e um cartão. É possível personalizar cada objeto dentro de cada guia selecionando-o.   

  1. Na seção Accordion, selecione os componentes dentro de uma guia, como Imagem, Título, Subtítulo, Corpo e Cartão.

    Componentes dentro de uma aba de acordeão mostrando opções de imagem, título, subtítulo, corpo e cartão no painel de Propriedades Visuais.
    A estrutura da aba do acordeão exibe cinco componentes personalizáveis que podem ser habilitados ou desabilitados com base nos requisitos do conteúdo.

    • Imagem: selecione esta opção para adicionar uma imagem dentro da guia. Você pode adicionar uma imagem de ativos ou do sistema. Saiba mais sobre como editar imagens no Captivate. 
    • Cabeçalho: selecione esta opção para adicionar um título para cada guia. 
    • Subtítulo: selecione esta opção para informações adicionais sobre o conteúdo na guia. 
    • Corpo: selecione esta opção para adicionar uma descrição de texto do conteúdo na guia. 
    • Cartão: selecione esta opção para adicionar ou remover o cartão em relação ao texto.  
  2. Selecione Conteúdo nas configurações de Aparência para alterar o plano de fundo da área de conteúdo dentro de uma guia.

    Painel de configurações de aparência mostrando a opção Conteúdo selecionada para personalizar o fundo da área de conteúdo da aba do acordeão.
    Personalize a cor de fundo do conteúdo, borda e efeitos de sombra para distinguir visualmente a área de conteúdo da aba do acordeão.

  3. Selecione Cartão nas configurações de Aparência para personalizar o visual do cartão.

    Painel de configurações do cartão mostrando opções de cor de fundo, borda e sombra para personalizar a aparência do conteúdo do acordeão.
    Painel de Propriedades Visuais com configurações de aparência para personalizar elementos do cartão dentro das abas do acordeão, incluindo cor de fundo, estilo de borda e efeitos de sombra.

  4. Para adicionar um ícone ao accordion, selecione a guia e habilite-o na seção Componentes.

    Ícone de expandir/ocultar para widget acordeão no Adobe Captivate
    Ícone de acordeão personalizável que indica seções de conteúdo expansíveis para os alunos.

    Personalize a aparência do ícone e a direção na qual ele será virado quando selecionado. Você pode alterar o ícone substituindo o arquivo SVG do sistema ou dos ativos. Você também pode permitir que os usuários cliquem na caixa delimitadora de ícones. Saiba mais sobre como trabalhar com SVGs no Captivate.

    Caixa de diálogo mostrando opções para substituir um ícone de acordeão por um arquivo SVG do sistema ou ativos, com caixa de seleção para habilitar cliques na caixa delimitadora do ícone.
    Substitua o ícone do acordeão selecionando um novo arquivo SVG do seu sistema ou biblioteca de ativos, com opção para tornar a caixa delimitadora do ícone clicável.

  5. Para aprimorar a navegação do aluno, personalize os comportamentos da guia do accordion para os estados normal, hover e visitado.  Selecione Mostrar para exibir os estados. Em seguida, selecione cada estado e altere sua aparência.

    Interface mostrando opções de estado normal, hover e visitado para abas do acordeão com controles de personalização para aparência
    Personalize a aparência de cada estado do acordeão ajustando cor, borda, raio do canto e sombra para fornecer feedback visual para interações do aluno.

    Personalize a aparência de cada estado ajustando sua cor, borda, raio dos vértices e sombra para distinguir visualmente um estado do outro. Os estados permitem que você modifique o comportamento de um objeto com base nas interações do aluno. Saiba mais sobre como usar estados no Adobe Captivate.

  6. Além disso, você também pode selecionar objetos individuais e personalizar a aparência deles no painel Propriedades visuais.

    • Selecione a imagem na guia do accordion e escolha uma imagem ou aplique filtros e outras personalizações.
    Painel de Propriedades Visuais mostrando a interface de seleção de imagem dentro de uma aba de acordeão, com opções para personalizar imagens
    Selecione a imagem em uma aba de acordeão para acessar opções de personalização, incluindo filtros e outros ajustes visuais.

    •  Selecione qualquer texto dentro do accordion e personalize a fonte, aplique predefinições, altere a cor e altere outras opções de formatação.
    Painel de opções de formatação de texto mostrando menu suspenso de fonte, predefinições e configurações de cores para personalizar o texto do acordeão
    Personalize as propriedades do texto, incluindo família de fonte, tamanho, predefinições de formatação e cor para melhorar a legibilidade do conteúdo do acordeão.

    • Selecione os botões para exibir outras opções de design disponíveis ou altere o formato, o texto ou a aparência do ícone do botão.
    Painel de Propriedades Visuais mostrando opções de personalização de botão para widget de acordeão com menu suspenso de options de design expandido
    Personalize a aparência do botão selecionando opções de forma, estilo de texto e ícone através do painel de Propriedades Visuais.

Adicione áudio a cada aba

Melhore o engajamento do widget adicionando sinais sonoros quando os alunos selecionarem uma aba.O widget Acordeão suporta um acionador Expand que reproduz mídia para cada interação com a aba.Saiba mais sobre como adicionar áudio às interações do widget.

Adobe, Inc.

Receba ajuda com mais rapidez e facilidade

Novo usuário?