Saiba como adicionar um widget de cartão que permite aos alunos interagir com o conteúdo virando um cartão para revelar informações adicionais.
O Adobe Captivate introduz blocos de conteúdo, como texto ou blocos de imagem, que contêm componentes como texto, imagem ou botão. Reproduza este vídeo para saber mais sobre blocos e componentes de conteúdo.
Um cartão é um mecanismo popular para adicionar interação em cursos de e-learning que permite que os alunos interajam com conteúdo virando um cartão para revelar informações adicionais.
No novo Adobe Captivate, você pode criar um widget de cartão que permite aos alunos selecionar um lado do cartão para revelar conceitos correspondentes, como descrições, imagens e dicas no outro lado.
Selecione Adicionar novo widget > Cartões na barra de ferramentas esquerda.
No nível do widget, o Adobe Captivate permite adicionar ou remover o número de cartões no widget, escolher entre um conjunto de opções de design predefinidas, adicionar ou remover um título ou imagem e muito mais.
Selecione o widget de cartão. Em Propriedades visuais, na seção Alinhamento e espaçamento, é possível ajustar o seguinte:
Mova o controle deslizante Número de flipcards no painel Propriedades Visuais para aumentar ou diminuir o número de cartões. É possível adicionar no máximo quatro cartões no widget.
Selecione um widget de cartão na lista Opções de design.
Para mais informações, consulte Opções de design.
Na seção Componentes, é possível alterar o seguinte:
As seguintes personalizações estão disponíveis para o conteúdo na frente do widget de cartão. Adicione ou remova componentes de um widget de cartão:
As personalizações feitas neste nível são aplicadas a todos os cartões no widget. Se quiser fazer alterações em cartões individuais, visite Alterar as propriedades de um cartão dentro do widget.
É possível alinhar os componentes na seção Componentes. Passe o mouse sobre um componente e selecione qualquer opção (Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita).
Na seção Aparência, altere a aparência do plano de fundo do widget. Você pode alterar a cor e o plano de fundo do widget e aplicar uma sombra interna.
Você pode alterar a cor da borda, a largura e especificar os arremates de extremidade (extremidade, redondo, projetado).
As bordas e sombras são refletidas com base nos lados. Por exemplo, a borda esquerda aplicada na parte frontal do cartão se torna a borda direita na parte de trás, devido ao efeito virar.
Na guia Cartão em Aparência, altere as propriedades dos cartões no widget. Você pode alterar a aparência do cartão alterando as propriedades, como cor, borda, raio para cantos ou sombras.
Marque a caixa de seleção Sobrepor cor sólida se você deseja alterar a cor de sobreposição dentro de um cartão no painel frontal do widget. Selecione o seletor de cores e selecione qualquer cor.
Na seção Configurações, ative a alternância Mover para o próximo slide quando o widget for concluído. Isso ativa o botão Próximo somente após o aluno selecionar todos os cartões.
Ao selecionar o botão Anterior ou Próximo, as interações a serem movidas para o slide anterior ou seguinte são definidas por padrão. Mas você pode personalizar a interação no painel Interações.
Selecione um cartão no widget.
Na seção Componentes em Propriedades visuais, você pode alterar o seguinte:
É possível alinhar os componentes na seção Componentes. Passe o mouse sobre um componente e selecione qualquer opção (Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita).
Você pode adicionar a cor do plano de fundo do cartão, borda, raio ou sombra na seção Aparência.
Selecione um ícone para alterar as propriedades do ícone.
No painel Propriedades visuais, é possível:
Quando você altera as propriedades do widget de cartão em um modo do dispositivo, a barra de rolagem horizontal permite visualizar os cartões.
Aplique um filtro de imagem, altere o desfoque ou brilho de uma imagem, adicione borda ou substitua a imagem.
No slide, selecione um cartão. Em seguida, selecione a imagem no cartão. Usando o ícone de espaço reservado na imagem, substitua a imagem.Para mais informações, consulte Imagens no Adobe Captivate.
Na seção Aparência do painel Propriedades Visuais, você pode aplicar um filtro, desfocar a imagem e ajustar o brilho e o contraste.
Você também pode adicionar uma borda à imagem. Você pode alterar a largura da borda, adicionar cor e uma borda em um ou quatro lados da imagem.
Selecione Sombra projetada para adicionar uma sombra à borda da imagem.
Se quiser substituir a imagem existente, clique no ícone de pasta na seção Origem da imagem. Você pode escolher a imagem nos Ativos ou no computador.
Selecione o ícone de lápis na seção Origem da Imagem para cortar a imagem.Para mais informações, consulte Imagens no Adobe Captivate.
O Adobe Captivate permite que você altere as propriedades no nível do texto. No nível do texto, é possível aplicar um estilo de texto predefinido, alterar a fonte, alterar a cor do texto, aplicar marcadores e numeração e muito mais.
Selecione um cartão no widget e selecione um objeto de texto.
Na seção Aparência do painel Propriedades visuais, altere o estilo do texto, a fonte, o tamanho da fonte, o espaçamento etc.
Altere a cor do texto no seletor de cores e aplique uma sombra, se necessário.
Selecione Marcadores e numeração para adicionar marcadores ao texto. Também é possível alterar o tamanho dos marcadores, adicionar cores e alterar o recuo.
Para saber mais sobre como trabalhar com texto no novo Adobe Captivate, consulte Texto no Adobe Captivate.
O painel traseiro contém cartões nos quais é possível personalizar o texto e a descrição, bem como modificar ou alterar a imagem.
Selecionar Voltar no encaixe de seleção abaixo dos cartões.
O painel traseiro do contêiner do cartão é exibido.
Adicione um título e um botão em um cartão na seção Componentes do painel Propriedades visuais. Você pode alterar o seguinte:
As seguintes personalizações estão disponíveis na traseira do widget de cartão: Adicionar ou remover componentes de um widget de cartão
É possível alinhar os componentes na seção Componentes. Passe o mouse sobre um componente e selecione qualquer opção (Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita).
Na seção Aparência, altere o raio da borda, a cor do plano de fundo, a borda e a sombra da parte de trás de um cartão. Para mais informações, consulte Alterar o plano de fundo do widget.
