Embed Size (px)
Citation preview
Creado por: Luis Torreño Peromingo [email protected]
En la presentación anterior aprendimos a crearnos un blog.
Ahora vamos a aprender a diseñar y confeccionar nuestro blog.
Para ello debemos acceder a él, y esto lo podemos hacer de dos maneras:
1) A partir de la web de Blogger.2) A partir de la web de nuestro propio blog.
….veamos cada una de las dos opciones.
Escribimos nuestro nombre de usuario y nuestra contraseña, y
pulsamos en “acceder”.
Escribimos nuestro nombre de usuario y nuestra contraseña, y
pulsamos en “acceder”.
OPCIÓN 1: A TRAVÉS DE LA WEB DE BLOGGEROPCIÓN 1: A TRAVÉS DE LA WEB DE BLOGGER
1. Introducimos la dirección web de nuestro blog en el navegador de
Internet.
1. Introducimos la dirección web de nuestro blog en el navegador de
Internet.
2. Pulsamos en “Acceder”, llegando a la web de inicio de Blogger, donde entraremos con nuestro nombre de
usuario y contraseña.
2. Pulsamos en “Acceder”, llegando a la web de inicio de Blogger, donde entraremos con nuestro nombre de
usuario y contraseña.
OPCIÓN 2: A TRAVÉS DE NUESTRO PROPIO BLOGOPCIÓN 2: A TRAVÉS DE NUESTRO PROPIO BLOG
1. Aquí podéis configurar vuestro
perfil, es decir, vuestros datos
personales.
1. Aquí podéis configurar vuestro
perfil, es decir, vuestros datos
personales.
2. Aquí os muestra los blogs que tenéis. Podéis tener varios blogs bajo la
misma cuenta.
2. Aquí os muestra los blogs que tenéis. Podéis tener varios blogs bajo la
misma cuenta.
3. Pulsamos en “diseño” para comenzar a diseñar
el blog.
3. Pulsamos en “diseño” para comenzar a diseñar
el blog.
De cualquiera de las dos maneras anteriores llegamos a esta pantalla, que es el escritorio de vuestro blog.
De cualquiera de las dos maneras anteriores llegamos a esta pantalla, que es el escritorio de vuestro blog.
1. Barra de navegación.1. Barra de navegación.
Aquí podemos ver y configurar “el esqueleto” de nuestro blog. Veámos de qué partes principales se compone:
Aquí podemos ver y configurar “el esqueleto” de nuestro blog. Veámos de qué partes principales se compone:
2. Encabezado.2. Encabezado.3. Columna central de las entradas del blog.
3. Columna central de las entradas del blog.
4. Columna auxiliar o de extras, donde podremos
insertar imágenes, textos, calendarios,
relojes, enlaces, juegos, y cientos de utilidades.
4. Columna auxiliar o de extras, donde podremos
insertar imágenes, textos, calendarios,
relojes, enlaces, juegos, y cientos de utilidades.
Pinchando en “Fuentes y colores” accedemos a los
controles de color y tipo de letra de las distintas partes del
blog.
Pinchando en “Fuentes y colores” accedemos a los
controles de color y tipo de letra de las distintas partes del
blog.
Si pinchamos en “seleccionar plantilla
nueva” podemos cambiar la plantilla del
blog.
Si pinchamos en “seleccionar plantilla
nueva” podemos cambiar la plantilla del
blog.
1. Pinchamos en “Configuración” para ver
las opciones que nos brinda esta pestaña.
1. Pinchamos en “Configuración” para ver
las opciones que nos brinda esta pestaña.
2. En la opción de “Básico” se puede
importar/exportar el blog, suprimirlo, cambiarle el
título, etc.
2. En la opción de “Básico” se puede
importar/exportar el blog, suprimirlo, cambiarle el
título, etc.
En la opción de “Publicación” se puede cambiar la dirección de nuestro blog, siempre y cuando esté disponible.
En la opción de “Publicación” se puede cambiar la dirección de nuestro blog, siempre y cuando esté disponible.
En la opción de “Formato” se puede
cambiar el número de entradas que aparecerán por página, el formato de
la fecha y hora, el idioma, etc.
En la opción de “Formato” se puede
cambiar el número de entradas que aparecerán por página, el formato de
la fecha y hora, el idioma, etc.
En la opción de “Comentarios” se puede
configurar si se mostrarán o no los
comentarios, y quién los puede realizar, etc.
En la opción de “Comentarios” se puede
configurar si se mostrarán o no los
comentarios, y quién los puede realizar, etc.
En la opción de “Permisos” se puede configurar quienes
podrán ver el blog y quienes podrán
modificarlo como el propio autor (puede
haber más de un autor).
En la opción de “Permisos” se puede configurar quienes
podrán ver el blog y quienes podrán
modificarlo como el propio autor (puede
haber más de un autor).
1. Pinchamos en la pestaña “Creación de
entradas”, y en “Crear”.
1. Pinchamos en la pestaña “Creación de
entradas”, y en “Crear”.
Una vez vistas las principales opciones de configuración del blog, vamos a crear nuestra primera entrada.
2. Aquí pondremos el título de la entrada.
2. Aquí pondremos el título de la entrada.
3. Y aquí redactaremos el cuerpo de la entrada, que se podrá componer
de texto, enlaces, imágenes, videos, etc.
3. Y aquí redactaremos el cuerpo de la entrada, que se podrá componer
de texto, enlaces, imágenes, videos, etc.
Con todas estas opciones podemos dar formato al texto, al igual que lo hacemos en un procesador de texto.
Con todas estas opciones podemos dar formato al texto, al igual que lo hacemos en un procesador de texto.
Con esta opción insertamos una imagen.
Con esta opción insertamos una imagen.
Con esta opción insertamos un video.
Con esta opción insertamos un video.
Pinchando en “Edición de HTML” nos permite editar
la entrada en código HTML. Esto nos ofrece
muchas posibilidades pero requiere de unos
conocimientos que no son objeto de este curso.
Pinchando en “Edición de HTML” nos permite editar
la entrada en código HTML. Esto nos ofrece
muchas posibilidades pero requiere de unos
conocimientos que no son objeto de este curso.
Pinchando en “Vista previa” podemos ir
viendo los resultados de los nuevos cambios en el blog, antes de hacerlos
definitivos.
Pinchando en “Vista previa” podemos ir
viendo los resultados de los nuevos cambios en el blog, antes de hacerlos
definitivos.
3. Damos a “Vista previa” si queremos ver el
resultado.
3. Damos a “Vista previa” si queremos ver el
resultado.
1. Ponemos el título de la entrada.
1. Ponemos el título de la entrada.
2. Introducimos el texto de la entrada.
2. Introducimos el texto de la entrada.
…vamos a crear nuestra primera entrada.
4. Damos a “Guardar ahora” y “Publicr entrada” si queremos guardar y ver los cambios introducidos.
4. Damos a “Guardar ahora” y “Publicr entrada” si queremos guardar y ver los cambios introducidos.
Pinchamos en “en una ventana nueva”.
Pinchamos en “en una ventana nueva”.
1. Y ya vemos la nueva entrada en nuestro blog.
1. Y ya vemos la nueva entrada en nuestro blog.
2. Con su fecha de publicación.
2. Con su fecha de publicación.
3. Y el autor.3. Y el autor.
4. Y el enlace que da la opción a insertar algún
comentario sobre la entrada, si es que hemos habilitado esta posibilidad
en el panel de configuración visto
anteriormente.
4. Y el enlace que da la opción a insertar algún
comentario sobre la entrada, si es que hemos habilitado esta posibilidad
en el panel de configuración visto
anteriormente.
2. Y pulsamos en el botón de “insertar
imagen”.
2. Y pulsamos en el botón de “insertar
imagen”.
…volvemos a la pantalla de edición de nuestra entrada, para ahora insertar una imagen.
1. Situamos el cursos al final del texto (donde queramos situar la
imagen).
1. Situamos el cursos al final del texto (donde queramos situar la
imagen).
Pinchamos en “Examinar”.
Pinchamos en “Examinar”.
Y buscamos a través del explorador de windows la
imagen que deseamos insertar.
Y buscamos a través del explorador de windows la
imagen que deseamos insertar.
1. Seleccionamos la alineación.
1. Seleccionamos la alineación.
2. Seleccionamos el tamaño.
2. Seleccionamos el tamaño.
3. Y pulsamos a “Subir imagen”.
3. Y pulsamos a “Subir imagen”.
1. Habrá un tiempo de espera mientras sube la
imagen, y cuando finalice el proceso aparecerá esta
pantalla.
1. Habrá un tiempo de espera mientras sube la
imagen, y cuando finalice el proceso aparecerá esta
pantalla.
2. Pinchamos en “Finalizado”.
2. Pinchamos en “Finalizado”.
Ya podemos ver la imagen insertada en nuestra
entrada.
Ya podemos ver la imagen insertada en nuestra
entrada.
Pinchamos en “Publicar entrada” para ver los
cambios en nuestro blog.
Pinchamos en “Publicar entrada” para ver los
cambios en nuestro blog.
Pinchamos en “en una ventana nueva”.
Pinchamos en “en una ventana nueva”.
Ya podemos ver la imagen insertada en nuestro blog.
Ya podemos ver la imagen insertada en nuestro blog.
Escribimos el texto que queremos convertir en enlace (que al pinchar en él accedamos a una página web
determinada).
Escribimos el texto que queremos convertir en enlace (que al pinchar en él accedamos a una página web
determinada).
…volvemos a la pantalla de edición de nuestra entrada, para ahora insertar un enlace a una página web de interés.
Seleccionamos su dirección web, y sobre ésta, pulsamos el botón
derecho del ratón y seleccionamos copiar.
Seleccionamos su dirección web, y sobre ésta, pulsamos el botón
derecho del ratón y seleccionamos copiar.
…por otra parte nos vamos a la página web que nos interese.
1. Seleccionamos el texto que queremos convertir en un enlace a la
página web.
1. Seleccionamos el texto que queremos convertir en un enlace a la
página web.
…volviendo a nuestra página de edición de la entrada del blog...
2. Y pinchamos en el botón de “enlace”.
2. Y pinchamos en el botón de “enlace”.
Situándonos con el cursor en el recuadro que pone URL, pulsamos
botón derecho del ratón y seleccionamos “Pegar”, debiendo aparecer la dirección web de la
página de interés.
Situándonos con el cursor en el recuadro que pone URL, pulsamos
botón derecho del ratón y seleccionamos “Pegar”, debiendo aparecer la dirección web de la
página de interés.
Ya aparece el texto con otro color, subrayado y que aparece una manita cuando pasamos el cursor del ratón por él (características típicas de los
enlaces).
Ya aparece el texto con otro color, subrayado y que aparece una manita cuando pasamos el cursor del ratón por él (características típicas de los
enlaces).
Pulsamos en “Publicar entrada” para ver los resultados sobre el blog.
Pulsamos en “Publicar entrada” para ver los resultados sobre el blog.
Pinchamos en “en una ventana nueva”.
Pinchamos en “en una ventana nueva”.
Ya aparece el enlace insertado en la entrada de nuestro blog, de tal
manera que si pinchamos en él, nos lleva a la página web que le hemos
configurado.
Ya aparece el enlace insertado en la entrada de nuestro blog, de tal
manera que si pinchamos en él, nos lleva a la página web que le hemos
configurado.
Pinchamos en “Editar entrada” para hacer los nuevos cambios.
Pinchamos en “Editar entrada” para hacer los nuevos cambios.
…volvemos a la pantalla de nuestro blog, para ahora insertar un video en nuestra entrada.
Posicionamos el cursor donde queramos insertar el vídeo.
Posicionamos el cursor donde queramos insertar el vídeo.
Una forma de insertar un vídeo en nuestro blog es a partir de los que están en el portal de Youtube, mediante una llamada a éste, sin necesidad de tener descargado ese vídeo en el disco duro de nuestro ordenador.El inconveniente es que ese vídeo puede desaparecer de dicho portal porque así lo decida quien lo subió, no visualizándose ya en nuestro blog.
Nos abrimos un navegador de Internet y vamos a www.youtube.com.
Nos abrimos un navegador de Internet y vamos a www.youtube.com.
Una vez en Youtube introducimos el tema clave sobre el que vamos a buscar el video (en este caso: la
célula).
Una vez en Youtube introducimos el tema clave sobre el que vamos a buscar el video (en este caso: la
célula).
Pinchamos sobre el vídeo que nos interese.
Pinchamos sobre el vídeo que nos interese.
Visionamos el vídeo para ver si se ajusta a lo que buscamos.
Visionamos el vídeo para ver si se ajusta a lo que buscamos.
Una vez elegido el vídeo, seleccionamos el texto que aparece
dentro del cuadro “Insertar” y pulsamos el botón derecho del ratón,
seleccionando “copiar”.
Una vez elegido el vídeo, seleccionamos el texto que aparece
dentro del cuadro “Insertar” y pulsamos el botón derecho del ratón,
seleccionando “copiar”.
1. Introducimos un texto a modo de título del vídeo.
1. Introducimos un texto a modo de título del vídeo.
…volviendo a la pantalla de nuestro blog…
2. Pinchamos en “Edición de HTML”.2. Pinchamos en “Edición de HTML”.
Nos posicionamos con el cursor al final de la entrada, donde queremos
incrustar el video.
Nos posicionamos con el cursor al final de la entrada, donde queremos
incrustar el video.
Y pulsamos el botón derecho del ratón y seleccionamos “pegar”.
Y pulsamos el botón derecho del ratón y seleccionamos “pegar”.
Y pinchamos en “Publicar entrada”, para ver los resultados.
Y pinchamos en “Publicar entrada”, para ver los resultados.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Ya podemos reproducir el vídeo desde nuestro propio blog.
Ya podemos reproducir el vídeo desde nuestro propio blog.
Pinchamos en “Crear una entrada nueva”.
Pinchamos en “Crear una entrada nueva”.
…volvemos a la pantalla de nuestro blog, para ahora insertar un video pero en otra entrada nueva diferente a la anterior, y desde el disco duro de nuestro ordenador.
Insertamos el título de la nueva entrada.
Insertamos el título de la nueva entrada.
Y pulsamos sobre el botón de “insertar video”.
Y pulsamos sobre el botón de “insertar video”.
Pinchamos en “examinar”.Pinchamos en “examinar”.
Y buscamos el video que queremos insertar a través del
explorador de windows.
Y buscamos el video que queremos insertar a través del
explorador de windows.
1. Ponemos el título del vídeo.1. Ponemos el título del vídeo.
2. Aceptamos las condiciones.2. Aceptamos las condiciones.
3. Y pinchamos en “Subir vídeo”.3. Y pinchamos en “Subir vídeo”.
…no olvidéis los formatos de vídeo que soporta y el tamaño máximo del video (100MB).
Esta página permanecerá en espera hasta que finalice el
proceso de subida del vídeo.
Esta página permanecerá en espera hasta que finalice el
proceso de subida del vídeo.
Una vez subido, pulsamos en “Publicar entrada”.
Una vez subido, pulsamos en “Publicar entrada”.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Y vemos cómo aparece nuestra nueva entrada por encima de la
anteriormente publicada.
Y vemos cómo aparece nuestra nueva entrada por encima de la
anteriormente publicada.
Blogger por defecto coloca las entradas bajo un criterio temporal, es decir, que las más recientes aparecen en la parte superior del blog, empujando hacia abajo las más antiguas.
Esto puede parecer una limitación, aunque ahora veremos como podemos modificar el orden de las entradas a nuestro gusto modificando su fecha de publicación.
Pinchamos en “Editar entradas”.Pinchamos en “Editar entradas”.
…volvemos a la pantalla de nuestro blog, para ahora modificar el orden en el que aparecen en el blog.
Pinchamos en “editar” de la entrada “Video sobre el esqueleto
humano”.
Pinchamos en “editar” de la entrada “Video sobre el esqueleto
humano”.
En esta pantalla podemos controlar todas nuestras entradas: editarlas, visualizarlas, guardarlas como borrador, suprimirlas, etc.
Pinchamos en “opciones de entrada”.
Pinchamos en “opciones de entrada”.
Modificamos la fecha de esta entrada y le ponemos una más reciente que la que tiene la otra
entrada, para invertir su orden en el blog.
Modificamos la fecha de esta entrada y le ponemos una más reciente que la que tiene la otra
entrada, para invertir su orden en el blog.
Y pinchamos en “Publicar entrada”.
Y pinchamos en “Publicar entrada”.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Pinchamos en “en una nueva ventana” para ver el blog
actualizado.
Vemos como ahora la entrada del “video sobre el esqueleto
humano” aparece al final del blog, con la fecha de publicación
cambiada.
Vemos como ahora la entrada del “video sobre el esqueleto
humano” aparece al final del blog, con la fecha de publicación
cambiada.
Pinchamos en “Diseño”.Pinchamos en “Diseño”.
…volvemos a la pantalla de nuestro blog, para ahora insertar en la columna auxiliar de nuestro blog extras (gadgets) que nos ofrece blogger y que pueden enriquecer nuestro blog, dotándolo de ciertas utilidades.
Pinchamos en “añadir un gadget”.Pinchamos en “añadir un gadget”.
Insertamos el que más nos interese. Hay imágenes, texto,
listado de enlaces, cuestionarios, lista de seguidores, calendarios, relojes, noticias, juegos, foros,
etc..
Insertamos el que más nos interese. Hay imágenes, texto,
listado de enlaces, cuestionarios, lista de seguidores, calendarios, relojes, noticias, juegos, foros,
etc..
En este caso hemos elegido un gadget de “Imagen”, para lo cual
debemos buscarla en el disco duro del ordenador o en la web, y
pulsar a “Guardar”.
En este caso hemos elegido un gadget de “Imagen”, para lo cual
debemos buscarla en el disco duro del ordenador o en la web, y
pulsar a “Guardar”.
Esperamos mientras finaliza el proceso de subida de la imagen.
Esperamos mientras finaliza el proceso de subida de la imagen.
Introducimos el título, el pie de foto y un hiperenlace (si fuera
necesario), y pulsamos en “Guardar”.
Introducimos el título, el pie de foto y un hiperenlace (si fuera
necesario), y pulsamos en “Guardar”.
1. Podemos comprobar como se ha incorporado el nuevo gadget en la columna de la derecha. El
orden de estos elementos se puede modificar, pinchando sobre
ellos y arrastrándolos a la posición deseada.
1. Podemos comprobar como se ha incorporado el nuevo gadget en la columna de la derecha. El
orden de estos elementos se puede modificar, pinchando sobre
ellos y arrastrándolos a la posición deseada.
2. Pinchamos en “ver blog” para ver los cambios sobre el propio
blog.
2. Pinchamos en “ver blog” para ver los cambios sobre el propio
blog.
Comprobamos que la imagen aparece en esa columna de la
derecha.
Comprobamos que la imagen aparece en esa columna de la
derecha.
Por último, pulsamos en “Salir” cuando consideremos que hemos
acabado el proceso de actualización del blog.
Por último, pulsamos en “Salir” cuando consideremos que hemos
acabado el proceso de actualización del blog.
Hasta aquí, hemos aprendido a crear, diseñar y configurar un blog.
Ahora la labor de mantenimiento del mismo consiste en incluir más entradas, gadget, etc, para que la forma y los contenidos del blog sean los más adecuados al fin que nos hayamos propuesto.
Debemos saber darle una utilidad pedagógica a los blog:
-Bien utilizándolos para exponer ciertos contenidos bajo un criterio lógico o temporal.
-Bien utilizándolos como proyectos conjuntos en los que varios alumnos o equipos de alumnos participan en su elaboración, bajo la supervisión y evaluación del profesor.
-Bien como directorio de recursos interesantes que pueden encontrar los alumnos en Internet, dirigiendo y filtrando de esta manera sus fuentes de información en Internet, para optimizar sus esfuerzos de búsqueda.
-Bien como proyección exterior a toda la comunidad educativa de lo que se hace en el aula, sirviendo como experiencia para otros profesores/alumnos.
![1 1 1 Mater Misericordiae...1 1 1 1 ï 1 1 û W \ \ ] , W ] ] Y ü 1 ï 1 ï 1 1 1 1 1 ï 1 ^ 1 . 1 1 1 ð 1 ï 1 1 %H QH LW WD H ODX GD GD VX EUD WRW WX JOR ULR VD 6X 'HXV RQQL SR](https://img.pdfslide.es/doc/110x75/5eb5520b7719645e2d7165b0/1-1-1-mater-misericordiae-1-1-1-1-1-1-w-w-y-1-1-1.jpg)
![La%252525252520 selección%252525252520española[1][1][1][1][1][1]](https://img.pdfslide.es/doc/110x75/555b87d2d8b42acd238b497c/la252525252520-seleccion252525252520espanola111111.jpg)
![Burundanga 1 [1][1][1][1][1][1]](https://img.pdfslide.es/doc/110x75/55caa585bb61eb22688b47cf/burundanga-1-111111.jpg)
![Quecantenlosni Os 1 2 1 1 [1][1][1][1][1]. J.L.Perales](https://img.pdfslide.es/doc/110x75/5583ffd7d8b42a79268b47a7/quecantenlosni-os-1-2-1-1-11111-jlperales.jpg)
