Activa JavaScript para disfrutar de los vídeos de la Mediateca.
WebCentro Insertar imagenes, documentos y videos en un 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:
Bien, vamos a ver aquí cómo configurar un tablón de anuncios usando un recurso de blogs.
00:00:00
En primer lugar, crearía una página nueva a través de Administración, Páginas, de
00:00:11
Tablón de Anuncios. Yo aquí ya la tengo creada y a continuación pulsaremos en Añadir
00:00:17
Y en el apartado colaboración seleccionamos el recurso de blogs.
00:00:23
Lo incorporo a mi página y a continuación lo que voy a hacer es añadir una nueva entrada de blog.
00:00:28
Bien, le pongo un título. El título que quiero que lleve es una noticia sobre la Ginkana STEM que estamos preparando en el centro.
00:00:36
Bien, escribiría un texto, pues nada, el próximo domingo 15 de abril tendrá lugar la gincana stem, en fin
00:00:47
Y lo que vamos a hacer es empezar a incorporar aquí otros elementos aparte del texto
00:00:55
Aquí, delante, al principio de todo, lo que voy a hacer va a ser incorporar una imagen que he encontrado en internet
00:01:01
Por ejemplo, aquí en la página de la gincana stem, puedo copiar la dirección de esta imagen
00:01:08
y aquí donde está la posición de cursor simplemente pulsaría en imagen
00:01:14
pego la dirección de la imagen que he copiado y ya la vería aquí
00:01:21
y veo además como una presentación de cómo me va a quedar
00:01:28
aquí pondría el texto stem, puedo ajustar el ancho, el alto, puedo ponerle un borde
00:01:31
y aceptar, entonces ya veo que me queda exactamente igual como me marcaba en la pantalla anterior
00:01:39
bien, quiero hacer que todo el texto por ejemplo rodee a la imagen de este
00:01:47
pues simplemente la selecciono otra vez, pulso aquí en imagen
00:01:52
y aquí en alineación pues digo que alineación izquierda
00:01:56
y ya veo como el texto se me va colocando alrededor
00:02:00
si doy un espacio horizontal y un espacio vertical pues consigo separar un poquito
00:02:04
el texto. Doy a aceptar y veo cómo me queda ahora. Vamos a incorporar, por ejemplo, aquí
00:02:08
abajo tenemos toda la información sobre la gincana, la podemos encontrar en esta web
00:02:16
y aquí tenemos una web que me gustaría, un texto que me gustaría hipervincular. Voy
00:02:21
a la página a la que quiero vincular, selecciono y copio su dirección URL y aquí selecciono
00:02:27
el texto que quiero hipervincular y pulso en este enlace insertar editar vínculo. En
00:02:36
el campo URL pegaría la dirección que he copiado y en destino voy a poner abrir en
00:02:43
ventana nueva para que al pulsar el hipervínculo me abra una nueva pestaña. Bien, ya tengo
00:02:51
una imagen y un hipervínculo, pero ¿qué sucede si tengo una imagen en mi ordenador
00:02:58
que quiero añadir. Por ejemplo, aquí los alumnos de secundaria
00:03:04
resuelven de una de las pruebas del año pasado, pues
00:03:08
aquí voy a incorporar una imagen
00:03:11
pero en lugar de tener la URL como la imagen está en mi ordenador
00:03:15
necesito subirla primero. Pulso
00:03:20
en ver servidor y me muestra esta
00:03:24
pantalla. Selecciono el hipervínculo donde
00:03:28
veo el nombre de mi centro. Y a continuación, para mantener todos los recursos del blog,
00:03:32
del tablón, bien organizados, vamos a crear una nueva carpeta, una carpeta que vamos a
00:03:37
llamar blog, por ejemplo, para saber que todos los recursos del blog están aquí. Bien,
00:03:46
ya la tengo creada, pulso aquí en el hipervínculo, ya veo que estoy situada en la carpeta blog
00:03:54
de mi centro y a continuación pulsaría en seleccionar archivo. Bien, busco en mi ordenador
00:03:59
donde tengo la imagen que quiero subir, pulso en abrir, ya la tengo aquí y a continuación
00:04:07
en este botón de upload. Ya la tengo en mi carpeta blog, simplemente ahora la selecciono
00:04:14
y ya la veo aquí podría poner un texto alternativo estudiantes trabajando en clase y puedo ajustar la
00:04:22
anchura y la altura por ejemplo 300 x 200 para que no sea tampoco demasiado grande y aceptar
00:04:34
Ya tengo aquí la imagen, la puedo, por ejemplo, centrar.
00:04:43
Bien, vamos a incluir un documento que tengamos en nuestro ordenador, un documento PDF, por ejemplo,
00:04:48
practicando con la batería de ejercicios que hemos preparado para la ocasión.
00:04:56
Y aquí podemos poner, por ejemplo, descargar los ejercicios.
00:05:02
Bien, seleccionaría el texto y le creo un hipervínculo, solo que ahora no pego la URL, me ocurre igual que con la imagen, el documento está en mi ordenador.
00:05:06
Entonces pulsaría en ver servidor, selecciono el enlace de mi centro, voy a irme a la carpeta de blog que ya tenía creada para mantener los recursos todos aquí colocaditos y añadir un nuevo archivo.
00:05:20
localizo el documento PDF que quiero subir
00:05:37
y a continuación pulso aquí en upload
00:05:41
ya tengo el documento subido dentro de mi carpeta blog
00:05:44
igual que he hecho antes con la imagen
00:05:48
lo selecciono y acepto
00:05:51
y ya tengo un hipervínculo a lo que sería un PDF que está en mi ordenador
00:05:54
y vamos a ver ahora, dice
00:06:00
en este pequeño vídeo vemos a nuestros alumnos de primaria
00:06:02
practicando con la batería de ejercicios bien por lo que vamos a hacer va a ser incorporar un vídeo
00:06:05
yo tengo previamente subido a la mediateca de educa madrid he subido un vídeo por ejemplo pero
00:06:09
podría usar un vídeo de youtube o en cualquier otra plataforma y lo tengo aquí el vídeo puedo
00:06:18
entrar puedo verlo es un vídeo de pues de mis estudiantes trabajando bien pulso aquí en su
00:06:25
enlace y cualquier vídeo que tenga un código de inserción pues lo voy a poder
00:06:34
incorporar en una entrada de blog. En la mediateca el código de inserción
00:06:42
está aquí donde pone embeber. Siempre suele estar ligado a estos símbolos
00:06:48
porque lo que voy a ver es un código html que me va a permitir incrustar este
00:06:53
vídeo en mi entrada de blog bien copio este código html y vendría aquí a mi
00:06:59
tablón de anuncios y pulsaría en este en este botón fuente html bien localizó
00:07:08
veo todo el html y localizó aquí en este pequeño vídeo localiza aquí el hueco
00:07:18
donde yo quiero colocar mi vídeo. Daría a pegar el código HTML que he copiado previamente
00:07:24
y ahora ya vuelvo a marcar fuente HTML y ya veo aquí que me ha colocado como un pequeño
00:07:34
recuadro que yo puedo centrar y alinear como quiera donde se supone que se va a visualizar
00:07:43
el vídeo. Con todo esto ya puedo pulsar en publicar y veo que tengo una entrada de blog
00:07:50
con una imagen, con un vídeo incorporado, con una foto de mi ordenador, con un hipervínculo
00:07:59
a una página externa y con un hipervínculo que me lleva a un documento pdf con todas
00:08:08
las actividades del año en Canastel.
00:08:16
A ver que me está tardando un poquito en cargar, pero bueno, aquí lo veo.
00:08:19
Y ya estaría, eso es todo.
00:08:26
- Subido por:
- tic.ismie
- Licencia:
- Reconocimiento - Compartir igual
- Visualizaciones:
- 200
- Fecha:
- 24 de febrero de 2019 - 21:13
- Visibilidad:
- URL
- Centro:
- Sin centro asignado
- Duración:
- 08′ 38″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 319.17 MBytes
