Saltar navegación

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

Incorporar una imagen al blog con carpeta

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 25 de septiembre de 2017 por Francisca G.

89 visualizaciones

Cómo incorporar una imagen a una entrada de blog desde una carpeta

Más información Transcripción

Descargar la transcripción

Hola, vamos a ver aquí cómo añadir una imagen a una entrada de blog. 00:00:00
Yo ya le he cambiado el nombre a mi página, ya le he puesto blog y he añadido un recurso de blogs. 00:00:06
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. 00:00:14
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. 00:00:27
Vamos a ver dos formas de incorporar una imagen. La primera va a ser usar una imagen que ya tengamos en nuestro ordenador. 00:00:40
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. 00:00:49
Pulso y lo que voy a hacer en primer lugar va a ser crear una carpeta. 00:01:01
Vamos a crear una carpeta para mantener todas las imágenes del blog organizadas. 00:01:06
Vamos a llamarla por ejemplo blog imágenes, por llamarla de alguna manera. 00:01:12
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. 00:01:19
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. 00:01:31
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. 00:01:41
muy importante, no se os olvide rellenar el apartado de texto alternativo 00:02:05
y poner un texto que describa más o menos la imagen que estáis cargando 00:02:12
esto es muy importante por temas de accesibilidad 00:02:18
si vais al bloque de contenidos de pautas de estilo 00:02:21
vais a ver ahí todo lo que comporta el tema de la accesibilidad en una web 00:02:24
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. 00:02:32
Ya tengo mi imagen ahí con los márgenes y ahora simplemente escribiría yo el texto que quisiera. 00:02:54
Puedo con este texto hacer lo que quiera. 00:03:03
Puedo por ejemplo cambiarle el color, ponerle un colorcito verde que me va muy bien con la imagen. 00:03:06
Puedo por ejemplo seleccionar un trozo y ponerlo en negrita o puedo subrayar. 00:03:12
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. 00:03:20
Bien, vamos a ver ahora la segunda manera de incorporar una imagen 00:03:42
Esta no es la que se pide en la tarea, ¿de acuerdo? 00:03:46
Esta es creando la carpeta y subiendo la imagen de nuestro ordenador 00:03:49
Es lo que pedimos en la tarea 3.1 00:03:53
Esta es una segunda opción para que la conozcáis 00:03:56
Pero no es lo que se pide en la tarea 00:03:59
Bien, le damos un nombre, plantas sin flor 00:04:01
Escribo directamente el texto que quiera, por ejemplo 00:04:07
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. 00:04:11
En este caso, en lugar de coger la imagen de mi ordenador, voy a usar una imagen que está publicada en Internet. 00:04:20
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. 00:04:27
Me vengo aquí en dirección, botón derecho copiar y copio toda la dirección URL de esta imagen. 00:04:35
Si pulso aquí, puedo ver ir directamente y pegar y ya tengo aquí la imagen cargada. 00:04:43
Pongo un texto alternativo como siempre, ya hemos dicho que es muy importante. 00:04:51
ponemos si queremos una anchura y un alto, un espacio si me parece 00:04:57
y aquí la voy a dejar centrada 00:05:05
muy bien pues ya lo tengo, como antes puedo jugar con el formato del texto 00:05:07
y cuando lo tenga listo directamente pulsar en publicar y ya estará 00:05:12
ya tengo aquí mi entrada de blog con la imagen en medio 00:05:17
simplemente recordar, siempre que usamos cualquier recurso de internet 00:05:21
en particular una imagen, un vídeo, tenemos que tener muy presente el tema de las licencias. 00:05:25
No todo lo que yo encuentro buscando por internet lo puedo usar en un trabajo mío, 00:05:31
porque las imágenes suelen tener una licencia que normalmente, si no vemos nada, 00:05:37
normalmente hay que entender que es una licencia que indica que todos los derechos están reservados. 00:05:46
Eso quiere decir que no se puede usar, salvo que veamos junto con una imagen, un vídeo, etc., 00:05:52
la información de la licencia y veamos que es Creative Commons o que es una licencia de tipo libre, 00:05:57
que no pone restricciones, entonces sí podemos usarla. 00:06:03
Eso es muy importante a la hora de incorporar recursos que no son nuestros a nuestra web. 00:06:07
Muy bien, pues nada más. Espero que os sirva. 00:06:12
Idioma/s:
es
Autor/es:
Francisca García Bernal
Subido por:
Francisca G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
89
Fecha:
25 de septiembre de 2017 - 18:11
Visibilidad:
Público
Centro:
Sin centro asignado
Duración:
06′ 16″
Relación de aspecto:
1.48:1
Resolución:
1134x764 píxeles
Tamaño:
14.13 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid