1
00:00:00,430 --> 00:00:05,809
Hola, vamos a ver aquí cómo añadir una imagen a una entrada de blog.

2
00:00:06,290 --> 00:00:13,929
Yo ya le he cambiado el nombre a mi página, ya le he puesto blog y he añadido un recurso de blogs.

3
00:00:14,349 --> 00:00:27,280
Ahora lo que voy a hacer es añadir una entrada de blog y vamos a ponerle un título aquí, plantas con flor, por ejemplo.

4
00:00:27,280 --> 00:00:40,240
Y aquí lo que voy a hacer, lo primero es situar el cursor donde quiera incorporar una imagen y voy a venir directamente aquí a este botón de imagen, añadir una imagen.

5
00:00:40,700 --> 00:00:49,219
Vamos a ver dos formas de incorporar una imagen. La primera va a ser usar una imagen que ya tengamos en nuestro ordenador.

6
00:00:49,219 --> 00:01:00,320
Para eso me vengo aquí al botón ver servidor y veo aquí el nombre de mi clase junto con un numerajo raro que la identifica.

7
00:01:01,240 --> 00:01:06,500
Pulso y lo que voy a hacer en primer lugar va a ser crear una carpeta.

8
00:01:06,599 --> 00:01:11,379
Vamos a crear una carpeta para mantener todas las imágenes del blog organizadas.

9
00:01:12,060 --> 00:01:17,260
Vamos a llamarla por ejemplo blog imágenes, por llamarla de alguna manera.

10
00:01:19,219 --> 00:01:30,340
Y ahora pulsamos para situarnos en esta carpeta. Ya tengo mi clase en la carpeta blog imágenes, que es donde voy a ir dejando yo todas las imágenes.

11
00:01:31,120 --> 00:01:41,700
Ahora, aquí en la parte de abajo, pulso el botón examinar y localizo en mi ordenador una imagen, esta de aquí, la de flor.

12
00:01:41,700 --> 00:02:05,000
Voy a abrir, la selecciono y ahora pulso este botón de aquí abajo que pone upload. La subo ya a esta carpeta blog imágenes de mi clase. Selecciono la imagen y ya veo que ya la estoy viendo aquí y que me ha rellenado automáticamente este apartado url.

13
00:02:05,000 --> 00:02:12,080
muy importante, no se os olvide rellenar el apartado de texto alternativo

14
00:02:12,080 --> 00:02:18,340
y poner un texto que describa más o menos la imagen que estáis cargando

15
00:02:18,340 --> 00:02:21,460
esto es muy importante por temas de accesibilidad

16
00:02:21,460 --> 00:02:24,960
si vais al bloque de contenidos de pautas de estilo

17
00:02:24,960 --> 00:02:32,000
vais a ver ahí todo lo que comporta el tema de la accesibilidad en una web

18
00:02:32,800 --> 00:02:54,639
Bien, marcamos una anchura, si queremos automáticamente se me rellena la altura y luego ya si queremos por ejemplo un espacio horizontal y vertical para ver este margen de aquí, vamos a decirle que la imagen está alineada a la izquierda para que el texto se me sitúe alrededor y le doy a aceptar.

19
00:02:54,639 --> 00:03:02,180
Ya tengo mi imagen ahí con los márgenes y ahora simplemente escribiría yo el texto que quisiera.

20
00:03:03,219 --> 00:03:05,900
Puedo con este texto hacer lo que quiera.

21
00:03:06,680 --> 00:03:12,259
Puedo por ejemplo cambiarle el color, ponerle un colorcito verde que me va muy bien con la imagen.

22
00:03:12,840 --> 00:03:20,379
Puedo por ejemplo seleccionar un trozo y ponerlo en negrita o puedo subrayar.

23
00:03:20,379 --> 00:03:42,219
Por supuesto puedo seleccionar un texto e incorporar un enlace aquí con este icono, en fin puedo hacer ya lo que me parezca bien y ya cuando lo tenga listo pulsaremos en publicar y ya está con esto ya tenemos nuestra entrada de blog con la imagen y con el texto formateado como queramos.

24
00:03:42,219 --> 00:03:46,860
Bien, vamos a ver ahora la segunda manera de incorporar una imagen

25
00:03:46,860 --> 00:03:49,120
Esta no es la que se pide en la tarea, ¿de acuerdo?

26
00:03:49,259 --> 00:03:53,360
Esta es creando la carpeta y subiendo la imagen de nuestro ordenador

27
00:03:53,360 --> 00:03:56,139
Es lo que pedimos en la tarea 3.1

28
00:03:56,139 --> 00:03:59,139
Esta es una segunda opción para que la conozcáis

29
00:03:59,139 --> 00:04:01,960
Pero no es lo que se pide en la tarea

30
00:04:01,960 --> 00:04:07,240
Bien, le damos un nombre, plantas sin flor

31
00:04:07,240 --> 00:04:11,280
Escribo directamente el texto que quiera, por ejemplo

32
00:04:11,280 --> 00:04:19,600
y ahora, por ejemplo, por aquí en medio, el centradito con el cursor ahí en el medio y ahora voy a añadir una imagen.

33
00:04:20,579 --> 00:04:26,360
En este caso, en lugar de coger la imagen de mi ordenador, voy a usar una imagen que está publicada en Internet.

34
00:04:27,100 --> 00:04:35,379
Voy a usar, por ejemplo, una imagen que yo ya tengo aquí de la Mediáteca de Duca Madrid, de la que ya puedo directamente copiar su dirección.

35
00:04:35,379 --> 00:04:41,879
Me vengo aquí en dirección, botón derecho copiar y copio toda la dirección URL de esta imagen.

36
00:04:43,100 --> 00:04:49,800
Si pulso aquí, puedo ver ir directamente y pegar y ya tengo aquí la imagen cargada.

37
00:04:51,079 --> 00:04:57,660
Pongo un texto alternativo como siempre, ya hemos dicho que es muy importante.

38
00:04:57,660 --> 00:05:05,000
ponemos si queremos una anchura y un alto, un espacio si me parece

39
00:05:05,000 --> 00:05:07,819
y aquí la voy a dejar centrada

40
00:05:07,819 --> 00:05:12,540
muy bien pues ya lo tengo, como antes puedo jugar con el formato del texto

41
00:05:12,540 --> 00:05:17,660
y cuando lo tenga listo directamente pulsar en publicar y ya estará

42
00:05:17,660 --> 00:05:21,000
ya tengo aquí mi entrada de blog con la imagen en medio

43
00:05:21,000 --> 00:05:25,660
simplemente recordar, siempre que usamos cualquier recurso de internet

44
00:05:25,660 --> 00:05:31,160
en particular una imagen, un vídeo, tenemos que tener muy presente el tema de las licencias.

45
00:05:31,600 --> 00:05:36,660
No todo lo que yo encuentro buscando por internet lo puedo usar en un trabajo mío,

46
00:05:37,459 --> 00:05:45,839
porque las imágenes suelen tener una licencia que normalmente, si no vemos nada,

47
00:05:46,279 --> 00:05:51,660
normalmente hay que entender que es una licencia que indica que todos los derechos están reservados.

48
00:05:52,259 --> 00:05:57,579
Eso quiere decir que no se puede usar, salvo que veamos junto con una imagen, un vídeo, etc.,

49
00:05:57,579 --> 00:06:03,240
la información de la licencia y veamos que es Creative Commons o que es una licencia de tipo libre,

50
00:06:03,540 --> 00:06:07,000
que no pone restricciones, entonces sí podemos usarla.

51
00:06:07,579 --> 00:06:11,879
Eso es muy importante a la hora de incorporar recursos que no son nuestros a nuestra web.

52
00:06:12,660 --> 00:06:14,839
Muy bien, pues nada más. Espero que os sirva.