- Guia do Usuário do Captivate
- Introdução ao Captivate
- Novidades do Adobe Captivate
- Requisitos de sistema do Adobe Captivate
- Atualizações do Adobe Captivate
- Download do Adobe Captivate
- Perguntas frequentes
- Adicionar um slide
- Opções de design no Adobe Captivate
- Adicionar blocos de texto
- Adicionar blocos de mídia
- Componentes interativos
- Adicionar blocos de marcas
- Widgets
- Criar quizzes
- Adicionar uma pergunta de múltipla escolha
- Adicionar uma pergunta do tipo Verdadeiro ou Falso
- Adicionar a pergunta do tipo Corresponder à coluna
- Adicionar uma pergunta de resposta curta
- Adicionar uma pergunta sequência
- Adicionar pools de perguntas e slides com pergunta aleatórios
- Importar perguntas como CSV
- Adicionar áudio a um projeto
- Interações
- Animações
- Acessibilidade
- Personalizar a linha do tempo
- Personalizar sumário e barra de reprodução
- Editar propriedades do projeto
- Criar um projeto de simulação
- Visualizar um projeto
- Compartilhar um projeto para revisão
- Publicar um projeto
- Atualizar projetos no Adobe Captivate
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:
-
Selecione Adicionar blocos de mídia na barra de ferramentas esquerda.
-
Selecione o objeto da Web.
-
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.
-
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.
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ê.
-
Selecione a opção Código incorporado.
-
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.
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.
-
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. -
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.
-
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.
-
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.
-
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.
-
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.
-
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.
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.