Guia do Usuário Cancelar

Adicionar objetos da Web a um projeto do Adobe Captivate

  1. Guia do Usuário do Captivate
  2. Introdução ao Captivate
    1. Novidades do Adobe Captivate
    2. Requisitos de sistema do Adobe Captivate
    3. Atualizações do Adobe Captivate
      1. Notas de versão do Adobe Captivate (atualização 12.5)
      2. Notas de versão do Adobe Captivate (atualização 12.4)
      3. Notas de versão do Adobe Captivate (atualização 12.3)
      4. Notas de versão do Adobe Captivate (atualização 12.2)
      5. Notas de versão do Adobe Captivate (atualização 12.1)
    4. Download do Adobe Captivate
    5. Perguntas frequentes
  3. Adicionar um slide
    1. Navegador de slides no Adobe Captivate
    2. Adicionar um slide de conversa
    3. Adicionar personagens ao seu projeto do Adobe Captivate
    4. Editar a imagem de plano de fundo em um slide
    5. Adicionar preenchimento a blocos e componentes de conteúdo
    6. Criar um projeto de rolagem longa
  4. 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
  5. Adicionar blocos de texto
    1. Adicionar texto a um projeto
    2. Adicionar Adobe Fonts a um projeto
  6. Adicionar blocos de mídia
    1. Adicionar imagens a um projeto
    2. Adicionar vídeos a um projeto
    3. Adicionar citações
    4. Adicionar SVGs a um projeto
    5. Adicionar objetos da Web a um projeto
  7. 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
  8. Adicionar blocos de marcas
    1. Adicionar um cabeçalho a um projeto
    2. Adicionar um rodapé a um projeto
  9. 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
  10. 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
  11. Adicionar áudio a um projeto
    1. Adicionar áudio
    2. Adicionar legendas ocultas
  12. Interaçõ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
  13. Animações
    1. Adicionar animações a um projeto
  14. Acessibilidade
    1. Tornar um projeto acessível
  15. Personalizar a linha do tempo
    1. Painel Linha do Tempo no Adobe Captivate
  16. Personalizar sumário e barra de reprodução
    1. Sumários no Adobe Captivate
  17. Editar propriedades do projeto
    1. Variáveis no Adobe Captivate
    2. Preferências
    3. Dimensões do projeto
    4. Temas
  18. Criar um projeto de simulação
    1. Simulação
  19. Visualizar um projeto
    1. Visualização
  20. Compartilhar um projeto para revisão
    1. Compartilhar para revisão
    2. Perguntas frequentes e guia de solução de problemas para compartilhar projetos para revisão   
  21. Publicar um projeto
    1. Publicar o projeto
  22. Atualizar projetos no Adobe Captivate
    1. Atualizar projetos para a versão mais recente 

Saiba como adicionar objetos da Web a um projeto do Captivate.

Visão geral

Os objetos da Web permitem incorporar conteúdo externo, como mídia HTML5, vídeos, páginas da Web, links de streaming e PDFs, diretamente nos slides. Esse recurso melhora a interatividade e permite a integração de recursos de terceiros. Objetos da Web podem ser adicionados usando URLs, códigos incorporados ou PDFs carregados, oferecendo flexibilidade na inclusão de conteúdo. Sua aparência é totalmente personalizável, com opções para incluir barra de legendas, legendas e botões interativos, garantindo uma experiência de usuário coesa e envolvente.

Tópicos nesta página:

Adicionar um objeto da Web a um slide

Há três métodos para adicionar um objeto da Web no Adobe Captivate: você pode adicionar a URL de uma página da Web, inserir um código incorporado para um vídeo ou link de streaming ou fazer upload de um PDF do sistema.

  1. Selecione Adicionar blocos de mídia na barra de ferramentas esquerda.

  2. Selecione o objeto da Web.

    Adicionar um objeto da Web a um slide

  3. No painel Propriedades visuais, escolha o número de objetos da Web a serem incluídos no bloco de conteúdo, com um máximo de 2 por slide.

  4. Adicione componentes como Barra de legendas, Legendas, Cartões ou Botões na seção Componentes.

    • Barra de legendas/Legenda: adiciona espaços reservados para texto dentro do bloco de conteúdo. 
    • Cartão: adiciona um cartão ao redor do(s) objeto(s) da Web e atua como um contêiner. 
    • Botão: pode ser usado para ocultar ou mostrar o objeto da Web, adicionar interações e animações. 
    Adicionar componentes a um objeto da Web

Adição de fontes de objeto da Web

Selecione o espaço reservado do objeto da Web no slide para ver as opções de fontes na seção Conteúdo para adicionar o objeto da Web.

Fonte de objeto da Web

 Adição de uma URL como um objeto da Web

Selecione a opção URL na seção Conteúdo para exibir páginas da Web ou um vídeo on-line em um slide e, em seguida, copie e cole a URL no campo de endereço.

Adicionar uma URL de um objeto da Web

 A prévia do objeto da Web aparece no bloco de conteúdo. 

Adição de um código incorporado como um objeto da Web

Um código incorporado é um fragmento de HTML ou JavaScript fornecido por plataformas externas que permite integrar conteúdo multimídia, como vídeos, elementos interativos ou widgets, em seu projeto.

Um código incorporado ajuda a incluir vídeos de um servidor de streaming e proporciona mais controle sobre o tamanho, o layout e a aparência do objeto para você.

  1. Selecione a opção Código incorporado.

  2. Copie o código incorporado do YouTube, do Vimeo ou de qualquer plataforma de streaming de vídeo e cole-o.

    Aqui está um exemplo de um código incorporado de um vídeo do 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>

    Ao colar o código incorporado, a prévia aparece no slide.

    Código incorporado do YouTube

    Para utilizar toda a área do bloco de conteúdo do objeto da Web, edite o código incorporado do iframe. Ajuste o código para definir os atributos largura e altura como “100%”. Por exemplo: largura=”100%” altura=”100%”. Isso garante que o objeto da Web ocupe totalmente o espaço disponível.

    código incorporado

Adição de um PDF como um objeto da Web

A incorporação de PDFs como objetos da Web no Adobe Captivate aprimora o e-learning ao fornecer materiais complementares, como guias ou planilhas, diretamente nos slides. 

  1. Selecione a opção Sistema e, em seguida, selecione o ícone   para procurar um arquivo PDF do sistema. Após a publicação do projeto, o PDF é copiado para os arquivos do projeto.

    PDF como um objeto da Web

  2. Selecione Visualizar no canto superior direito para verificar como o PDF aparece em várias exibições de dispositivo no tempo de execução. Durante a visualização, teste as funções principais, como pesquisa, rolagem, anotações e salvamento do arquivo.

    PDF na visualização

Personalizar um objeto da Web

  1. Personalize a aparência do bloco de conteúdo do objeto da Web na seção Aparência. Aprimore seu apelo visual ajustando a cor do plano de fundo, adicionando bordas e aplicando sombras.

    Personalizar a aparência do objeto da Web

  2. Na seção Alinhamento e espaçamento, é possível ajustar a largura do conteúdo usando o controle deslizante ou adicionar um preenchimento entre o conteúdo e suas bordas. Saiba mais sobre preenchimento e layouts automáticos no Adobe Captivate.

    Adicionar alinhamento e espaçamento para um objeto da Web

  3. Adicione um cartão ao redor do objeto da Web. Selecione a opção Cartão em Componentes e expanda a seção Cartão para alterar a aparência do cartão.

    Cartão de objeto da Web

  4. Selecione os componentes de texto Barra de legendas ou Legenda para personalizar a aparência deles. Você pode ajustar a cor do texto, aplicar realces ou sombras, adicionar marcadores ou numeração e escolher um estilo no painel de predefinições.

    Personalizar o texto em um objeto da Web

  5. Selecione o componente Botão para personalizar seu design ou adicionar preenchimento. É possível modificar o formato, o texto, o ícone, a cor, a borda ou adicionar sombras para obter uma aparência personalizada.

    Personalizar o botão em um objeto da Web

Práticas recomendadas para usar objetos da Web em projetos de e-learning 

Para garantir que o conteúdo incorporado, como vídeos e links, para mídias externas seja executado sem problemas e com segurança em seu projeto de e-learning, indicamos estas práticas recomendadas: 

  • Usar HTTPS: sempre use HTTPS para conexões seguras e criptografadas para proteger dados do usuário e garantir compatibilidade com navegadores modernos.  
  • Verificar se há Clickjacking: o roubo de cliques é uma ameaça à segurança e o Captivate não oferece suporte ao redirecionamento para um site diferente. 
  • Verificar compatibilidade do navegador: teste o conteúdo incorporado em diferentes navegadores para garantir que ele é exibido e funciona corretamente para todos os usuários. 
  • Confirmar conteúdo legal e desbloqueado: use fontes legais e confiáveis para mídia incorporada e verifique regularmente se os links ainda funcionam e estão acessíveis nas regiões relevantes. 
  • Garantir conformidade com CORS: certifique-se de que os recursos externos ofereçam suporte a CORS (compartilhamento de recursos entre origens) para evitar restrições do navegador ao conteúdo incorporado de origens diferentes. 
  • Testar compatibilidade do dispositivo: verifique se o conteúdo incorporado responde em tablets e dispositivos móveis para obter uma experiência perfeita nos tamanhos de tela. 
  • Verificar bloqueio de script: teste o conteúdo com o bloqueio de script ativado e trabalhe com sua equipe para implementar alternativas se conteúdo crítico for bloqueado. 

Receba ajuda com mais rapidez e facilidade

Novo usuário?