Activa JavaScript para disfrutar de los vídeos de la Mediateca.
INSERTAR HIPERVINCULOS EN CONTENIDO WEB EDUCAMADRID
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:
Hola de nuevo, en este nuevo vídeo vamos a ver cómo modificar un contenido.
00:00:00
El contenido con el que partimos es un contenido que simplemente tiene texto, como vemos tanto en el título como en el cuerpo.
00:00:10
Bueno, pues vamos a enriquecerlo metiéndole fotografías o imágenes intercaladas con el texto.
00:00:18
Para ello, primero damos al botón de editar controles, para activar los controles de edición,
00:00:23
y le damos al botón de editar correspondiente a este contenido.
00:00:27
Bien, vamos al cuerpo, que es a la pestaña cuerpo, y una vez que entramos a la pestaña cuerpo vemos el texto que previamente veíamos.
00:00:31
Vale, pues vamos a meter aquí, en esta parte de aquí, en este espacio, vamos a meter una imagen.
00:00:40
Le damos a insertar imagen, hasta el botón de insertar imagen, y tengo que ir al botón de examinar.
00:00:44
Como no lo tenemos precargado en mi servidor, tengo que darle a seleccionar archivo para ir a buscar esa imagen a mi ordenador.
00:00:52
En este caso está en el escritorio del disco duro de mi ordenador. Le damos a la imagen que quiero precargar y le pongo un título. Imagen, por ejemplo, esta imagen. Le doy un título y le doy a subir.
00:01:00
Bien, ya tengo subida la primera, le doy a OK, le vuelvo a dar OK, ya tengo subida la primera imagen. Ahora la voy a recolocar. Primero cambio el tamaño, pincho y arrastro desde uno de los extremos y segundo los voy a alinear en el centro.
00:01:16
Bueno, ahora vamos a hacer lo mismo con la segunda imagen
00:01:34
Vamos a, en este hueco de aquí, selecciono el ratón donde quiero insertar la imagen
00:01:37
Le vuelvo a dar al botón de insertar imagen
00:01:42
Y vuelvo a darle al botón de examinar
00:01:45
Bueno, pues ahora como sigo esa imagen, no la tenía subida al servidor
00:01:47
La tengo que volver a subir desde mi disco duro
00:01:52
Entonces le voy a seleccionar archivo
00:01:54
Y voy a la parte del disco duro donde tengo el ordenador, en este caso en mi escritorio
00:01:55
y le doy al botón de, o sea, a la imagen que quiero subir, le tengo que poner un título, imagen, es un título que yo me invento y le digo a subir fichero, bueno, pues ya tengo subidas las dos, le doy ok, ok, las dos imágenes, bien,
00:02:01
Ahora vuelvo a rediseñar esta imagen, es decir, la hago más pequeña para hacerla un poquito más funcional y la alineo.
00:02:22
Una vez que ya están las dos colocadas, la voy a publicar y voy a previsualizar cómo quedaría.
00:02:35
Bien, voy a quitar los botones de edición para cerrarlo más limpio y vemos cómo ha quedado mi contenido que lo he enriquecido.
00:02:41
Antes solo tenía un texto y ahora tiene dos imágenes.
00:02:53
Son dos imágenes estáticas, es decir, si yo le doy doble clic encima de las imágenes no modifica nada, no tiene nada.
00:02:55
Entonces, en la segunda parte de este vídeo lo que vamos a hacer es crear que cuando yo le dé encima de un elemento de este contenido, en este caso de estas dos imágenes, me haga un hipervínculo o bien a un PDF que yo voy a insertar o a una página web.
00:03:01
Vamos a hacer la primera parte, entonces primero edito los controles, le doy al botón de editar y vuelvo al cuerpo
00:03:19
En este caso vamos a darle la funcionalidad de hipervínculo a esta imagen que es un PDF
00:03:29
Esto no es un PDF, esto es una imagen, un pantallazo de un PDF, de un icono de un PDF
00:03:36
El PDF lo vamos a cargar ahora, entonces primero selecciono la imagen que quiero que se hipervincule con algo
00:03:41
le doy a el botón de hipervínculo que es este botón de aquí y tengo que precargar el pdf que yo quiero, le doy a examinar y vuelvo a repetir otra vez la misma selección de archivo
00:03:49
y vuelvo otra vez a mi disco duro y aquí sí que tengo un pdf, veis que tengo el punto pdf, esto es un pdf, lo anterior eran dos imágenes, le doy a pdf y le pongo un título
00:04:01
Pues, por ejemplo, PDF enlazado. Le doy a subir, fichero, y ya tengo subido el PDF de mi disco duro al servidor del portal educativo o a mi web de Educomadrid.
00:04:16
Bien, ya tengo el PDF enlazado, entonces selecciono el fichero que quiero enlazar y le digo seleccionar. Le doy aquí al botón de OK y ya tendría enlazado esta imagen con un PDF que he precargado en Educomadrid.
00:04:39
Ahora vamos con este elemento de aquí, en este elemento voy, en vez de enlazarse con un archivo, quiero que cuando yo le dé aquí a esta imagen, me vaya a un enlace externo de Duca Madrid, es decir, a una página externa de internet
00:04:51
Entonces selecciono primero la imagen, le doy al botón de insertar hipervínculo y aquí no voy a precargar, no voy a darle al botón de examinar para enlazarle un archivo, sino voy a ir a la página web que yo quiero enlazar, selecciono la URL de la página web que yo quiero y copio la URL.
00:05:08
Le doy a OK y ya una vez que lo tengo le doy a publicar. Bien, voy a quitar los botones de edición para hacerlo más claro y ahora vemos que el contenido estéticamente sigue siendo el mismo con texto y las imágenes que he precargado, pero ahora vemos que cuando sitúo el ratón encima de las imágenes sale una mano que significa que hay un hipervínculo detrás.
00:05:34
Entonces, cuando yo le doy un enlace detrás, cuando yo le doy, por ejemplo, a este botón de PDF, me va a un PDF o a cualquier otro archivo que yo haya enlazado.
00:05:58
De la misma forma, cuando yo le doy al segundo imagen, me va a la página web al cual le había enlazado.
00:06:14
Bueno, pues esto ha sido todo
00:06:23
Hemos aprendido a cómo crear, a enriquecer
00:06:28
o a modificar los contenidos
00:06:32
con imágenes y texto
00:06:36
y cómo generar enlaces o hipervínculos
00:06:39
ya sea a imágenes o puede ser también a texto
00:06:43
Muchas gracias
00:06:48
- Subido por:
- Juan Manuel G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 318
- Fecha:
- 13 de noviembre de 2020 - 13:49
- Visibilidad:
- Público
- Centro:
- EST ADMI D.G. DE INFRAESTRUCTURAS Y SERVICIOS
- Duración:
- 06′ 50″
- Relación de aspecto:
- 1.81:1
- Resolución:
- 1762x976 píxeles
- Tamaño:
- 154.52 MBytes
