![Page 1: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/1.jpg)
AS PÁXINAS
![Page 2: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/2.jpg)
RECURSO. PÁXINA
Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes, vídeos, hipervínculos ou incrustar calquera información.
![Page 3: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/3.jpg)
A. ENGADIR ENLACE A UNHA PÁXINA WEB
1. Escribimos un texto sobre o cal queremos engadir a URL, pulsamos na icona para engadir/editar hipervínculo
Pegamos a URLAbrimos nunha ventana nova
https://www.thatquiz.org/es/
![Page 4: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/4.jpg)
Resultado
![Page 5: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/5.jpg)
B. ENGADIR UNHA IMAXE
Prememos na icona de imaxes
Podemos subir unha imaxe
ou copiar o enderezo da mesma
![Page 6: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/6.jpg)
Procuramos unha imaxe en Google que sexa libre
https://www.google.es/imghp
Debian
![Page 7: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/7.jpg)
1. Copiamos o enderezo da imaxe
2. Inserimos en enderezo
Pegamos o enderezo
![Page 8: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/8.jpg)
1. Gardamos a imaxe 2. Subimos a imaxe
Buscamos a imaxe gardada
![Page 9: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/9.jpg)
Podemos engadir unha imaxe directamente da wikimedia
![Page 10: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/10.jpg)
Podemos engadir unha imaxe directamente da wikimedia
![Page 11: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/11.jpg)
C. ENGADIR AUDIO MP3 OU VÍDEO
Para engadir un mp3 a unha páxina web, dipoñemos de dúas posibilidades:
A. Empregar as propias ferramentas do Moodle (reproductor en flash)
B. Engadir código html5
Descargamos un ficheiro MP3 de Jamendohttps://www.jamendo.com/es
![Page 12: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/12.jpg)
![Page 13: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/13.jpg)
B. Engadir código html5
Neste caso temos que subir o mp3 a un servidor cunha carpeta pública. Non o podemos facer directamente en Moodle, como nas versións antiguas 1.8
Neste caso subín a Dropbox unha canción chamada “Divergence”
Audio mp3: https://db.tt/suQYSQOh
Audio ogg: https://db.tt/CBASH5R1
![Page 14: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/14.jpg)
Na páxina web prememos na icona para inserir código html
Pegamos o código html seguinte:
<audio controls> <source src="https://db.tt/suQYSQOh" type="audio/mpeg"> <source src="https://db.tt/CBASH5R1" type="audio/ogg"></audio>
![Page 15: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/15.jpg)
No caso de vídeo, están subidos a Dropbox unha mostra con diferentes formatos:formato mp4: https://db.tt/WPTczaxD
formato webm: https://db.tt/rmhqTN1K
formato ogv: https://db.tt/Dcw66yCf
Pegamos o código html seguinte:
<div><video width="320" height="240" controls="controls"><source src="https://db.tt/rmhqTN1K" type="video/webm" /><source src="https://db.tt/Dcw66yCf" type="video/ogg" /><source src="https://db.tt/WPTczaxD" type="video/mp4" />O teu navegador non soporta este vídeo.</video></div>
![Page 16: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/16.jpg)
Resultado vídeo
![Page 17: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/17.jpg)
D. INCRUSTAR UN VÍDEO DE YOUTUBE
1. Creamos unha páxina.
Título: Naugraxio de Mar Egeo
Descripción: Rescate do petroleiro Mar Egeo
2. Abrimos o seguinte enlace:
https://www.youtube.com/watch?v=7Jz97KR9YpU
3. Compartir/inserir
![Page 18: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/18.jpg)
D. INCRUSTAR UN VÍDEO DE YOUTUBE
1. Creamos unha páxina.
Título: Naugraxio de Mar Egeo
Descripción: Rescate do petroleiro Mar Egeo
2. Abrimos o seguinte enlace:
https://www.youtube.com/watch?v=7Jz97KR9YpU
![Page 19: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/19.jpg)
MÉTODO 1
Enderezo
![Page 20: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/20.jpg)
![Page 21: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/21.jpg)
Co mesmo método (insertar media Moodle), tamén podemos inserir un ficheiro swf
![Page 22: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/22.jpg)
MÉTODO 2
Copiamos o código
<iframe width="420" height="315" src="//www.youtube.com/embed/7Jz97KR9YpU" frameborder="0" allowfullscreen></iframe>
Inserirmos o código na páxina
![Page 23: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/23.jpg)
6. Pegamos o código na páxina
7. Actualizar e gardar e mostrar
![Page 24: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/24.jpg)
![Page 25: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/25.jpg)
E. INCRUSTAR UN FICHEIRO PDF
No caso de queiramos que o alumno vexa despregado un ficheiro pdf, debemos incrustalo por medio dun código html.
1. Subímolo ficheiro
Copiámolo enderezo
![Page 26: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/26.jpg)
2. Inserimos código html nunha páxina
<iframe src="https://evaformacion.edu.xunta.es/pluginfile.php/21392/mod_resource/content/1/asperger.pdf" width="100%" height="850"></iframe>
Código copiado no paso 1
![Page 27: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/27.jpg)
3. Resultado
![Page 28: AS PÁXINAS - Atio | Tecnoloxía educativaatio.es/eva/sesion2/paxina.pdf · RECURSO. PÁXINA Moodle permite a creación dunha páxina web. Nela o docente pode engadir textos, imaxes,](https://reader031.vdocuments.mx/reader031/viewer/2022021611/5c03cf2009d3f2c12d8d3c86/html5/thumbnails/28.jpg)
Esta obra, elaborada por AMTEGA, está baixo unha licenza Recoñecemento-CompartirIgual 3.0 España de Creative Commons.
Para ver unha copia da licenza, visite:
http://creativecommons.org/licenses/by-sa/3.0/es/
Licenza