2ª sesión

1

RECURSOS DIGITALES EN EDUCACIÓN INFANTIL:

PONENTE: VANESA MARÍA GÁLVEZ BACHOT.

“Blog educativo”

2ª sesión

¿Cómo acceder a nuestro blog?

- Escribimos la dirección de nuestro blog en la barra de navegación y le damos a INTRO.


CURSO "RECURSOS DIGITALES EN EDUCACIÓN INFANTIL: BLOG

EDUCATIVO"

3

PERSONALIZAMOS NUESTRO BLOG

EDUCATIVO



EDUCATIVO"

Personalizar nuestro blog

Hacemos clic en “Diseño”



EDUCATIVO"

Para personalizar nuestro blog pinchamos sobre “Diseñador de plantillas”.



EDUCATIVO"

Personalizar nuestro blog

6

Para ver la apariencia que tiene nuestro blog recién creado hacemos clic en

DISEÑADOR DE PLANTILLAS

CURSO "RECURSOS DIGITALES EN EDUCACIÓN INFANTIL: BLOG EDUCATIVO" PONENTE: VANESA MARÍA GÁLVEZ BACHOT.

7

PLANTILLAS

Independientemente de la plantilla que estés previsualizando en el Diseñador de plantillas, siempre puedes ver el aspecto que tiene tu

blog en estos momentos si te fijas en la miniatura ”Ahora en el blog” del panel de control.



EDUCATIVO"

8

PLANTILLAS PARA MI BLOG

http://fondosyolanda.blogspot.com/http://fondossholy.blogspot.com/

http://fondosparablogisabella.blogspot.com/http://desordenandoelblog.blogspot.com/search/label/templates-plantillas

http://fondosblogelvirads.blogspot.com/http://lacanastadegaby.blogspot.com/2011/07/kit-de-fondos-infantiles.html

Las plantillas o templates que nos descargamos constan de CABECERA y FONDO, como mínimo .

Podemos personalizar aún más nuestro blog . Podemos descargar plantillas en blogs y webs dónde nos ofrecen multitud de plantillas dónde elegir,

incluso “encargar” una plantilla diseñada por ti.

En cada blog la autora explica cómo descargar e instalar en nuestro blog las plantillas que comparten gratuitamente con los

demás a cambio de un comentario de agradecimiento.CURSO "RECURSOS DIGITALES EN

EDUCACIÓN INFANTIL: BLOG EDUCATIVO" PONENTE: VANESA MARÍA GÁLVEZ BACHOT.

http://fondosyolanda.blogspot.com/

http://fondossholy.blogspot.com/

http://fondosparablogisabella.blogspot.com/

http://desordenandoelblog.blogspot.com/search/label/templates-plantillas

http://fondosblogelvirads.blogspot.com/

http://lacanastadegaby.blogspot.com/2011/07/kit-de-fondos-infantiles.html

9

FONDO

• Aunque hayas elegido una plantilla, puedes cambiar su aspecto. Puedes cambiar la imagen de fondo o el color que quieras en tu blog y luego aprovechar las opciones del esquema de color.


EDUCATIVO" PONENTE: VANESA MARÍA GÁLVEZ BACHOT.

10

CAMBIAR LA IMAGEN DE FONDO

Para empezar a personalizar el fondo, haz clic en la miniatura situada bajo Imagen de fondo.

Encontramos diversos fondos, agrupados por categorías.CURSO "RECURSOS DIGITALES EN


11

CAMBIAR EL COLOR DE LA IMAGEN DE FONDO.

Es posible realizar este cambio si la imagen de fondo tiene transparencia.

(Se sabe que una imagen de fondo es transparente si en la esquina superior derecha muestra un tablero de ajedrez)



EDUCATIVO"

12

* Cuando hayas seleccionado la imagen, puedes cambiar el color del fondo si haces clic en Gama de colores principal y, a continuación, seleccionas el color que prefieras.

* Puedes elegir una gama de colores y aplicarla a otros elementos del blog, como el texto o los enlaces. Para ello, ve a la opción Gama de colores principal o elige uno de los Temas sugeridos. (Al cambiar la gama de colores de tu blog, también cambiará el color de todos los elementos de la plantilla que se puedan modificar).

***Nota: si la imagen de fondo no es transparente, el cambio de tema modificará el esquema de colores del blog.CURSO "RECURSOS DIGITALES EN


CAMBIAR EL COLOR DE LA IMAGEN DE FONDO.

O también podemos poner un fondo que tengamos en nuestro PC: Hacemos clic en “subir imagen” y seleccionamos la imagen que queramos. ¡No te olvides de hacer clic en “Finalizado”!.



EDUCATIVO"

Subir imagen desde nuestro Pc.

Subir imagen desde nuestro Pc.



Una vez subida la imagen podemos cambiar la vista del fondo en nuestro blog

Fuente imagen: http://morellajimenez.com.do/foninfantil.htm

http://morellajimenez.com.do/foninfantil.htm

Fondos e imágenes



He realizado una recopilación de fondos, imágenes e ilustraciones para darle un toque original y personal a nuestro blog.

(Elegimos la que más nos guste y le damos a “descargar foto” o hacemos clic con el botón

derecho del ratón y elegimos “guardar como” en nuestro PC).

FONDOS COLORIDOS

FONDOS DE LISTAS

FONDOS TONOS VERDE

FONDOS TONOS ROSA

FONDOS TONOS AMARILLO

FONDOS TONOS NEGRO.

FONDOS INFANTILES

FONDOS INFANTILES II

FONDOS VARIADOS FONDOS VARIADOS II

FONDOS DISNEY

FONDOS MARIPOSAS Y MARIQUITAS

https://picasaweb.google.com/118068597199180387608/FundosParaMontagensColoridos

https://picasaweb.google.com/118068597199180387608/FundosListrados

https://picasaweb.google.com/118068597199180387608/FundosParaMontagensVerde

https://picasaweb.google.com/118068597199180387608/FundosParaMontagensRosa

https://picasaweb.google.com/118068597199180387608/FundosParaMontagensAmarelo

https://picasaweb.google.com/118068597199180387608/FundosParaMontagensPreto

https://picasaweb.google.com/118068597199180387608/FundosJardim

http://picasaweb.google.com/Cherleysa/FondoInfantil

https://picasaweb.google.com/110200000852390940980/FondosDeLaWeb

https://picasaweb.google.com/100116554213749420431/FONDOS

https://picasaweb.google.com/100116554213749420431/DISNEY

https://picasaweb.google.com/110200000852390940980/FondosJoaninhasEBorboletas

16

Ajustar el ancho

Podemos cambiar el ancho del blog y de las columnas si arrastras los controles deslizantes de las distintas partes del diseño del blog.



17

Diseño del blog

• En esta opción podemos elegir por ejemplo, cuántas columnas queremos que tenga nuestro blog, y la organización de las mismas.

• También podemos cambiar el diseño de pie de página, para colocar una barra para gadgets, dos columnas o tres.



18

Diseño avanzado

En esta opción, podemos cambiar la letra y el color de algunos elementos del blogdándole a nuestro blog una apariencia nueva y diferente a los demás blogs.

* Body text: texto del cuerpo del blog. * Background: fondo



19

Para finalizar…



20

El antes…

…y el después.



EDUCATIVO"

21

PÁGINA BORRADOR DE NUESTRO BLOG

Haciendo clic en “Diseño” vamos a la página - borrador de nuestro blog, dónde creamos entradas, hacemos cambios en el diseño…

Clic en Diseño



22

Nos vamos a “diseño”…

A partir de ahora, cualquier cambio que queramos realizar en los elementos de nuestro blog, por ejemplo:

añadir gadget, lo haremos desde diseño accediendo desde la pestaña “diseño” situada en la esquina

derecha de la página principal de nuestro blog.



¿Cómo acceder al ESCRITORIO de mi blog?-Escribimos blogger en la barra de navegación y le damos a INTRO. (ESCRITORIO)-Desde la página borrador de nuestro blog dónde pone ESCRITORIO

El ESCRITORIO de Blogger es un panel de control, la interfaz de edición principal de Blogger.

Tras acceder a Blogger, se te mostrará la página Escritorio, desde la cual podrás acceder a la funcionalidad de edición de todos tus blogs y tu perfil, así como a las páginas Noticias en Blogger, Blogs recién actualizados y Blogs importantes. Nota: Siempre que navegues por Blogger y no te encuentres en la página Escritorio, verás un botón azul con el texto "Regresar al escritorio" en la esquina superior derecha de la página



EDUCATIVO"

24

¿QUÉ ES UN

GADGET?



25

¿Qué es un gadget?• Los Gadgets o también llamados Widgets son mini

aplicaciones independientes que se añaden al blog.

Dos pequeños consejos antes de empezar:• No coloques ningún gadget que no consideres realmente

útil. Puede afectar a la velocidad de carga de tu blog.

• Cada vez que coloques un gadget, entra a tu blog desde Google Chrome (el buscador de Google) para detectar si tiene algún código malicioso (Google Chrome los suele detectar. Si así fuese, prescinde de ese gadget, pues Google Chrome puede bloquear el acceso a tu blog o página.



26

Gadgets de nuestro blog

Por lo general, cuando creamos un blog, hay un par de gadget, predefinidos.

* Seguidores* Datos personales



Gadget: Seguidores

Los seguidores , son las personas que encuentran nuestro blog educativo y desean seguir nuestras publicaciones.

Tarea: Seguir los blogs de nuestros/as compis del curso.

Vamos a visitar los blogs de nuestros/as compis del curso.

Buscamos el gadget de “Seguidores” y pinchamos en “Participar en este sitio” y en la pagina que se ha abierto hacemos clic en “Seguir este blog” .

Podemos elegir sí queremos o no que todos los seguidores de nuestro blog y visitantes sepan que seguimos este blog.



Gadget: Datos personales/mi perfil.

El siguiente gadget predeterminado es el de nuestro perfil. Para modificar nuestro nombre y datos personales que queremos que aparezcan y vean en nuestro blog, pinchamos sobre el icono de herramientas.



Podemos mantener el nombre de este gadget, DATOS PERSONALES o bien cambiarlo por lo que queramos, por ejemplo, AUTOR/A DE ESTE BLOG o dejarlo en blanco sí queremos.

• Dejamos marcado “compartir mi perfil” sí queremos que lo vean.

• Dejamos marcado “mostrar en este blog.” (esta opción es por sí tienes más de un blog).

• NOMBRE: Podemos poner nuestro nombre o un pseudónimo.

• DESCRIPCIÓN: Aquí escribimos lo que queramos.

• UBICACIÓN: Os aconsejo que no marqueis mostrar en este blog, sino queremos ser localizados por GOOGLE

Editar nuestro perfil



EDUCATIVO"

Le damos a guardar. Nos saldrá el aviso Se han guardado los cambios para "Datos personales". Y le damos a ver blog.

En la siguiente ventana vemos nuestro nombre, los blogs de los que somos autor@s, la fecha de inscripción en blogger, y las veces que han visto nuestro perfil.

Editar perfil

Le damos a EDITAR PERFIL y rellenamos el formulario.

-privacidad.-identidad.-fotografía.-clip de audio.-general.-ubicación.-información ampliada.

Luego le damos a GUARDAR PERFIL



EDUCATIVO"

Añadir gadget a nuestro blog.Si Nos vamos a “diseño”, podemos añadir gadget a nuestro blog, en las columnas laterales, arriba de las entradas y en el pie de página. Hacemos clic en “Añadir gadget”.



EDUCATIVO"

Blogger nos ofrece diversidad de

gadget para nuestro blog.

Para añadir los gadget tan sólo

hay que hacer clic en el icono de

añadir (+).

Podemos elegir los gadgets que

blogger nos ofrece (los básicos, los

más destacados o los más

populares) o bien escribir en

cuadro de búsqueda qué gadget

buscas para añadir directamente a

nuestro blog.



EDUCATIVO"

Añadir gadget a nuestro blog.

Una vez añadido un gadget a nuestro blog (por ejemplo: Etiquetas) podemos moverlo a cualquier parte de la columna u a otra columna del blog, arrastrando el

gadget a dónde deseemos.




Tarea: Añadir gadget blogger a nuestro blog

• Añadir al blog un TEXTO de bienvenida (diseño-añadir un gadget-lo básico-texto).

• Añadir al blog LISTA DE BLOGS que seguimos.(diseño-añadir un gadget-lo básico-lista de blog).

• Añadir al blog ETIQUETAS.(diseño-añadir un gadget- lo básico-etiquetas).

• Añadir al blog COMENTARIOS RECIENTES.(diseño-añadir un gadget-destacados-recent post).



EDUCATIVO"

Para añadir un gadget de otra web, nos vamos a Diseño-añadir un gadget- HTLM/Javascript.




EDUCATIVO"




EDUCATIVO"

En las siguientes páginas encontraremos multitud de gadget más o menos útiles para nuestro blog.

• http://www.gadgetsblogger.com/• http://pczeros.blogspot.com/



EDUCATIVO"

Gadgets para nuestro blog.

Muchos de los cambios que hagamos o aplicaciones que añadamos en nuestro blog se hacen mediante la opción de añadir un HTLM (si hay que insertar un código)

O bien desde diseño-añadir un gadget-añade tu propio (si hay que insertar una dirección –url-)

http://www.gadgetsblogger.com/

http://pczeros.blogspot.com/

También existen páginas con trucos y tutoriales para nuestro blog.

¡Al gusto del consumidor!

Gadgets para nuestro blog.



EDUCATIVO"

• http://elescaparatederosa.blogspot.com/• http://desordenandoelblog.blogspot.com/• http://gemablog-.blogspot.com/• http://lablogueria.blogspot.com/• http://webjcp.blogspot.com/• http://www.pizcos.net/

“LA EULALIA”• http://laeulalia-blogdeprobes.blogspot.com/• http://laeulalia-tublog.blogspot.com/• http://laeulalia-directorio.blogspot.com/• http://laeulalia-final.blogspot.com/

http://elescaparatederosa.blogspot.com/

http://desordenandoelblog.blogspot.com/

http://gemablog-.blogspot.com/

http://lablogueria.blogspot.com/

http://webjcp.blogspot.com/

http://www.pizcos.net/

http://laeulalia-blogdeprobes.blogspot.com/

http://laeulalia-tublog.blogspot.com/

http://laeulalia-directorio.blogspot.com/

http://laeulalia-final.blogspot.com/

39

Realizado por:

Vanesa María Gálvez Bachot

2ª sesión

Documents

Transcript of 2ª sesión