curso blogger tin

29
Curso blog_TIN.notebook 1 May 11, 2012 CREACIÓN DE UN BLOG CON BLOGGER WEB 2.0. APLICACIONES EDUCATIVAS Alejandro Fernández Pascual Entrar en la página http://www.blogger.com Crear un blog:

Upload: teresa-marcos-suarez

Post on 07-Jul-2015

196 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Curso blogger tin

Curso blog_TIN.notebook

1

May 11, 2012

CREACIÓN DE UN BLOG CON BLOGGER

WEB 2.0. APLICACIONES EDUCATIVAS

Alejandro Fernández Pascual

Entrar en la página http://www.blogger.com

Crear un blog: 

Page 2: Curso blogger tin

Curso blog_TIN.notebook

2

May 11, 2012

Accedemos a nuestra cuenta Google (1). Si no tenemos cuenta pulsamos CREAR UN BLOG (2), donde crearemos una.

(1)

(2)

Crear una cuenta Google Account. Si ya la tenemos saltamos este pasoRellenamos el formulario para crear la cuenta.

 

Page 3: Curso blogger tin

Curso blog_TIN.notebook

3

May 11, 2012

Introducimos el código de verificación de la palabra, aceptamos las condiciones y pulsamos en CONTINUAR

Escogemos un nombre para el blog (habrá que comprobar que esté disponible)

Page 4: Curso blogger tin

Curso blog_TIN.notebook

4

May 11, 2012

Eleginos una plantilla en la que se basará el diseño de nuestro blog (podemos previsualizarlas antes de escoger)

A continuación se muestra el mensaje que confirma que se ha creado el blog correctamente. Ahora empezamos a publicar

Page 5: Curso blogger tin

Curso blog_TIN.notebook

5

May 11, 2012

Actividad 2

Repite los pasos vistos hasta ahora y crea tu propio blog sobre algún tema que te resulte atractivo.

Accedemos a la página principal de administración de nuestro blog. Tenemos cuatro pestañas principales (Creación de entradas, Configuración, Diseño y Monetizar)

Page 6: Curso blogger tin

Curso blog_TIN.notebook

6

May 11, 2012

 Se utiliza para incluir publicidad en el blog.

Configuración

Diseño

Monetizar

Creación de entradas

Permite crear y modificar las entradas del Blog (artículos, ensayos, opiniones, actividades, etc). 

Es la pestaña más importante desde el punto de vista de la administración del blog. Permite cambiar las preferencias de visualización del blog, la entrada de comentarios y  establecer permisos de acceso y publicación de contenidos para otros usuarios.

Permite cambiar la apariencia de nuestro blog: Seleccionar la plantilla del blog, el tipo de letra, los colores, la organización de las secciones, etc.

Creación de entradas

(1)

(2)

Seleccionamos   Nueva entrada  . El recuadro que aparece debajo es donde se escribe la entrada (1) y ofrece las opciones básicas de un procesador de texto con la posibilidad de insertar contenido multimedia como imágenes y videos.Cuando creamos una entrada tenemos que etiquetarla con palabras clave sobre el contenido de la misma. Esto lo haremos a través del cuadro 'etiquetas de esta entrada'(2).

Page 7: Curso blogger tin

Curso blog_TIN.notebook

7

May 11, 2012

Una vez escrita la entrada pulsamos en Publicar entrada. Nos aparecerá un mensaje de confirmación informando que la entrada se ha publicado correctamente.

Si ahora pichamos en Ver entrada, veremos la entrada publicada en el blog.

http://tecnologiaparatods.blogspot.com/

Cuando tenemos varias entradas publicadas, podemos gestionarlas en la opción 'Editar entradas'

Page 8: Curso blogger tin

Curso blog_TIN.notebook

8

May 11, 2012

Actividad 3

Publica ahora tu primera entrada con un breve texto de presentación del blog. ¡No olvides etiquetar la entrada!

Ahora vamos a publicar una entrada con una imagen. La imagen podemos obtenerla de nuestro disco duro, de internet o podemos capturar una imagen de una página (por ejemplo un titular de un periódico digital). Empezaremos descargando una imagen de internet y añadiéndola a nuestro blog.

Entramos en la dirección 

http://bancoimagenes.isftic.mepsyd.es/

Page 9: Curso blogger tin

Curso blog_TIN.notebook

9

May 11, 2012

Seleccionamos Fotografías y hacemos una búsqueda en la base de datos (por ejemplo Ciudad Rodrigo). Nos aparecen varias fotos. Seleccionamos una de ellas.

Al seleccionarla obtenemos información sobre el formato de la imagen, el tema y a qué categorías curriculares pertenece. A continuación pulsamos en Descargar archivo

Page 10: Curso blogger tin

Curso blog_TIN.notebook

10

May 11, 2012

Aceptamos las condiciones de uso y guardamos el archivo en el Escritorio (por ejemplo)

Ahora vamos a comprobar el tamaño de la imagen. Siempre que trabajemos con imágenes en internet, documentos de Office, OpenOffice, etc. será necesario comprobar el tamaño de las imágenes con las que estamos trabajando, porque si el tamaño es muy grande, se ralentizan mucho todas las tareas.

Vamos al escritorio, y en la foto Fotocapiteles pulsamos con el botón derecho y seleccionamos Propiedades

Page 11: Curso blogger tin

Curso blog_TIN.notebook

11

May 11, 2012

Se muestran las propiedades de la imagen, entre las que está el tamaño. En este caso el tamaño es 1,47MB. Se recomienda trabajar con imágenes del orden de los 100KB, por lo que está imagen es demasiado grande y habrá que reducirla. Recuerda : 1MB = 1000KB

A continuación se explica cómo reducir con Paint el tamaño de una imagen. Si ya sabes cómo hacerlo, puedes saltarte este paso.

 

¿Cómo reducir una imagen?

Para reducir el tamaño de una imagen necesito Editarla. Pulso de nuevo con el botón derecho del ratón sobre la imagen y selecciono Editar

Page 12: Curso blogger tin

Curso blog_TIN.notebook

12

May 11, 2012

Se abre el programa Paint de Windows que permite modificar la imagen. Pulsamos en Imagen y seleccionamos Expandir o Contraer...

Se abre un diálogo que permite elegir el porcentaje de expansión e introducimos los valores de 30% tanto en Horizontal como en Vertical. Al tomar el mismo valor en las dos direcciones, cuando se reduzca la fotografía no se deformará.

Page 13: Curso blogger tin

Curso blog_TIN.notebook

13

May 11, 2012

Guardamos la nueva imagen. Si comprobamos de nuevo su tamaño, veremos que ahora ocupa 123KB. Ahora ya está lista para subirla al blog.

Actividad 4

Descárgate una imagen del banco de datos del Mepsyd relacionada con el tema de tu blog, y reduce su tamaño si es necesario.

http://bancoimagenes.isftic.mepsyd.es/

Page 14: Curso blogger tin

Curso blog_TIN.notebook

14

May 11, 2012

Voy a publicar la foto descargada en mi blog. Si he cerrado la página de blogger, vuelvo a entrar en la página.

http://www.blogger.com

Accedo a mi cuenta de Google en Blogger

Se abre el Escritorio de Blogger, donde se muestran mis blog y las mismas opciones que teníamos en las pestañas de la página de administración del blog. Pulso en Nueva entrada

Page 15: Curso blogger tin

Curso blog_TIN.notebook

15

May 11, 2012

Nos aseguramos que estamos trabajando en la pestaña Redactar. A continuación doy un título a la entrada, inserto un texto comentando la foto y escribo las etiquetas para esta  entrada del blog. Por último pulso en el botón de insertar imagen.

 

Insertar imagen

Se abre el diálogo para añadir una imagen. Puedo añadirla desde el equipo o dando la dirección web donde se encuentre la imagen que me interese publicar. Podemos también  elegir el diseño de la foto y el texto y el tamaño con el que se publicará la imagen en el blog. Para añadir la foto Fotocapiteles del equipo, pulso en Examinar y selecciono la carpeta donde esté almacenada (Escritorio). A continuación pulso SUBIR IMAGEN

Page 16: Curso blogger tin

Curso blog_TIN.notebook

16

May 11, 2012

Esperamos a que se cargue la imagen....

A continuación se muestra un mensaje que confirma que se ha añadido la imagen. Pulsamos en FINALIZADO y volveremos a la edición de la entrada.

Vemos  que ahora aparece la imagen en la entrada con el texto que habíamos escrito. Ya sólo nos queda pulsar el botón de PUBLICAR y tendremos la nueva entrada con la imagen publicada en el blog.

Page 17: Curso blogger tin

Curso blog_TIN.notebook

17

May 11, 2012

Para ver el resultado pulsamos en Ver entrada.

Actividad 5

Publica en tu blog la imagen descargada del banco de imágenes.       Recuerda etiquetar la entrada.

Page 18: Curso blogger tin

Curso blog_TIN.notebook

18

May 11, 2012

A continuación voy a añadir una entrada con un vídeo que he encontrado en Youtube y me interesa compartirlo con los alumnos. En primer lugar entro en Youtube y busco un vídeo relacionado con la energía eólica.

Elijo el vídeo que me interesa, que es el segundo que aparece.

Al seleccionarlo se reproduce el vídeo elegido. Para insertarlo en nuestro blog, tenemos que copiar un código que aparece en esta página bajo la palabra Insertar

 Selecciono y copio este código

Page 19: Curso blogger tin

Curso blog_TIN.notebook

19

May 11, 2012

Edito una nueva entrada en mi blog. Introduzco el título, un texto que describa el vídeo y las etiquetas de la nueva entrada. A continuación pulso en edición de HTML y pego el código del vídeo. Aparece una ristra de código extraño que insertará el vídeo en mi blog. Por último publico la entrada y la visualizo como otras veces.

Vemos el resultado. Añadiendo el vídeo de esta forma, se incluye el reproductor en nuestro blog, facilitando a los lectores su reproducción

Page 20: Curso blogger tin

Curso blog_TIN.notebook

20

May 11, 2012

Actividad 6

Busca un vídeo en Youtube relacionado con el tema de tu blog y publícalo. Recuerda etiquetar la entrada.

Otras opciones del editor de Blogger son añadir un enlace a una página web o añadir un vídeo que tengo almacenado en el disco duro.

Añade un vídeoAñade un enlace a una página web(antes tengo que seleccionar untexto o una imagen)

Page 21: Curso blogger tin

Curso blog_TIN.notebook

21

May 11, 2012

Además de las entradas que hemos visto, se pueden añadir al blog otros elementos llamados gadgets. Para ello seleccionamos la pestaña Diseño de la página principal de administración del blog. En esta sección podemos maquetar el blog, cambiar las fuentes y colores utilizados en su diseño o seleccionar una plantilla diferente para nuestro blog.

Un gadget es una pequeña aplicación que se añade en el blog y nos permite hacerlo más interactivo y darle una mayor funcionalidad. Hay muchos diferentes y cada día se desarrollan gadgets nuevos. Los más usados son las listas de enlaces a páginas web, el menú con las etiquetas del blog, encuestas, el archivo del blog...

encuesta

buscador

etiquetas

Lista de enlaces

Page 22: Curso blogger tin

Curso blog_TIN.notebook

22

May 11, 2012

Las plantillas suelen incluir por defecto algún gadget, en este caso vemos el de Archivo del blog. Estos gadgets los puedo editar o suprimir cuando quiera.

A continuación voy a añadir un gadget a mi blog. Pulso en Añadir un gadget en la posición que deseo que aparezca dentro de la página del blog.

Page 23: Curso blogger tin

Curso blog_TIN.notebook

23

May 11, 2012

Se abre una ventana con un menú que muestra los gadgets disponibles. Añadiré el Cuadro de búsqueda que aparece en el menú Lo básico. Además de los gadgets básicos que se presentan al abrir la ventana, puedo añadir muchos más, disponibles en los menús (Destacados, Los más populares, Más gadgets)

Cada gadget tiene tiene su propia ventana de configuración, donde introducimos la información necesaria para crearlo. Una vez configurado el gadget, pulsamos en Guardar

Ejemplos de diálogos de otros gadgets

Page 24: Curso blogger tin

Curso blog_TIN.notebook

24

May 11, 2012

Vemos cómo queda en el blog. Si quiero volver a editarlo, puedo hacerlo pulsando en el símbolo

Gadget añadido

Actividad 7

Añade tres gadgets a tu blog:

•  Menú con las etiquetas de las entradas del blog en forma de nube.•  Una lista de enlaces con las direcciones de dos blogs de tus compañeros (Lista de Blogs).• Una encuesta sobre un tema relacionado con tu blog.

Page 25: Curso blogger tin

Curso blog_TIN.notebook

25

May 11, 2012

Como última parte de este curso de Blogger vamos a trabajar con la pestaña de Configuración de la página de administración del blog. Dentro de esta pestaña hay varios subapartados. Nos centraremos en el Básico,los Comentarios y los Permisos.

La página de Básico nos permite Importar/Expotar entradas del blog, suprimir el blog, cambiar el título, añadir una descripción del blog, así como otras opciones de edición. Una vez modificada la configuración, debemos siempre guardarla pulsando el botón                                         situado al final de la página.

Page 26: Curso blogger tin

Curso blog_TIN.notebook

26

May 11, 2012

La página de Comentarios nos permite gestionar la entrada y visualización de los comentarios del blog. Puedo permitir o denegar culquier comentario a las entradas o permitir sólo a los usuarios autorizados introducirlos. Además de estas opciones se pueden configurar otras referentes a la forma de mostrar los comentarios o la notificación de comentarios a un grupo de usuarios a través del correo electrónico.

La página de Permisos configura permisos de autoría y de lectura. Autores son los usuarios con permisos para publicar entradas. Esto nos da la posibilidad de convertir un blog personal en un blog colaborativo. Los permisos de Lectura posibilitan que un blog sólo sea visible por el grupo de usuarios que especifiquemos o únicamente por los autores.Si quiero añadir un autor, simplemente tengo que pulsar en Añadir autores e introducir su dirección de correo electrónico. Se le enviará una invitación y cuando la acepte tendrá permiso para publicar entradas en el blog (necesitará acceder previamente a su cuenta de Blogger).

Page 27: Curso blogger tin

Curso blog_TIN.notebook

27

May 11, 2012

Para restringir la lectura a un grupo de Lectores, selecciono la opción Solo los que yo elija y en el cuadro que aparece introduzco sus direcciones de correo eletrónico separadas por comas. Por último, pulso Invitar.

Entre las demás opciones de configuración que tenemos, podemos configurar el dominio de Publicación del blog, el Formato de la hora y la fecha, la frecuencia de Archivo del blog, la difusión del blog o Feed del sitio, la creación de entradas mediante Correo electrónico y móvil, o el acceso al blog mediante OpenId

Page 28: Curso blogger tin

Curso blog_TIN.notebook

28

May 11, 2012

Por último, para salir de la cuenta de Blogger y finalizar el tutorial, pulsa en Salir.

Actividad Final

Configura tu blog de la siguiente manera:

• Sólo los miembros del blog pueden introducir comentarios.• Sólo pueden leer el blog los usuarios que elijas.

Elige un compañero del curso y añadiros, como lector y como autor, cada uno en el blog del otro. Comprobad que podéis introducir comentarios y publicar nuevas entradas en el blog del compañero.

Page 29: Curso blogger tin

Curso blog_TIN.notebook

29

May 11, 2012