Publicación de recursos en un aula virtual con Moodle Víctor Barbero Romero [email_address] http://victorbarbero.com/  -  ...
Recursos y actividades <ul><li>Dentro de los temas de un curso virtual, podemos añadir recursos y actividades:
Para realizar cambios en nuestro curso virtual, recordemos que tenemos que activar la edición.
Después, para añadir recursos, usamos la lista desplegable que hay en el tema en el que queremos añadir el recurso. </li><...
Insertar una etiqueta <ul><li>Este recurso nos permite insertar texto con formato dentro del espacio del tema donde lo que...
Al seleccionarlo, se nos muestra el editor de texto de Moodle, cuyo uso es habitual en muy distintos recursos de esta plat...
El editor de texto nos permite las operaciones más habituales: negrita, cursiva, cambiar el tipo y el tamaño de letra, mod...
El manejo del editor de texto es fundamental en Moodle!! </li></ul>
Editor de texto: insertando una imagen (1) <ul><li>Para insertar una imagen dentro del texto que estamos editando en el ed...
Aparecerá entonces la ventana para insertar una imagen: </li><ul><li>Para empezar, debemos subir la imagen al curso virtua...
Editor de texto: insertando una imagen (2) <ul><li>Tras subir la imagen, estará disponible para ser seleccionada en los ar...
Debemos indicar un texto alternativo  (que aparecerá al poner el cursor sobre la imagen) . </li></ul>Con estas opciones po...
Editor de texto: creando tablas <ul><li>Una de las formas más habituales para la organización de los elementos en un edito...
Mediante tablas, podemos poner texto junto a una imagen, por ejemplo.
Para crear una tabla, colocamos el cursor donde queremos que aparezca y presionamos el botón insertar tabla:
En la nueva ventana, indicamos el número de filas y columnas y que el borde es cero. </li></ul>
Próxima SlideShare
Cargando en…5
×

Publicación de recursos en un aula virtual con Moodle

2.031 visualizaciones

Publicado el

Presentación sobre procedimientos básicos de publicación de recursos y contenidos en un aula virtual basada en Moodle, tratando páginas web, etiquetas y cómo utilizar códigos de incrustación.

Publicado en: Educación
0 comentarios
4 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
2.031
En SlideShare
0
De insertados
0
Número de insertados
10
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
4
Insertados 0
No insertados

No hay notas en la diapositiva.

Publicación de recursos en un aula virtual con Moodle

  1. 1. Publicación de recursos en un aula virtual con Moodle Víctor Barbero Romero [email_address] http://victorbarbero.com/ - @vicbarbero
  2. 2. Recursos y actividades <ul><li>Dentro de los temas de un curso virtual, podemos añadir recursos y actividades:
  3. 3. Para realizar cambios en nuestro curso virtual, recordemos que tenemos que activar la edición.
  4. 4. Después, para añadir recursos, usamos la lista desplegable que hay en el tema en el que queremos añadir el recurso. </li></ul>
  5. 5. Insertar una etiqueta <ul><li>Este recurso nos permite insertar texto con formato dentro del espacio del tema donde lo queramos colocar.
  6. 6. Al seleccionarlo, se nos muestra el editor de texto de Moodle, cuyo uso es habitual en muy distintos recursos de esta plataforma.
  7. 7. El editor de texto nos permite las operaciones más habituales: negrita, cursiva, cambiar el tipo y el tamaño de letra, modificar la tabulación, crear enlaces...
  8. 8. El manejo del editor de texto es fundamental en Moodle!! </li></ul>
  9. 9. Editor de texto: insertando una imagen (1) <ul><li>Para insertar una imagen dentro del texto que estamos editando en el editor, debemos presionar el botón correspondiente
  10. 10. Aparecerá entonces la ventana para insertar una imagen: </li><ul><li>Para empezar, debemos subir la imagen al curso virtual (las imágenes subidas se gestionan como archivos del curso virtual) . </li></ul></ul>Escogemos el archivo que queremos subir. Iniciamos la subida al curso virtual.
  11. 11. Editor de texto: insertando una imagen (2) <ul><li>Tras subir la imagen, estará disponible para ser seleccionada en los archivos del curso virtual:
  12. 12. Debemos indicar un texto alternativo (que aparecerá al poner el cursor sobre la imagen) . </li></ul>Con estas opciones podemos cambiar la presentación de la imagen.
  13. 13. Editor de texto: creando tablas <ul><li>Una de las formas más habituales para la organización de los elementos en un editor de textos es el uso de tablas.
  14. 14. Mediante tablas, podemos poner texto junto a una imagen, por ejemplo.
  15. 15. Para crear una tabla, colocamos el cursor donde queremos que aparezca y presionamos el botón insertar tabla:
  16. 16. En la nueva ventana, indicamos el número de filas y columnas y que el borde es cero. </li></ul>
  17. 17. Editor de texto: insertar código de incrustación (1) <ul><li>Como en cualquier editor de texto basado en HTML, podemos añadir un código de incrustración de cualquier servicio de publicación, como por ejemplo YouTube, SlideShare, issuu, Wix...
  18. 18. Para ello, el paso más fácil es escribir una palabra que actúe como marcador a la hora de insertar el código de incrustración. </li><ul><li>El código HTML puede ser complicado de interpretar y usar la palabra AQUI, por ejemplo, como marcador nos ayudará en nuestra tarea. </li></ul><li>Para pegar el código de incrustración tenemos que activar la edición en modo HTML haciendo click sobre el botón correspondiente: </li></ul>
  19. 19. Editor de texto: insertar código de incrustación (2) <ul><li>En la edición HTML, sólo tenemos que: </li><ul><li>Buscar la palabra-marcador AQUI.
  20. 20. Seleccionarla.
  21. 21. Hacer click con el botón derecho sobre ella.
  22. 22. Hacer click sobre Pegar una vez hayamos copiado el código de incrustración del servicio que queramos aprovechar. </li></ul></ul>
  23. 23. Editor de texto: insertar código de incrustación (3) <ul><li>Finalmente, desactivamos la edición en HTML haciendo click sobre el botón correspondiente de nuevo y veremos el contenido dentro del editor: </li></ul>
  24. 24. Cómo obtener el código de incrustación (1) <ul><li>Cada servicio de publicación ofrece el código de incrustación de una forma distinta. </li><ul><li>Por lo general, se trata de localizar la palabra Insertar o bien en inglés la palabra Embed .
  25. 25. Algunos servicios de publicación permiten la personalización del visor. </li></ul><li>Por ejemplo, para obtener el código de incrustación de un vídeo de Youtube, tendremos que hacer click en el botón Compartir que hay justo debajo del reproductor del vídeo:
  26. 26. Después, hay que hacer click sobre el botón Insertar : </li></ul>
  27. 27. Cómo obtener el código de incrustación (2) <ul><li>YouTube nos permite modificar el aspecto del reproductor, así como si queremos evitar que aparezcan vídeos relacionados al final.
  28. 28. Debemos copiar el texto seleccionado en el cuadro de texto, haciendo click con el botón derecho sobre él y luego haciendo click sobre Copiar :
  29. 29. Ése es el texto que debemos pegar al activar la edición de HTML en el editor de texto de Moodle. </li></ul>
  30. 30. Cómo obtener el código de incrustación (3) <ul><li>En Wix, también podemos obtener el código de incrustación de nuestra publicación, justo después de hacer click sobre el botón Publicar .
  31. 31. Haciendo click sobre el botón Copiar se nos copiará directamente todo el código de incrustación: </li></ul>
  32. 32. Volviendo a los recursos y actividades... <ul><li>Cuando queremos insertar una etiqueta, tras trabajar con el editor de texto, al igual que ocurre con cualquier recurso o actividad que queramos insertar, tenemos que “guardar los cambios”:
  33. 33. Cuando tenemos varios recursos y actividades en un mismo tema, podemos moverlos de sitio haciendo click en la flecha:
  34. 34. Después, tendremos que hacer click en el recuadro correspondiente a donde queramos colocar el enlace al recurso o actividad: </li></ul>
  35. 35. Etiqueta por defecto <ul><li>Al comienzo de cada tema así como en el bloque superior de cada curso virtual se crea por defecto una etiqueta vacía, que podemos utilizar como encabezamiento del tema correspondiente.
  36. 36. Para editarla, hay que hacer click sobre el icono de edición de la etiqueta: </li></ul>
  37. 37. Crear una página web <ul><li>Uno de los recursos más habituales es crear una página web dentro de nuestro curso virtual.
  38. 38. Para ello, seleccionamos este recurso en la lista correspondiente, una vez activada la edición:
  39. 39. En la nueva página, escribimos el nombre con el que aparecerá enlazada desde la página principal del curso.
  40. 40. El resumen NO es el contenido de la página!! </li></ul>
  41. 41. Crear una página web <ul><li>Usando el editor de texto que aparece más abajo, podemos crear el contenido de la página web, que se mostrará a los alumnos cuando hagan click sobre su enlace en la página principal del curso virtual.
  42. 42. Podemos indicar si la página web se mostrará sustituyendo la página del curso principal o bien abriendo una nueva ventana.
  43. 43. También podemos indicar si la página se creará visible (ojo abierto) u oculta (ojo cerrado) . </li></ul>

×