Inserir código iframe

Como inserir código iframe

Ao criar uma aula de um curso, você pode usar código iframe para enriquecer a aula com materiais de serviços de terceiros, como Google Sheets, Google Forms, Wordwall ou apresentações do Canva, Genial.ly e outros serviços que permitem incorporar código em uma página. Assim, os alunos podem preencher formulários e visualizar apresentações diretamente na aula, sem sair da página.

Você pode encontrar um exemplo de aula no link.

Como inserir código em uma aula

Para inserir código em uma aula, basta adicionar o elemento Texto, Imagem, Incorporação de Código.

Em seguida, selecione o botão Incorporação de Código na barra de ferramentas e cole o código.

Para alterar a altura ou a largura de um objeto incorporado (apresentação, planilha, jogo etc.), adicione as dimensões ao código width="640" height="1000", inserindo valores numéricos adequados ao objeto incorporado.

Como encontrar o código de incorporação

Google Forms

Abra o formulário que deseja incorporar a uma aula ou atividade. Clique em Enviar, selecione o ícone de código e copie o código. Você também pode ajustar as dimensões do formulário na mesma janela.

Google Sheets

Abra a planilha que deseja compartilhar. Acesse Arquivo – Compartilhar – Publicar na Web – Incorporar e escolha se deseja incorporar uma única aba ou o documento inteiro. Após a confirmação, será gerado um código que você poderá usar em uma aula ou atividade no Kwiga. Lembre-se de que você pode ajustar as dimensões usando width="640" height="1000" (insira os valores que preferir).

Canva

Abra a apresentação ou o design do Canva que deseja usar em uma aula ou questionário. Clique em Compartilhar – Mais – Incorporar, concorde em tornar a apresentação pública e publique-a. Use o código de incorporação HTML.

Genial.ly

Verifique se você publicou sua apresentação no Genial.ly. Não é possível compartilhar um rascunho ou uma apresentação privada.

Em seguida, basta clicar em Compartilhar ao lado do botão Apresentar , selecionar Incorporar e copiar o código iframe.

Para alterar as dimensões da apresentação incorporada, edite os parâmetros de altura e largura.

WordWall

Abra o material que deseja adicionar a uma aula ou atividade no Kwiga e clique em Compartilhar, selecione o ícone de código e escolha iframe (selecionado por padrão). Copie o código e use-o no Kwiga.

Como sempre, você pode ajustar as dimensões do material incorporado alterando os valores de largura e altura.

Quizlet

Abra a página do questionário no Quizlet e localize o botão Compartilhar e o botão de três pontos ao lado dele. Clique nos três pontos e selecione Incorporar:

Na janela que se abre, você pode alterar o modo de estudo e copiar o código na parte inferior para adicioná-lo à página da sua aula (destacado em amarelo):

Dropbox

Você pode incorporar vídeos enviados para o Dropbox em uma aula. Para isso, obtenha um link direto para o arquivo de vídeo (não o link fornecido pelo botão Compartilhar do Dropbox!) e incorpore-o como um iframe.

Aceite os cookies para ver o conteúdo incorporado. Abrir num novo separador

As etapas são mostradas abaixo:

1. Abra sua conta do Dropbox, encontre o arquivo e clique em Compartilhar. Verifique se qualquer pessoa com o link pode visualizar o arquivo e copie o link para um editor de texto.

2. No final do link, você encontrará dl=0, que você precisa substituir por raw=1. A captura de tela abaixo mostra dois links: o link original copiado na etapa 1, e o link modificado abaixo.

3. Copie o link modificado (o de baixo) para a barra de endereços do navegador e pressione Enter. A barra de endereços mostrará então uma URL diferente. Esse é o link direto para o arquivo de que você precisa para a aula.

4. Abra a aula e adicione um bloco de Texto, Imagem ou Código incorporado no local onde deseja inserir o vídeo. Clique em +, adicione o código HTML , selecione iframe e cole a URL do vídeo (obtida na etapa 3) no campo do link:

Observe que o vídeo é transmitido pelos servidores do Dropbox. A velocidade e a qualidade da reprodução dependem inteiramente do Dropbox. O Dropbox também pode impor restrições, descritas aqui: limitações de largura de banda.