Saltar navegación

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

Publicar en un blog

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 8 de abril de 2018 por Rosa Maria F.

325 visualizaciones

Publicar en un blog con los detalles más importantes

Más información Transcripción

Descargar la transcripción

Hola, muy buenas. Vamos a ver cómo trabajar con un blog en nuestra clase de prácticas de EducaMadrid. 00:00:00
Previamente hemos tenido que añadir este recurso en una página, en este caso en la página blog, 00:00:07
que anteriormente se llamaba wiki, pero la hemos renombrado, y hemos puesto la página a una sola columna. 00:00:13
Para empezar a publicar, tenemos que pulsar en añadir entrada de blog, ponemos un título, 00:00:19
licencias Creative Commons 00:00:26
y ahora vamos a incluir contenido, texto y también imágenes 00:00:29
hacedlo en este campo, en este bloque de contenido 00:00:34
porque si la imagen se sitúa en la parte del resumen 00:00:37
solamente aparecería cuando quisiéramos publicar 00:00:40
que se visualizara nuestro blog en modo resumido 00:00:43
no en modo detallado, no en modo completo 00:00:47
para incluir una imagen pulsamos en el icono de imagen 00:00:49
y podemos o bien pegar aquí la URL de una página web en Internet que contenga esa imagen, 00:00:53
la URL de la imagen, o bien ir al servidor que es lo que realmente se pide en esta tarea. 00:01:03
Tenemos que subir una imagen al servidor, por lo tanto vamos al servidor. 00:01:08
Este se abre en una ubicación, raíz, pero dentro hay una carpeta que es justo la que corresponde a nuestra clase de prácticas. 00:01:13
pinchamos sobre ella 00:01:21
y aquí ya podríamos subir una imagen 00:01:22
pero lo adecuado y es lo que se nos pide en la tarea 00:01:24
es que creemos una nueva carpeta 00:01:26
que se llame blog 00:01:29
por eso de ir organizando ya también 00:01:30
la estructura interna 00:01:32
que conviene que quede también 00:01:33
estructurada para el futuro 00:01:36
creada ya la subcarpeta 00:01:39
blogs, entramos en ella 00:01:41
y ahora ya si que podemos elegir un archivo 00:01:42
de nuestro disco duro 00:01:44
y incluirla 00:01:45
para subirla al servidor 00:01:49
Aquí tenemos a la derecha un botón, upload y la subimos 00:01:51
Cuando ya está aquí la pinchamos y ya nos aparece 00:01:55
Veis que ya aquí en la URL, ya esta imagen tiene una URL en nuestro servidor 00:02:01
Texto alternativo, este es un campo muy importante que debemos teclear siempre 00:02:06
¿De acuerdo? Esto es un meme 00:02:10
En este campo lo que vamos a hacer es describir qué es lo que hay en esa imagen 00:02:11
Porque puede ser de interés 00:02:15
Meme para una imagen usar 00:02:17
Creative Commons 00:02:22
debe figurar 00:02:24
de manera que este texto describirá 00:02:26
a una persona con deficiencias 00:02:28
visuales 00:02:30
qué es lo que la imagen está aportando 00:02:31
al resto de las 00:02:34
personas que sí que vemos 00:02:36
y que puede ser una información vital 00:02:37
no siempre es una imagen decorativa 00:02:40
entonces conviene, ya os digo, que siempre 00:02:42
rellenéis este texto alternativo 00:02:44
también hay otro caso en el que aparecerá 00:02:46
este texto cuando, por ejemplo, la conexión 00:02:48
no es buena y la imagen no 00:02:50
no se sube pues en su lugar aparecerá este texto de acuerdo aquí definimos la 00:02:52
anchura que queremos que aparezca en nuestro 00:02:58
en nuestra publicación esta imagen como está el candadito cerrado 00:03:02
automáticamente calcula la altura es decir que si yo pongo ahora 250 la 00:03:05
altura se modifica automáticamente y podemos poner un espacio para que no 00:03:11
quede pegado a los bordes y pegado al texto en el caso de que vaya alineado 00:03:16
podemos poner aquí una separación, tanto horizontal como vertical, 00:03:21
que puede ser un poquito mayor o menor, según nos guste. 00:03:26
Todos estos datos, tanto el texto alternativo, como el tamaño de la imagen, 00:03:30
como los espaciados, o bien incluso sus alineaciones, 00:03:34
las podemos perfectamente modificar posteriormente. 00:03:38
Es decir, que si ya lo tenéis hecho y se os ha olvidado alguna de estas cosas, 00:03:41
pues simplemente hay que editar la imagen abriendo el blog, 00:03:45
abriendo el contenido de esa publicación, editarla y encima de la imagen 00:03:49
damos al botón derecho del ratón, tenemos la opción de editar las propiedades de la imagen 00:03:54
y podemos cambiar cualquier cosa, ¿de acuerdo? 00:03:58
Una vez asistido, aceptamos, ¿vale? 00:04:00
Vamos a poner ahora un texto, que por ejemplo me voy a traer de esta página de Creative Commons 00:04:04
y la voy a pegar, aparece ahí, ¿vale? 00:04:09
A lo mejor yo lo que quiero es la imagen, colocarla, pues por ejemplo, la voy a poner, vamos a ver, 00:04:13
más arriba 00:04:18
la voy a colocar por ejemplo 00:04:19
pues aquí, ¿de acuerdo? 00:04:22
¿veis? esta separación que hay aquí 00:04:24
es la que yo he definido anteriormente y que puedo 00:04:25
volver a modificar, si yo doy a propiedades de la 00:04:27
imagen, podría hacer que fuera 00:04:30
mayor o menor 00:04:32
según me interesa a mí que quedara más o menos 00:04:35
despegada del texto 00:04:38
¿de acuerdo? 00:04:39
si quiero continuar 00:04:41
texto, pues bueno 00:04:42
si quiero coger otra parte, por ejemplo voy a coger 00:04:45
esta otra para enseñaros, por ejemplo, vamos a poner aquí delante, para enseñaros que 00:04:48
cuando he copiado textos muy probablemente venga con los enlaces ya creados, pero conviene 00:04:59
revisarlos y mucho más si los hacemos nosotros de nuevo, si estamos escribiendo el texto 00:05:04
de nuevo. Este enlace, pulsando aquí en el iconito, vemos que es una URL, pero ya está 00:05:07
direccionado, pero es conveniente definir que el destino sea una nueva ventana. ¿Para 00:05:17
qué? Pues para que directamente, cuando nuestros usuarios, nuestros alumnos o nuestros compañeros 00:05:24
pulsen sobre este enlace, no se vayan de nuestra página web. Siempre abrir en nueva ventana. 00:05:29
El texto una vez creado aquí, evidentemente, podemos hacer con él lo que queramos. Podemos 00:05:35
Podemos cambiar de color 00:05:41
Podemos utilizar 00:05:44
La itálica 00:05:46
Podemos por ejemplo 00:05:49
Aquí en leyes 00:05:51
De equidad intelectual 00:05:53
Ponerlo en 00:05:55
En color rojo 00:05:56
Etcétera, ¿vale? 00:05:59
O cambiar tamaño 00:06:00
Este título es demasiado grande 00:06:01
Y quiero modificarlo pues a 00:06:04
Y en negrita 00:06:11
¿Vale? 00:06:14
Bueno, todo esto es modificable. 00:06:17
Otra forma de incluir una imagen, hemos dicho que sería igual pulsar una imagen, va a ser con la URL. 00:06:20
Si por ejemplo tenemos una imagen de la mediateca, aparece aquí la URL de esta imagen, la copiamos y la pegamos. 00:06:29
Directamente aparecerá la imagen. 00:06:43
De nuevo, cifra verde, bordes, espaciado, lo que haga falta 00:06:45
¿De acuerdo? Alineación, pues en este caso izquierda 00:06:52
Vamos a dejar igual 00:06:55
Luego a lo mejor nos interesa ponerla a la derecha 00:06:57
¿Vale? 00:07:01
Y si es importante, en todas las imágenes que creemos 00:07:03
Vamos a una licencia 00:07:09
Es decir, que esa imagen como ha venido de la mediateca 00:07:10
en este caso pues esta imagen de rana 00:07:13
es el picho aquí en más información 00:07:16
BD, etiquetas, autores 00:07:19
es del banco de imágenes del CENICE 00:07:22
licencia va a INCSA 00:07:24
es decir que debería por un lado 00:07:26
coger la URL de esta imagen 00:07:28
por ejemplo 00:07:30
se puede hacer así de muchas maneras 00:07:31
hacerla y poner imagen 00:07:33
imagen del banco de datos del CENICE 00:07:34
de la 00:07:40
biblioteca 00:07:42
licencia 00:07:44
a ver que se me ha olvidado 00:07:47
la licencia sería 00:07:48
licencia by 00:07:50
ncsa 00:07:52
licencia by 00:07:53
ncsa 00:07:58
es decir, que es obligatorio 00:08:00
citar al autor 00:08:02
que es nc 00:08:04
que es no comercial, no se puede usar para comercial 00:08:07
y que hay que compartirla con la misma licencia 00:08:09
con la que se está compartiendo 00:08:11
puedo enlazar 00:08:12
la imagen 00:08:15
el origen de la imagen aquí 00:08:16
con el botón del 00:08:18
del enlace 00:08:20
de manera que pegaría aquí 00:08:23
aquí 00:08:26
el enlace 00:08:28
la url y como siempre 00:08:29
el destino que se abra en una nueva ventana 00:08:32
para que no aparezca 00:08:34
una vez que se han hecho todos estos pasos 00:08:35
y que nos ha gustado como lo hemos querido 00:08:38
colocar 00:08:40
aquí podríamos también definir debajo la licencia de esta otra imagen 00:08:40
pues únicamente ya habría que darle a publicar 00:08:50
y ya quedaría nuestro contenido publicado 00:08:53
y siempre con posibilidad de modificación 00:08:55
como os comentaba, si necesitáis cambiar cualquier cosa 00:08:58
le dais al botón editar 00:09:01
estamos dentro de nuestra publicación 00:09:03
y esta imagen por ejemplo podemos propiedad de la imagen 00:09:05
Añadirle el texto alternativo que se nos olvidó 00:09:09
O bien modificar las separaciones que hemos definido 00:09:13
Para que no queden tan grandes 00:09:18
O bien poner una alineación a la derecha 00:09:19
¿De acuerdo? 00:09:22
Y cambiar el aspecto de nuestra página 00:09:24
Bueno, pues esto es todo 00:09:26
Idioma/s:
es
Autor/es:
Rosa Fernández Alba
Subido por:
Rosa Maria F.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
325
Fecha:
8 de abril de 2018 - 16:29
Visibilidad:
Público
Centro:
IES JOSÉ SARAMAGO
Duración:
09′ 28″
Relación de aspecto:
2.03:1
Resolución:
1280x632 píxeles
Tamaño:
27.43 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid