Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Crear bloques con imágenes enlazadas
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Aprendemos a crear bloques HTML que enlazan a recursos externos
Hola compañeros y compañeras, bien hoy vamos a trabajar lo que acordamos el otro día en la reunión sobre
00:00:01
sobre detective, que es ponerlo en el aula virtual para facilitar el acceso al alumnado, ¿de acuerdo?
00:00:06
Bueno, comentamos de que se podría poner en una sección, pero creo que va a ser más interesante si lo
00:00:13
colocamos como un bloque y así aprendemos a crearlos y a configurarlos.
00:00:18
Bien, como veis, yo he creado aquí un bloque con dos imágenes que haciendo clic sobre cada una de ellas
00:00:23
pues me lleva, me enlaza directamente con la página del login para acceder.
00:00:29
En este caso, Change Dyslexia y aquí es My Land Learn de EducaMadrid.
00:00:34
Bien, esto es lo que vamos a aprender a hacer.
00:00:40
Para ello necesitamos las imágenes que queramos usar.
00:00:42
En este caso yo os he dejado aquí la imagen de Detective.
00:00:46
Hacemos clic en el botón derecho y damos a guardar imagen como y la descargamos en nuestro ordenador.
00:00:51
Y en el caso de la otra, igual, botón derecho, guardar imagen como y la descargamos en el ordenador.
00:00:58
Si queremos usar otras imágenes porque vamos a usar otros recursos, pues las podemos usar sin ningún problema.
00:01:02
Bien, como veis aquí ya está creado, ahora vamos a ir a otro curso, me voy a ir al curso de cuarto para hacerlo desde cero.
00:01:15
Bien, estamos en el curso de cuarto, muy importante, activamos la edición, yo ya la tengo activada.
00:01:26
Nos vamos aquí a la barra lateral, recordad que la barra lateral se oculta y se muestra con este botón,
00:01:33
por si acaso no se os muestra, ahí la tenéis, esa barra de navegación
00:01:39
viene aquí al bajo del todo, que casi se lo come aquí este panel
00:01:44
está aquí, el botón que dice agregar un bloque
00:01:50
bien, vamos a hacer clic en él, como veis hay muchos bloques, muchos tipos de bloques que podemos usar
00:01:54
pero nosotros vamos a usar el bloque HTML
00:01:59
bien, diréis, no ha pasado nada, sí, sí ha pasado, está aquí abajo
00:02:02
veis, como veis, nuevo bloque HTML
00:02:09
Lo vamos a mover un poquito con esta flechita para llevarlo más arriba y que sea más fácil de ver y de mover.
00:02:12
Nos lo vamos a llevar aquí casi el primero.
00:02:22
Bien, ahora en el menú de acciones de la ruedecita vamos a ir a configurar bloque.
00:02:26
Le vamos a poner un título y aquí en el contenido es donde tenemos que insertar las dos imágenes.
00:02:33
Bien, vamos con la primera.
00:02:43
Para insertar la primera voy aquí a este botón de imagen, hago clic en examinar el repositorio, subir un archivo, seleccionar el archivo.
00:02:44
Bien, pues voy a empezar con Detective, ya la he adjuntado, como veis aquí le pongo el nombre y le doy a subir.
00:02:57
Bien, le ponemos una descripción para los alumnos que no puedan verla, que lo muestre su lector de pantalla.
00:03:08
vale, aquí en tamaño lo que vamos a hacer es que vamos a ponerle en vez de píxeles un porcentaje
00:03:19
es decir, 100% que ocupe todo, que ocupe todo el espacio
00:03:24
alineación al medio y guardamos
00:03:28
bueno, la imagen ya está subida, vamos a hacer lo mismo con la otra
00:03:30
vamos a marcar aquí la imagen y nos vamos al espacio de después
00:03:36
y damos un enter para que entienda que la queremos poner debajo
00:03:40
y vamos a subir la otra imagen del mismo modo
00:03:44
Smile and Learn, igual, le ponemos 100%, alineación al medio y guardamos.
00:03:47
Bien, ya tenemos las dos imágenes, como veis, y ahora queremos que enlacen.
00:04:09
Entonces vamos a buscar la página de Detective, ya la tengo aquí, ¿vale?
00:04:14
Esta es la página que queremos que enlace, así que copiamos su URL, copiamos,
00:04:22
y ahora pinchamos sobre la imagen y una vez está puesta de azul
00:04:27
nos vamos a este botón que se llama enlace
00:04:32
y en esta casilla pegamos
00:04:35
bien, vamos a configurar además que se abra en una nueva ventana
00:04:39
para que no se cierre el aula virtual y pulsamos crear enlace
00:04:43
bien, y vamos a hacer lo mismo, ya soltamos
00:04:47
y vamos a hacer lo mismo con Smile and Learn
00:04:52
Vamos a buscar la página, Smile and Learn EducaMadrid, copiamos la URL y una vez está aquí de azul, hemos hecho clic y hemos puesto azul, hacemos clic en enlace, pegamos y marcamos el tick de abrir en ventana nueva y pulsamos crear enlace.
00:04:55
Bien, vamos a guardar cambios y como veis el bloque ya está correctamente creado. Vamos a desactivar la edición y vamos a comprobar que enlaza bien. Como veis ya cuando me pongo sobre la imagen ya me indica que hay un enlace que está funcionando bien y este de Smile and Learn que también está funcionando bien.
00:05:16
Así que de esta manera podéis integrar en el aula virtual estos enlaces de esta forma cómoda con las imágenes a otros recursos externos.
00:05:44
Pues hasta aquí este vídeo. Un saludo.
00:05:53
- Idioma/s:
- Autor/es:
- Juan José Bueso
- Subido por:
- Tic cp cristobalcolon madrid
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 110
- Fecha:
- 10 de abril de 2021 - 12:01
- Visibilidad:
- Público
- Centro:
- CP INF-PRI CRISTOBAL COLON
- Duración:
- 05′ 56″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 29.77 MBytes
