Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Incorporar una imagen al blog
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:
Incorporar una imagen a un blog
Hola, vamos a ver cómo incorporar una imagen a una entrada de blog.
00:00:00
Es una de las partes que se piden en la tarea 3.1.
00:00:06
Bueno, yo ya tengo aquí mi página renombrada, he añadido un recurso de blogs
00:00:11
y ahora lo que voy a hacer va a ser añadir una entrada de blog.
00:00:16
Bien, le doy un título y aquí en el contenido directamente
00:00:22
lo primero que voy a hacer va a ser añadir una imagen.
00:00:30
Bien, para añadir una imagen me sitúo donde quiera añadirla y pulso aquí en este icono, imagen.
00:00:33
Bien, vamos a ver cómo añadir una imagen de dos maneras distintas.
00:00:42
La primera forma que voy a explicar es cómo utilizar una imagen que tenemos ya en nuestro ordenador.
00:00:48
Para ello, en esta pantalla que me sale aquí, pulso en el botón ver servidor.
00:00:54
Me muestra esta ventana y lo que tengo que hacer es pulsar, aquí veo el nombre de mi clase con un numerajo raro, tengo que pulsar aquí para situarme en mi clase y a continuación aquí abajo donde pone examinar busco una imagen de mi ordenador.
00:01:00
Yo ya la tengo aquí, esta imagen, flor, que ya tengo localizada, le doy a abrir y ahora pulso este botoncito de aquí para subir la imagen efectivamente a la carpeta de mi clase.
00:01:26
Ya la tengo aquí subida, pues la selecciono, pulso encima y veo que me copia aquí una dirección automáticamente y ya estoy viendo la imagen.
00:01:44
Le doy un texto alternativo. El texto alternativo es muy importante, sobre todo pensando en la accesibilidad de nuestra web.
00:01:58
Los contenidos de este bloque hablamos sobre pautas de estilo y la accesibilidad es muy importante.
00:02:09
Tenemos que garantizar que nuestra web puede ser visitada por cualquier persona, entre ellas las personas que tienen dificultades de visión.
00:02:19
Y si alguien tiene una baja visión o es ciego, pues puede utilizar herramientas que le traducen todo el contenido de una página en una información, por ejemplo, en audio.
00:02:30
Pues bien, la imagen esta se sustituiría por este texto alternativo.
00:02:47
Entonces es importante poner un texto alternativo que refleje más o menos el contenido de la imagen.
00:02:52
que no se nos olvide, es muy interesante, es muy importante
00:02:57
vale, le damos una anchura, por ejemplo de 300
00:03:02
automáticamente se nos pone la altura
00:03:06
podemos decirle que la queremos alineada a la izquierda
00:03:08
y darle un espacio horizontal y un espacio vertical
00:03:12
para que me quede un pequeño margen alrededor
00:03:16
le doy a aceptar y ya veo la imagen añadida
00:03:18
bien, ahora voy a copiar un texto de aquí
00:03:23
escribiría el texto, como he dicho que se alinea a la izquierda
00:03:27
el texto se coloca alrededor y yo ya con este texto
00:03:32
puedo hacer lo que quiera, puedo seleccionarlo y por ejemplo ponerle
00:03:35
un color verde que me queda muy bien con la imagen, puedo
00:03:39
seleccionar y poner en negrita, cambiar el formato
00:03:43
esto ya, aquí puedo por supuesto crear enlaces con este
00:03:47
icono, en fin, aquí ya puedo hacer
00:03:51
lo que me parezca
00:03:55
ya simplemente pulsaríamos en publicar
00:03:57
aquí abajo
00:04:01
y listo, ya tendríamos
00:04:01
nuestra entrada de blog creada
00:04:04
vale
00:04:07
ahora voy a añadir una nueva
00:04:08
entrada de blog porque vamos a ver
00:04:10
el segundo método para incorporar
00:04:12
imágenes, voy a llamarlo
00:04:14
plantas
00:04:17
sin flor por ejemplo
00:04:18
y bueno
00:04:20
aquí voy a empezar escribiendo
00:04:22
un texto, el que quiera y aquí entre medias voy a poner una imagen aquí centradita. Le
00:04:24
doy al mismo icono de antes y ahora en lugar de utilizar una imagen que tengamos en nuestro
00:04:34
ordenador, lo que voy a usar es una imagen que ya está publicada en internet. Por ejemplo,
00:04:42
voy a usar una imagen de la mediateca que la tengo aquí ya localizada. Me vengo aquí
00:04:48
donde pone dirección de la imagen y copio la imagen. Copiar. Y nada, directamente me
00:04:55
vengo aquí donde pone URL, pego la imagen y ya veo la imagen aquí. De nuevo, introduzco
00:05:02
el texto alternativo, que es importante
00:05:15
si quiero le defino un ancho y un alto
00:05:18
y aquí lo voy a crear también un espacio horizontal y vertical
00:05:23
y la voy a dejar ahí centradita la imagen
00:05:27
muy bien, pues nada más, ya solamente me falta publicar
00:05:30
y solamente tener en cuenta siempre que añadáis
00:05:35
una imagen, pues tener en cuenta
00:05:38
que no cualquier imagen se puede añadir, hay que asegurarse muy bien
00:05:42
de que tiene una licencia que permite su uso
00:05:46
que tiene una licencia Creative Commons, sobre esto hablamos ya en el bloque 1
00:05:50
pero siempre que pensemos en utilizar cualquier imagen
00:05:54
bueno, en general cualquier recurso de internet, tenemos que mirar muy bien
00:05:58
la licencia, y nada más, pues nada, espero que os sirva
00:06:02
- Idioma/s:
- Autor/es:
- Francisca García Bernal
- Subido por:
- Francisca G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 125
- Fecha:
- 25 de septiembre de 2017 - 18:15
- Visibilidad:
- Público
- Centro:
- Sin centro asignado
- Duración:
- 06′ 08″
- Relación de aspecto:
- 1.48:1
- Resolución:
- 1134x764 píxeles
- Tamaño:
- 12.85 MBytes
