Saltar navegación

Tutorial: crear un menú en el Aula Virtual - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 12 de julio de 2023 por Silvia Del C.

18 visualizaciones

Tutorial largo pero sencillo para crear un menú de acceso a las distintas secciones del Aula Virtual.

Descargar la transcripción

este tutorial es un poco largo pero no os asustéis es más sencillo de lo que parece 00:00:00
en este tutorial vamos a poder ver de forma sencilla cómo crear un menú para que los 00:00:11
alumnos puedan acceder de forma rápida a todas las secciones del aula virtual 00:00:17
lo primero que tenéis que hacer es crear la imagen que queréis utilizar como menú de 00:00:22
inicio en esto no nos vamos a detener porque seguro que sabéis hacerlo perfectamente 00:00:27
Podéis utilizar cualquier procesador de texto, PowerPoint, lo que mejor os convenga. 00:00:33
Después podéis guardar la imagen tal cual o recortarla. 00:00:39
Yo, por ejemplo, la he recortado utilizando el recurso que tiene el propio ordenador, que me parece la forma más sencilla. 00:00:43
Y después la tenéis que guardar. 00:00:50
Ahora vamos con el programa que vais a necesitar para poder mapear la imagen. 00:00:54
Tenéis que descargar, en este caso, GIMP. 00:00:59
podéis mirar primero si lo tiene vuestro ordenador porque algunos lo tienen por defecto 00:01:01
y si no lo tenéis lo descargáis que es gratuito 00:01:06
una vez que tenemos abierto GIMP abrimos también donde tenemos nuestra imagen 00:01:08
arrastramos nuestra imagen dentro de GIMP y vamos a trabajar sobre ello 00:01:14
para ello nos vamos al menú superior pinchamos en filtros 00:01:20
después bajamos y vamos a web y luego por último a mapa de imagen 00:01:24
entonces se nos va a abrir otra ventanita que es sobre la que vamos a trabajar 00:01:29
parecen muchos pasos pero es muy sencillo 00:01:32
esta parte es una de las más importantes 00:01:37
nos vamos a ir al menú de arriba y vamos a donde pone mapa 00:01:40
seleccionamos la opción rectángulo y con esa forma geométrica 00:01:44
es con la que vamos a seleccionar las zonas de nuestra imagen que queremos que sean sensibles 00:01:48
para que cuando pinchen sobre ellas nos lleven a un determinado lugar 00:01:54
entonces simplemente tenemos que ir seleccionando la zona, abrazamos el rectángulo 00:01:58
y veremos que entonces se nos va a abrir un menú 00:02:04
y esta parte es todavía más importante 00:02:07
hay que rellenar con la URL donde queremos que nos lleve esa imagen 00:02:12
para eso tenemos que tener abierto también nuestro aula virtual 00:02:16
y entonces nos iremos al menú que aparece a la izquierda del aula virtual 00:02:21
nos colocaremos sobre la sección que nos interese 00:02:28
donde queremos que nos lleve esa imagen que hemos seleccionado 00:02:32
y con el botón derecho vamos a pinchar 00:02:35
y le damos a la opción copiar dirección de enlace 00:02:38
una vez que hemos copiado la URL 00:02:43
nos volvemos otra vez al menú que se nos había abierto en GIMP 00:02:46
y la pegamos en su lugar 00:02:50
donde habíamos dicho y donde marca la flecha de color rojo 00:02:52
Y veréis cómo cambia en esa ventana, la parte derecha, que va a aparecer el número 00:02:55
1 que pertenece a la primera imagen que habéis seleccionado y la dirección que habéis elegido. 00:03:03
Estos pasos van a ser los mismos con todas las imágenes. 00:03:08
Y muy importante, fijaros bien cuando tengáis la URL, que todas tienen que empezar por 00:03:14
ht pps dos puntos dos barras normalmente la primera dirección la de la primera imagen 00:03:22
suele dar error no aparece esto y lo tendréis que escribir manualmente donde habéis copiado 00:03:30
la url os colocáis pincháis sobre ella y lo escribís una vez que habéis terminado 00:03:35
de seleccionar todas las imágenes de pegar las url y habéis terminado el documento entonces 00:03:43
lo guardáis, vais a guardar como 00:03:50
y yo lo guardaría en el escritorio 00:03:52
para que bueno, podáis acceder de forma 00:03:54
más rápida a él 00:03:55
ahora que ya hemos 00:03:56
terminado ese documento nos volvemos al aula 00:04:00
virtual y tenemos que elegir 00:04:01
como 00:04:04
y donde poner nuestra imagen 00:04:05
lo lógico es ir a la primera sección 00:04:07
y esa es la opción que yo he elegido 00:04:09
en mi caso podéis 00:04:13
ver que ya le he puesto la palabra menú 00:04:16
pero bueno, vosotros podéis elegir 00:04:17
llamarlo de otra manera importante tenéis que tenerlo en modo 00:04:20
edición y bueno esto va a ser muy sencillo porque imagino que todos lo 00:04:25
sabéis hacer os vais a editar sección y en el menú que os aparece le vais a dar 00:04:28
a insertar la imagen una vez que ya tenéis vuestra imagen lo 00:04:35
único muy importante que cuando rellena es todos los pasos cuando es a insertar 00:04:42
la imagen hay uno que os expone que podéis elegir el tamaño de la imagen no 00:04:47
la podéis cambiar de acuerdo la imagen tiene que ser igual a la que habéis puesto en gym no se 00:04:51
puede modificar porque si no nos daría error y ya estaría si debiéramos a guardar y saliéramos 00:04:58
tendríamos puesta la imagen pero no sería sensible para que sea sensible hay que hacer lo que vamos 00:05:06
a conseguir a continuación esta parte es un pelín más complicada pero tampoco muy difícil porque lo 00:05:12
vamos a ver paso a paso. Primero nos vamos a la parte superior del menú, zona izquierda 00:05:18
y en la flechita que estén señalando hacia abajo la pinchamos sobre ella. Se va a ampliar 00:05:24
el menú y nos vamos a esa parte que se ha ampliado abajo a la derecha y buscamos los 00:05:29
símbolos que parecen mayor que menor que atravesados por una barra. Pinchamos sobre 00:05:35
ello. Entonces nos van a aparecer los datos de la imagen. Nosotros sin saber programación 00:05:40
Vamos a modificar esta información para que la imagen sea sensible y actúe como menú. 00:05:47
Ahora, tenemos que abrir el documento de GIMP que habíamos guardado. 00:05:56
Si lo habéis hecho en el escritorio, vais a acceder fácilmente a él. 00:06:00
Si os da problema para abrirlo, como a mí me dio problema con el Word, podéis abrirlo con el blog de notas. 00:06:03
Y entonces vais a seleccionar lo que veis en la imagen. 00:06:09
con el botón derecho le dais a copiar 00:06:13
os volvéis otra vez al aula virtual 00:06:18
y detrás del texto de color verde que está en la primera línea 00:06:20
vais a pegar lo que habéis seleccionado 00:06:26
después le vais a dar un espacio 00:06:29
ahora nos vamos a fijar en el otro párrafo 00:06:32
al final que aparecen otra vez los símbolos que parecen más que menos que 00:06:36
uno frente a otro 00:06:41
Y hay que pinchar entre ellos 00:06:43
Y le vamos a dar varias veces al Enter 00:06:46
Fijaros bien en la imagen y lo entenderéis mejor 00:06:48
Ahora nos volvemos nuevamente a Alguin 00:06:51
Y seleccionamos lo que nos quedaba 00:06:54
Si os fijáis en la imagen lo vais a entender mejor 00:06:57
Con el botón derecho le vamos a dar a copiar 00:06:59
Nos volvemos otra vez al aula virtual 00:07:02
Y lo vamos a pegar en la línea siguiente al texto rojo 00:07:07
Detrás del párrafo 00:07:12
pegamos y ya está. Simplemente tenemos ya que guardar los cambios. Si hemos seguido 00:07:14
todos los pasos ya tendremos nuestro menú de inicio para el aula virtual y 00:07:21
así nuestros alumnos podrán acceder más fácilmente a las distintas secciones del 00:07:26
aula. De todas formas, si tenéis algún problema 00:07:30
o no habéis entendido alguna cosa o no ha quedado algo claro, me podéis preguntar. 00:07:35
CC por Antarctica Films Argentina 00:07:44
Idioma/s:
es
Autor/es:
Silvia del Castillo
Subido por:
Silvia Del C.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
18
Fecha:
12 de julio de 2023 - 10:57
Visibilidad:
Clave
Centro:
CP INF-PRI CIUDAD DE ROMA
Duración:
07′ 46″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
28.04 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid