Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Imagen mapeada con Canva y Gimp

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 11 de diciembre de 2022 por Martín G.

27 visualizaciones

Imagen mapeada con Canva y Gimp

Más información Transcripción

Descargar la transcripción

Hola, voy a intentar explicaros a cómo utilizar y cómo crear una imagen mapeada. 00:00:00
Una imagen mapeada es aquella que en un sitio web, por ejemplo, puede ser esta imagen. 00:00:05
Cuando yo paso el ratón justamente por encima de esta carita, me llevaría a una cierta página web. 00:00:10
Si, por ejemplo, sitúe el ratón por encima de este botón rojo, me llevaría a otra página web distinta. 00:00:16
Eso se llama una imagen mapeada, porque esto al final es una imagen. 00:00:22
Bueno, hay varias etiquetas HTML para poder hacerla, pero yo voy a utilizar alguna herramienta. 00:00:26
Voy a utilizar GIMP y Canva. 00:00:32
Para ello, mirad, para hacer la imagen, yo recomiendo la página de Canva, 00:00:35
que para hacer diseños está muy, muy bien. 00:00:40
Tenéis una cuenta de profesor de educación, tenéis muchas más opciones. 00:00:43
Entonces, mirad, por ejemplo, podéis ir a Canva, podéis meteros en plantillas, aquí tenéis un montón. 00:00:48
Según queráis, presentaciones, pizarras, documentos, anuncios, historias de Instagram, etc. 00:00:54
También podéis pinchar aquí en plantillas, tenéis un montón más. 00:01:00
Lo veis, currículos, tarjetas, post, marketing, flyers, educación, etc. 00:01:03
O también cuando queráis un diseño, también podéis elegir sobre qué va a ir dedicado ese diseño. 00:01:08
Yo, para lo que voy a hacer, es una imagen mapeada tipo banner. 00:01:13
Podría buscar un banner, pero en este caso voy a utilizar algo que me gusta mucho, 00:01:16
que son los encabezados de Google Classroom. 00:01:20
Lo veis aquí. 00:01:24
Le voy a dar. 00:01:26
O también podéis buscar aquí encabezados de Google Classroom, si no lo encontráis fácilmente. 00:01:28
Bueno, mirad, dentro de los encabezados de Google Classroom, pues, como veis, 00:01:36
lo que yo intentaba buscar más o menos es alargado y estrechito. 00:01:41
Imaginaros que yo, por ejemplo, quiero utilizar este apartado de aquí. 00:01:45
Entonces lo pincharía. 00:01:54
Puedo cambiar el que a mí más me guste, por ejemplo, este. 00:01:56
Y ya personalizaría la plantilla. 00:02:00
Aquí fijaros que me da el diseño creado, pero yo podría meter elementos, añadir un texto. 00:02:03
Imaginaros que la idea sería que a lo mejor cuando seleccione esta imagen vaya a un cierto sitio, 00:02:10
cuando seleccione esta vaya a otro sitio, cuando seleccione las letras vaya a otro sitio. 00:02:15
Por ejemplo, si me ocurre, podemos meter un texto, tipo subtítulo, que es lo que aparece aquí, 00:02:19
en el que yo, por ejemplo, voy a poner apartado 1. 00:02:26
Imaginaros que vayas apartados. 00:02:30
Cuando yo tengo un texto, si yo lo cojo, ahí está, lo puedo duplicar. 00:02:32
Voy a hacer 3. 00:02:37
Fijaros. 00:02:39
Y podría ser, por ejemplo, este el apartado 2 y el apartado 3. 00:02:42
Bueno, se ha movido un poco. 00:02:48
Apartado 3. 00:02:51
Es decir, pues voy a añadir aquí un texto para que cada vez que vaya el ratón por encima de este apartado vaya a un cierto lugar. 00:02:52
Fijaros lo que podríais hacer ahora. 00:03:00
Imaginaros que esta es la imagen que ya os gusta. 00:03:01
Podríais compartirla. 00:03:03
Y yo lo que haría sería descargarlo. 00:03:05
Lo veis aquí. 00:03:07
Lo descargaría. 00:03:08
PNG, si tenéis cosas transparentes, incluso si tenéis alguna animación, podéis utilizar, por ejemplo, GIF. 00:03:09
Entonces, una vez que lo descarguéis, tendréis la foto. 00:03:18
Yo, para ir más ágil, mirad que yo tengo más o menos... 00:03:22
¿Dónde estaba? 00:03:27
Aquí está. 00:03:28
Imaginaros que yo tengo esta imagen mapeada. 00:03:29
Lo veis aquí. 00:03:31
Hecho tipo Google Plus. 00:03:33
El nombre de la imagen. 00:03:36
No me gusta poner espacios. 00:03:38
Todo en minúscula. 00:03:40
Que sea fácil. 00:03:41
¿Lo veis? 00:03:42
Imagen mapeada. 00:03:43
800.jpg. 00:03:44
Ahora os diré por qué. 00:03:45
Bueno. 00:03:46
Una vez que tengo ya esto, el siguiente paso va a ser utilizar una herramienta que es GIM. 00:03:47
Que es de editor de imágenes. 00:03:52
Para poder bajar la herramienta, es una herramienta típica de imágenes tipo Photoshop, pero de software libre, 00:03:54
os podéis ir a la página de GIM.org. 00:04:01
Aquí daréis a onload. 00:04:04
La versión actualmente es la 2.10.32. 00:04:05
Yo la tengo instalada. 00:04:08
Entonces yo arranco GIM. 00:04:09
Lo que voy a hacer es tratar esa imagen para poder mapearla de forma automática. 00:04:14
Tengo que hacer yo el código HTML de forma automática. 00:04:18
Pues mirad lo que voy a hacer aquí yo. 00:04:21
Es archivo, abrir. 00:04:23
Y cogería la foto. 00:04:25
O, por ejemplo, podría arrastrar la foto donde la tenga. 00:04:26
Como es esta de aquí. 00:04:30
Y la arrastro. 00:04:32
Ahí está. 00:04:34
Bueno, y ahora tengo escalada, pero os voy a explicar cómo hacerla. 00:04:35
Entonces, imaginaros que... 00:04:39
Bueno, lo voy a hacer de cero. 00:04:41
Lo voy a hacer de cero. 00:04:48
¿Vale? 00:04:49
Imaginaros... 00:04:50
Vaya, ahora he salido del programa. 00:04:51
Imaginaros que yo tengo la imagen que es más grande de lo normal. 00:04:52
A ver... 00:04:58
Vale. 00:05:00
Entonces mirad. 00:05:02
Creo que esta era más grande. 00:05:03
Tenéis que tener mucho cuidado porque las imágenes en web debían ocupar poquito. 00:05:05
¿Vale? 00:05:09
Pero imaginaos esta. 00:05:10
Voy a coger esta. 00:05:11
La selecciono y la arrastro. 00:05:13
Vale, mirad que es un poco grande, ¿vale? 00:05:15
Entonces yo lo primero que haría sería escalarla. 00:05:17
Para escalarla yo me iría a Imagen. 00:05:20
Y aquí pone Escalar la imagen. 00:05:23
Yo, por ejemplo, voy a poner 800. 00:05:26
Mirad que me lo hace más o menos automático, pero voy a cambiar el tamaño. 00:05:31
Y voy a decir Escalar. 00:05:35
Fijaros que me la ha cambiado. 00:05:37
¿Vale? 00:05:38
Bueno, y ahora lo que voy a hacer es... 00:05:40
¿Cómo mapear la imagen? 00:05:42
Para ello mirad, me voy a ir a Filtros. 00:05:43
Voy dentro de Web y voy al apartado de Mapa de Imágenes. 00:05:45
Lo veis aquí. 00:05:49
Filtros, Web, Mapa de Imágenes. 00:05:50
Esto me va a crear todo el código. 00:05:52
Ahí está. 00:05:55
Vale, mirad, se me abre una pantallita. 00:05:56
Ahí está. 00:05:58
Vamos a hacer lo siguiente. 00:06:00
Fijaros. 00:06:01
Lo hago un poquito más grande. 00:06:02
Y lo que quiero hacer yo es... 00:06:04
Mirad, tengo varias herramientas. 00:06:05
Cuadrado, círculo, un polígono. 00:06:07
¿Vale? 00:06:10
Y la flecha para poder, tipo ratón. 00:06:11
Entonces mirad, lo que yo voy a hacer, por ejemplo, es cuando coja el logotipo del colegio. 00:06:13
Voy a la página web del colegio. 00:06:16
Entonces lo que hago es, cojo el rectángulo. 00:06:17
Y voy a seleccionar la zona que yo quiero. 00:06:20
En este caso, sería más o menos... 00:06:22
Ahí, doy clic. 00:06:25
¿Lo veis? 00:06:26
Me aparece esta ventana. 00:06:27
Aquí, por ejemplo, puede ser... 00:06:28
¿Qué tipo de nace va a ser? 00:06:29
¿Un sitio Web? 00:06:30
¿Un archivo? 00:06:31
¿Un sitio FTP? 00:06:32
¿Un telnet? 00:06:33
¿Un correo? 00:06:34
Fijaros que el protocolo, dependiendo qué cojáis, va a cambiar. 00:06:35
Yo, como lo voy a hacer a mano, voy a poner otro. 00:06:39
¿De acuerdo? 00:06:42
Entonces, como quiero que vaya a la página web del colegio, mirad. 00:06:43
Yo ya tengo aquí la página del colegio. 00:06:45
Cojo la URL. 00:06:48
Control-C. 00:06:50
Y vendría aquí y pegaría. 00:06:52
Ahí está. 00:06:54
¿Vale? 00:06:56
Y voy a aplicar o aceptar. 00:06:57
Ya está. 00:06:59
Fijaros que aparece aquí ya en enlazo. 00:07:00
¿Vale? 00:07:02
Ahora voy a hacer otro apartado más. 00:07:03
Por ejemplo, yo quiero que sobre mi foto vaya a mi Twitter. 00:07:04
Pues, por ejemplo, cogería el círculo. 00:07:09
Y voy a hacer, más o menos, así lo veis. 00:07:12
Y hago clic. 00:07:16
Cuando hago clic ya, me aparece eso. 00:07:17
Entonces, lo que voy a hacer es irme directamente a mi Twitter, a mi URL de Twitter. 00:07:19
Por ejemplo, es esa. 00:07:24
Control-C. 00:07:26
Me vendría aquí. 00:07:27
Y voy a pegar la URL. 00:07:29
En este caso, mirad, voy a quitar este enlace relativo para que veáis a ver qué pasa. 00:07:32
¿Vale? 00:07:35
Y voy a aceptar. 00:07:36
Fijaros que ya tengo dos formas. 00:07:38
Y ahora, para ya utilizar todas, voy a utilizar el polígono. 00:07:41
Entonces, imaginaos que el polígono es en zonas un poco más raras. 00:07:44
Yo voy a coger un poquito estas manos. 00:07:47
No es la mejor forma, pero bueno. 00:07:49
Mirad, yo voy a ir dibujando, ¿veis? 00:07:51
Cuando veis que hago un clic, me deja seguir. 00:07:54
¿Os dais cuenta? 00:07:56
Imaginaos que yo hago así. 00:07:58
Hago así. 00:08:00
Hago así. 00:08:02
Y voy bajando para abajo. 00:08:03
Y ya tengo el polígono. 00:08:05
Clic, clic. 00:08:06
¿Lo veis? 00:08:07
Por ejemplo, eso vaya, quiero que vaya a Duca Madrid. 00:08:08
Selecciono. 00:08:11
Control-C. 00:08:12
Me voy al gym. 00:08:13
Y pego. 00:08:14
Control-V. 00:08:16
Y voy a aceptar. 00:08:17
Ya tengo las tres formas. 00:08:19
A ver, si me equivocan algo, puedo coger el icono de la flecha. 00:08:20
¿Lo veis? 00:08:24
Poder seleccionar alguna y moverla de sitio. 00:08:26
¿Lo veis? 00:08:29
O incluso ajustar un poquito más el tamaño. 00:08:30
¿Os dais cuenta? 00:08:32
Más o menos por ahí. 00:08:34
¿Vale? 00:08:35
Si me equivoca por lo que sé, imaginaos que yo el tema 1. 00:08:36
Pues mirad, tema 1. 00:08:40
¿Vale? 00:08:42
Claro, sería un apartado. 00:08:43
Voy a aceptar. 00:08:44
Si me equivoca por lo que sea, flechita. 00:08:45
La cojo, la puedo mover a los demás. 00:08:48
Si la quiero cortar, las tijeras. 00:08:50
Lo voy eliminando. 00:08:52
¿Vale? 00:08:53
Esa es la idea. 00:08:54
Bueno, lo importante es que ya tengo aquí los tres enlaces y las formas. 00:08:55
¿Qué voy a hacer ahora? 00:08:58
Lo que voy a hacer es archivo. 00:08:59
Y lo voy a guardar. 00:09:01
¿O guardar cómo? 00:09:03
Como queráis. 00:09:04
Venga, guardar como. 00:09:05
¿Vale? 00:09:06
Yo me vengo aquí. 00:09:07
Fijaros qué nombre de archivo me pone. 00:09:08
Me pone más o menos la imagen y un punto map. 00:09:10
Yo voy a poner, por ejemplo, pues, prueba final 3. 00:09:13
Y como va a ser un texto, en vez de poner map, yo voy a quitarlo y voy a poner un txt. 00:09:22
¿Vale? 00:09:27
¿Vale? 00:09:29
Y voy a guardar aquí dentro, por ejemplo. 00:09:30
Una carpeta. 00:09:34
Prueba mapeada. 00:09:36
Ahí está. 00:09:41
Y lo voy a guardar. 00:09:43
Ahí. 00:09:45
¿Me he equivocado? 00:09:47
Un segundito. 00:09:48
Ahí está. 00:09:50
Ahí está. 00:09:53
Te lo voy a poner. 00:09:54
Prueba mapeada final. 00:09:59
Punto txt. 00:10:02
¿Vale? 00:10:04
Y lo voy a dar a guardar. 00:10:05
Bueno. 00:10:07
Y esto ya también lo podría cerrar. 00:10:08
¿Vale? 00:10:10
Sigo en el GIMP. 00:10:11
Y ahora lo que voy a hacer es guardar esta imagen. 00:10:12
Voy a guardar esta imagen al archivo. 00:10:14
En vez de guardar como, lo que voy a hacer es exportarla. 00:10:17
¿Vale? 00:10:20
La voy a exportar como. 00:10:21
Podría, por ejemplo, que sea jpg, etcétera, etcétera. 00:10:23
Y voy a cambiar el sitio. 00:10:26
En vez de ser coordinador, fijaros, prueba mapeada. 00:10:27
Ahí la quiero guardar. 00:10:30
¿Vale? 00:10:32
Jpg. 00:10:33
Voy a utilizar otro extension de archivo. 00:10:34
Voy a dar a guardar. 00:10:37
Y con qué calidad quiero guardar esa imagen, etcétera. 00:10:40
Y exportar. 00:10:44
Bueno, ya tengo la imagen. 00:10:45
Pues mira, si ahora, por ejemplo, yo acudo. 00:10:47
Ahora que tengo la prueba mapeada. 00:10:49
Tengo una imagen. 00:10:51
¿Vale? 00:10:55
Lo veis ahí. 00:10:56
Y tengo el código HTML que hace falta para mapear esa imagen. 00:10:57
Bueno. 00:11:01
Como a mí no me gustan nombres tan largos, ni espacios, ni demás. 00:11:02
Voy a poner imagen mapeada 5. 00:11:06
¿Vale? 00:11:11
Bueno, ¿qué voy a hacer ahora? 00:11:12
Voy a hacer un código HTML. 00:11:14
Esto es de prueba, entonces. 00:11:16
Lo que voy a hacer, mirad es. 00:11:18
Voy a coger directamente. 00:11:20
Aquí está. 00:11:22
Esto ya tengo listo, más o menos, para no tardar demasiado. 00:11:26
Imagina que tengo una página web. 00:11:29
Voy a abrirla. 00:11:31
Entonces, fijaros que tengo etiquetas básicas. 00:11:32
Tengo HTML, el HEAD y el BODY. 00:11:35
Hice el HTML. 00:11:39
¿Vale? 00:11:40
En title he puesto web imagen mapeada. 00:11:41
Y aquí en el BODY he puesto un h1 imagen mapeada. 00:11:43
¿Vale? 00:11:45
Esto, si yo lo abro, pues no se va a ver gran cosa. 00:11:46
Tengo la imagen mapeada y ya está. 00:11:48
Entonces, mirad. 00:11:50
Lo que voy a hacer es lo siguiente. 00:11:51
Si yo abro este fichero HTML. 00:11:53
Abro la prueba mapeada. 00:11:57
Fijaos el código que me ha creado Jim. 00:11:59
¿Vale? 00:12:01
Entonces, ¿qué tengo que hacer? 00:12:02
Primero, aquí tengo el código HTML para utilizar la imagen. 00:12:03
Entonces, CTRL-C. 00:12:07
Voy a venir aquí, porque después de poner imagen mapeada, 00:12:08
quiero que ponga la foto. 00:12:12
¿Vale? 00:12:14
Importante. 00:12:15
Esto de aquí, que sería la URL donde está guardada la foto, 00:12:16
no va a estar ahí. 00:12:19
Entonces, ¿cómo se llamaba? 00:12:20
Imagen mapeada 5. 00:12:21
¿Lo veis? 00:12:23
Pues va a estar en la misma carpeta que va a estar la página web. 00:12:24
Entonces, yo directamente me puedo hacerlo así. 00:12:27
Cambiar nombre. 00:12:29
Selecciono todo. 00:12:31
CTRL-C. 00:12:32
Vengo aquí. 00:12:34
Y CTRL-V. 00:12:36
¿Vale? 00:12:38
Ahí lo tengo. 00:12:39
¿Vale? 00:12:40
¿Qué es lo siguiente que tengo que hacer? 00:12:41
Pues mirad. 00:12:42
Ahí. 00:12:44
Lo siguiente que tengo que hacer es copiar esto de aquí. 00:12:45
El HTML se llama map. 00:12:47
¿Vale? 00:12:49
Lo voy a poner justo abajo. 00:12:50
Ahí está. 00:12:52
Entonces, lo importante. 00:12:53
Mirad, aquí me dice la imagen. 00:12:54
Esta etiqueta me dice la imagen. 00:12:56
Con su tamaño ancho y alto. 00:12:58
El borde cero. 00:12:59
Y que va a utilizar el mapa. 00:13:00
Use map. 00:13:02
Almohadilla map. 00:13:03
Fijaros que luego yo aquí defino la etiqueta map. 00:13:04
Que lo que va a decir es, ¿cómo se llama este mapa? 00:13:07
Map. 00:13:10
Si yo cambio este nombre, también debo cambiar este. 00:13:11
Porque van a ser las referencias, las coordenadas de los enlaces. 00:13:13
Por ejemplo, si yo pongo aquí mapa Martín. 00:13:17
Aquí también debería poner mapa Martín. 00:13:22
¿De acuerdo? 00:13:26
Y ahí tenéis. 00:13:27
Fijaros. 00:13:28
Dentro de la etiqueta map, hay area shape. 00:13:29
Hay tres áreas. 00:13:32
Una rectangular, otra circular y otra un polígono. 00:13:33
Y sus coordenadas. 00:13:36
Y cuando la pinchen, ahí tenéis el enlace, la url, donde va a ir dirigida. 00:13:37
¿De acuerdo? 00:13:42
Bueno, pues yo voy a guardar esto. 00:13:43
Vale. 00:13:46
Importante. 00:13:47
Fijaros que tiene extensión txt. 00:13:48
Entonces, ¿qué es lo que voy a hacer? 00:13:50
Pues lo que voy a hacer es cambiar el nombre y le voy a llamar html txt. 00:13:52
Muy importante aquí la opción, siempre en Windows que trabajáis, que sean las extensiones. 00:13:59
¿Lo veis? 00:14:04
Entonces yo muestro las extensiones. 00:14:05
En vez de ser un txt, lo que voy a hacer es cambiar el nombre y quitar el txt por un html. 00:14:07
Htm o html. 00:14:12
Vaya, creo que me he equivocado. 00:14:14
Ahí está. 00:14:18
Ahí está. 00:14:19
Html. 00:14:21
¿Estáis seguros? 00:14:23
Sí. 00:14:24
Y ahora mirad, si yo, por ejemplo... 00:14:25
He hecho bien, creo, ¿no? 00:14:27
Sí. 00:14:28
Si yo, por ejemplo, abro este fichero... 00:14:29
Creo que está aquí, ¿lo veis? 00:14:32
¿No? 00:14:33
Tiene la imagen mapeada. 00:14:34
La imagen. 00:14:35
Y fijaros que cuando yo me voy a cierto sitio, por ejemplo, el icono del colegio, 00:14:36
fijaos que en la parte inferior me va a aparecer dónde tiene que ir. 00:14:42
Si yo, por ejemplo, selecciono mi foto en tipo circular, fijaros que en la parte inferior me dice dónde tiene que ir. 00:14:46
¿De acuerdo? 00:14:54
Bueno, aquí me he equivocado. 00:14:55
Fijaros que aquí me he equivocado. 00:14:56
He puesto un fichero. 00:14:57
¿Lo veis? 00:15:00
Aquí lo he puesto bien. 00:15:01
Y aquí en las manos también me he equivocado porque me ha puesto un fichero. 00:15:02
Lo he copiado mal. 00:15:06
¿Vale? 00:15:08
Entonces esto debería corregirlo. 00:15:09
Mirad, si me tiene que volver a Jim, lo que podría hacer es lo siguiente. 00:15:11
Es... 00:15:15
Yo voy al código. 00:15:16
Abrir con HTML. 00:15:19
Bloque de notas, por ejemplo. 00:15:20
Y lo que digo es que... 00:15:22
Fijaros que no me ha copiado el HTTP delante. 00:15:27
¿Lo veis? 00:15:30
¿Vale? 00:15:32
Perfecto. 00:15:33
Entonces lo que voy a hacer es me voy a mi Twitter. 00:15:34
Ojo. 00:15:38
Control-C. 00:15:39
Me voy aquí. 00:15:40
Y ahora sí que lo pego. 00:15:42
Control-V. 00:15:45
Y ahora me voy, por ejemplo, a Duca Madrid. 00:15:46
Cojo esto. 00:15:48
Control-C. 00:15:49
Me voy al código HTML. 00:15:51
Y lo pego. 00:15:54
Ahora sí. 00:15:56
¿Lo veis? 00:15:57
Voy a guardar. 00:15:58
Y voy a actualizar la página. 00:16:01
Ahí está. 00:16:04
Entonces vamos a ver si funciona. 00:16:05
Mirad, si yo le pincho a Salesianos... 00:16:06
Perfecto. 00:16:08
Si le pincho a Martín... 00:16:09
Ahora sí que pone el TPS. 00:16:10
A ver si me aparece. 00:16:13
Ahí está. 00:16:14
¿Lo veis? 00:16:15
Me aparece. 00:16:16
Y si cojo las manos, ya no pone protocolo file, sino HTTP. 00:16:17
A ver qué tengo que bajar. 00:16:22
Ahí está. 00:16:23
TPS. 00:16:24
¿Vale? 00:16:25
Vamos a probarlo. 00:16:26
¿Lo veis? 00:16:27
Me ha abierto la página del colegio. 00:16:28
¿Vale? 00:16:31
Si pincho sobre mí... 00:16:32
Me ha abierto mi Twitter. 00:16:36
Y si pincho sobre las manos... 00:16:39
Había la página de EducaMadrid. 00:16:41
Bueno, pues ahí tenéis un ejemplo de imagen mapeada. 00:16:43
Cómo hacerlo con diversas herramientas, porque es muy difícil a mano poder saber las coordenadas reales. 00:16:46
Entonces, utilizando Jim, utilizando Canva para hacer la imagen, pues cómo hemos podido completarla. 00:16:51
Bueno, pues nada. 00:16:57
Espero os sirva. 00:16:58
Una última cosa. 00:16:59
Esto lo he hecho en un fichero que está en mi ordenador. 00:17:00
Pero ¿qué tengo que hacer? 00:17:03
Si lo hago... 00:17:04
Si lo hago cierre a mano, hay que subirlo a un hosting, ya sabéis. 00:17:05
Pero también podría hacerlo, por ejemplo, en un blog, en Blogger, en WordPress, en un aula virtual, etc. 00:17:07
La única dificultad que vais a tener ahí es dónde guardar esta imagen. 00:17:13
¿Vale? 00:17:16
Porque ya no va a ser referencia a una misma carpeta. 00:17:17
Si no, a lo mejor podéis tenerla en el blog como una entrada. 00:17:19
Podéis tenerla dentro del cloud. 00:17:22
Podéis tenerla de varias formas. 00:17:24
¿Vale? 00:17:27
También otra opción podría ser esta. 00:17:29
Bueno. 00:17:31
Alojarla, por ejemplo. 00:17:33
Si estoy en Blogger, una idea sería tener una entrada. 00:17:34
Ahí la tenéis, como había hecho antes, ¿no? 00:17:40
Dónde he insertado la imagen. 00:17:42
Y para tener la URL de esa imagen, botón derecho, copiar dirección de imagen. 00:17:44
¿Lo veis aquí? 00:17:49
Así siempre estaría disponible esa imagen. 00:17:50
Luego, por ejemplo, lo que podéis hacer es que esté emborrada esta entrada. 00:17:53
Otra opción, por ejemplo, a lo mejor utilizar el drive o... 00:17:58
...el cloud de Ducamadrid para guardar la imagen y luego coger la URL. 00:18:01
O sea, tenéis varias formas de poder hacerlo. 00:18:04
Bueno, pues nada. 00:18:07
Mucho ánimo y espero que os sirva. 00:18:08
Fijaros que aquí en el blog lo he hecho de prueba. 00:18:10
¿Lo veis? 00:18:17
Cuando pinche en Salesianos, mira páginas salesianos, mi Twitter... 00:18:18
...y las manos. 00:18:26
Pues nada. 00:18:28
Hasta luego y espero os sirva. 00:18:29
Chao. 00:18:31
Idioma/s:
es
Autor/es:
Martín García Valle
Subido por:
Martín G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
27
Fecha:
11 de diciembre de 2022 - 13:58
Visibilidad:
Público
Centro:
CPR INF-PRI-SEC CIUDAD DE LOS MUCHACHOS
Duración:
18′ 37″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
37.74 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid