1
00:00:00,870 --> 00:00:06,269
Hola, vamos a ver cómo incorporar una imagen a una entrada de blog.

2
00:00:06,450 --> 00:00:10,429
Es una de las partes que se piden en la tarea 3.1.

3
00:00:11,390 --> 00:00:16,890
Bueno, yo ya tengo aquí mi página renombrada, he añadido un recurso de blogs

4
00:00:16,890 --> 00:00:20,410
y ahora lo que voy a hacer va a ser añadir una entrada de blog.

5
00:00:22,829 --> 00:00:30,030
Bien, le doy un título y aquí en el contenido directamente

6
00:00:30,030 --> 00:00:33,350
lo primero que voy a hacer va a ser añadir una imagen.

7
00:00:33,350 --> 00:00:41,289
Bien, para añadir una imagen me sitúo donde quiera añadirla y pulso aquí en este icono, imagen.

8
00:00:42,250 --> 00:00:47,409
Bien, vamos a ver cómo añadir una imagen de dos maneras distintas.

9
00:00:48,210 --> 00:00:53,530
La primera forma que voy a explicar es cómo utilizar una imagen que tenemos ya en nuestro ordenador.

10
00:00:54,829 --> 00:01:00,729
Para ello, en esta pantalla que me sale aquí, pulso en el botón ver servidor.

11
00:01:00,729 --> 00:01:26,680
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.

12
00:01:26,680 --> 00:01:44,719
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.

13
00:01:44,719 --> 00:01:57,579
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.

14
00:01:58,579 --> 00:02:09,500
Le doy un texto alternativo. El texto alternativo es muy importante, sobre todo pensando en la accesibilidad de nuestra web.

15
00:02:09,500 --> 00:02:19,479
Los contenidos de este bloque hablamos sobre pautas de estilo y la accesibilidad es muy importante.

16
00:02:19,479 --> 00:02:30,099
Tenemos que garantizar que nuestra web puede ser visitada por cualquier persona, entre ellas las personas que tienen dificultades de visión.

17
00:02:30,099 --> 00:02:46,099
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.

18
00:02:47,099 --> 00:02:51,960
Pues bien, la imagen esta se sustituiría por este texto alternativo.

19
00:02:52,620 --> 00:02:57,879
Entonces es importante poner un texto alternativo que refleje más o menos el contenido de la imagen.

20
00:02:57,879 --> 00:03:02,719
que no se nos olvide, es muy interesante, es muy importante

21
00:03:02,719 --> 00:03:06,060
vale, le damos una anchura, por ejemplo de 300

22
00:03:06,060 --> 00:03:08,360
automáticamente se nos pone la altura

23
00:03:08,360 --> 00:03:12,599
podemos decirle que la queremos alineada a la izquierda

24
00:03:12,599 --> 00:03:16,080
y darle un espacio horizontal y un espacio vertical

25
00:03:16,080 --> 00:03:18,919
para que me quede un pequeño margen alrededor

26
00:03:18,919 --> 00:03:23,060
le doy a aceptar y ya veo la imagen añadida

27
00:03:23,060 --> 00:03:27,639
bien, ahora voy a copiar un texto de aquí

28
00:03:27,639 --> 00:03:32,159
escribiría el texto, como he dicho que se alinea a la izquierda

29
00:03:32,159 --> 00:03:35,860
el texto se coloca alrededor y yo ya con este texto

30
00:03:35,860 --> 00:03:39,520
puedo hacer lo que quiera, puedo seleccionarlo y por ejemplo ponerle

31
00:03:39,520 --> 00:03:43,460
un color verde que me queda muy bien con la imagen, puedo

32
00:03:43,460 --> 00:03:47,840
seleccionar y poner en negrita, cambiar el formato

33
00:03:47,840 --> 00:03:51,919
esto ya, aquí puedo por supuesto crear enlaces con este

34
00:03:51,919 --> 00:03:55,840
icono, en fin, aquí ya puedo hacer

35
00:03:55,840 --> 00:03:57,800
lo que me parezca

36
00:03:57,800 --> 00:04:01,020
ya simplemente pulsaríamos en publicar

37
00:04:01,020 --> 00:04:01,560
aquí abajo

38
00:04:01,560 --> 00:04:04,379
y listo, ya tendríamos

39
00:04:04,379 --> 00:04:07,000
nuestra entrada de blog creada

40
00:04:07,000 --> 00:04:08,120
vale

41
00:04:08,120 --> 00:04:10,620
ahora voy a añadir una nueva

42
00:04:10,620 --> 00:04:12,740
entrada de blog porque vamos a ver

43
00:04:12,740 --> 00:04:14,460
el segundo método para incorporar

44
00:04:14,460 --> 00:04:17,079
imágenes, voy a llamarlo

45
00:04:17,079 --> 00:04:18,819
plantas

46
00:04:18,819 --> 00:04:20,680
sin flor por ejemplo

47
00:04:20,680 --> 00:04:22,920
y bueno

48
00:04:22,920 --> 00:04:24,560
aquí voy a empezar escribiendo

49
00:04:24,560 --> 00:04:34,879
un texto, el que quiera y aquí entre medias voy a poner una imagen aquí centradita. Le

50
00:04:34,879 --> 00:04:42,459
doy al mismo icono de antes y ahora en lugar de utilizar una imagen que tengamos en nuestro

51
00:04:42,459 --> 00:04:48,019
ordenador, lo que voy a usar es una imagen que ya está publicada en internet. Por ejemplo,

52
00:04:48,019 --> 00:04:55,459
voy a usar una imagen de la mediateca que la tengo aquí ya localizada. Me vengo aquí

53
00:04:55,459 --> 00:05:02,139
donde pone dirección de la imagen y copio la imagen. Copiar. Y nada, directamente me

54
00:05:02,139 --> 00:05:15,040
vengo aquí donde pone URL, pego la imagen y ya veo la imagen aquí. De nuevo, introduzco

55
00:05:15,040 --> 00:05:18,199
el texto alternativo, que es importante

56
00:05:18,199 --> 00:05:23,180
si quiero le defino un ancho y un alto

57
00:05:23,180 --> 00:05:27,000
y aquí lo voy a crear también un espacio horizontal y vertical

58
00:05:27,000 --> 00:05:30,339
y la voy a dejar ahí centradita la imagen

59
00:05:30,339 --> 00:05:35,180
muy bien, pues nada más, ya solamente me falta publicar

60
00:05:35,180 --> 00:05:38,399
y solamente tener en cuenta siempre que añadáis

61
00:05:38,399 --> 00:05:42,319
una imagen, pues tener en cuenta

62
00:05:42,319 --> 00:05:46,060
que no cualquier imagen se puede añadir, hay que asegurarse muy bien

63
00:05:46,060 --> 00:05:50,519
de que tiene una licencia que permite su uso

64
00:05:50,519 --> 00:05:54,660
que tiene una licencia Creative Commons, sobre esto hablamos ya en el bloque 1

65
00:05:54,660 --> 00:05:58,699
pero siempre que pensemos en utilizar cualquier imagen

66
00:05:58,699 --> 00:06:02,560
bueno, en general cualquier recurso de internet, tenemos que mirar muy bien

67
00:06:02,560 --> 00:06:06,819
la licencia, y nada más, pues nada, espero que os sirva