os segredos do livro interativo multimídia
TRANSCRIPT
![Page 1: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/1.jpg)
Livro Interativo Multimídia
Iêda Santana
Iêda Lúcia Santana
![Page 2: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/2.jpg)
Configuração do Livro -Propriedades
Iêda Santana
![Page 3: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/3.jpg)
Carregue sua pasta de recursos.
menu desdobrável
Iêda Santana
![Page 4: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/4.jpg)
Tipo de atividade do Edilim.
Slide (PowerPoint) salvo em formato de imagem,
inserida a partir dos Recursos.
Botões que permitem navegar entre as páginas (avançar ou
retornar ).
1ª PÁGINA - CAPA
Iêda Santana
![Page 5: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/5.jpg)
Versão final no navegador – PÁGINA 1
menu desdobrável -permite navegar pelo livro.
Botão avançar (Skin1)
Iêda Santana
![Page 6: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/6.jpg)
Tipo de atividade do Edilim.
Texto de cabeçalho
Iêda Santana
![Page 7: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/7.jpg)
Texto de cabeçalho
menu
Iêda Santana
![Page 8: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/8.jpg)
Tipo de atividade do Edilim.Texto de cabeçalho
Paginas das atividades
Texto dos
botões
Iêda Santana
![Page 9: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/9.jpg)
Texto de cabeçalho
Links para as atividades
Iêda Santana
![Page 10: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/10.jpg)
Criar botão com um link para a mesma página que permite ao usuário refazer a atividade.
Texto visível do botão
Página que deverá aparecer ao se clicar no botão.
Texto do rodapé
Texto de cabeçalho
Iêda Santana
![Page 11: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/11.jpg)
Texto de cabeçalho
Texto de cabeçalho
Botão para conferir
Botão que carrega novamente a página da atividade.
Iêda Santana
![Page 12: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/12.jpg)
Iêda Santana
![Page 13: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/13.jpg)
Iêda Santana
![Page 14: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/14.jpg)
Iêda Santana
![Page 15: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/15.jpg)
Iêda Santana
![Page 16: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/16.jpg)
Iêda Santana
![Page 17: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/17.jpg)
Iêda Santana
![Page 18: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/18.jpg)
Iêda Santana
![Page 19: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/19.jpg)
Iêda Santana
![Page 20: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/20.jpg)
Iêda Santana
![Page 21: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/21.jpg)
Iêda Santana
![Page 22: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/22.jpg)
Iêda Santana
![Page 23: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/23.jpg)
Iêda Santana
![Page 24: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/24.jpg)
Iêda Santana
![Page 25: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/25.jpg)
Iêda Santana
![Page 26: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/26.jpg)
Iêda Santana
![Page 27: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/27.jpg)
Iêda Santana
![Page 28: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/28.jpg)
Iêda Santana
![Page 29: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/29.jpg)
Iêda Santana
![Page 30: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/30.jpg)
Iêda Santana
![Page 31: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/31.jpg)
Iêda Santana
![Page 32: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/32.jpg)
Usando o Dropboxpara publicar as atividades na
internet
Iêda Santana
![Page 33: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/33.jpg)
Dropbox é um serviço de armazenamento (depósito) de arquivos eletrônicos: documentos de texto, fotos, músicas, vídeos, entre outros.
Iêda Santana
![Page 34: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/34.jpg)
Clique para abrir a pasta
Iêda Santana
IMPORTANTE: Caso você não tenha a pasta Public, crie uma pasta e dê a ela o nome de Public (não se esqueça de usar P
maiúsculo).
![Page 35: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/35.jpg)
Na pasta Pública, crie uma nova pasta para carregar seus arquivos
Iêda Santana
![Page 36: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/36.jpg)
Aqui, criou-se a pasta sílaba . Será nessa pasta e carregaremos os arquivos criados no Edilim
Iêda Santana
![Page 37: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/37.jpg)
1º
Abra a pasta que você criou e clique para carregar os arquivos.
2º Iêda Santana
![Page 38: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/38.jpg)
Aguarde carregar todos os arquivos.
Iêda Santana
![Page 39: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/39.jpg)
Iêda Santana
![Page 40: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/40.jpg)
Iêda Santana
![Page 41: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/41.jpg)
Iêda Santana
![Page 42: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/42.jpg)
O código HTML <iframe> (quadro embutido ) permite incorporar outra página HTML na página atual. Assim, torna-se possível postarmos o Livro Interativo Multimídia (LIM) no blog.
IFrame (Inline Frame) – Quadro embutido
<div align="center"><iframe src="http://ruta_mi_servidor/sopa.html" frameborder="0" height="500" width="500" scrolling="auto"></iframe></div>
Copie o código HTML abaixo e substitua o termo em destaque pelo o endereço público de sua atividade (arquivo html).
Um iframe é usado para mostrar uma página web dentro de uma outra página web.
Iêda Santana
![Page 43: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/43.jpg)
Informações sobre o código HTML utilizado
div – tag usada para alinhar um bloco (text, imagem etc) quando usada atinge todas as tags dentro daquele bloco.align="center” - alinhamento centralizadoiframe – quadro embutidosrc - atributo src é suportado em todos os principais navegadores.http.... – deverá ser substituído pelo endereço público de sua atividade (arquivo html)frameborder -atributo especifica se deve ou não exibir uma borda em torno de uma <iframe>.height – alturawidth - largura
Iêda Santana
![Page 44: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/44.jpg)
Abra uma nova postagem e use o campo HTML para colar o código, já com o endereço de sua atividade.
Agora, é só publicar e visualizar.Iêda Santana
![Page 45: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/45.jpg)
Iêda Santana
Confira o resultado no endereçohttp://linguaportuguesaencarnacao.blogspot.com.br
![Page 46: Os segredos do livro interativo multimídia](https://reader033.vdocuments.pub/reader033/viewer/2022052413/559d037d1a28ab70698b4627/html5/thumbnails/46.jpg)
Iêda Santana
Referências
EdiLIM. http://pt.slideshare.net/emefodl/edilim-tutorial-completo
EdiLIM: Editor de Libros Interactivos Multimedia – LIM. http://www.iered.org/archivos/Publicaciones_Libres/2011_Crear_y_Publicar_con_TIC_en_Escuela/xCapitulos/3-02_Cuadernos-Digitales-con-Edilim.pdf
Tutorial para uso do programa Edilim. http://websmed.portoalegre.rs.gov.br/smed/inclusaodigital/materiais2010/Tutorial_edilim.pdf