Crea Blog en Blogger

24
Herramientas Interactivas para el Aprendizaje Escritura Colectiva Herramienta para la creación de Blogs Facilitadora Marianela Hernández 30 de abril de 2011 Profa. Marianela Hernández 1

description

Guía didáctica para crear Blog a partir de la herramienta Blogger de Google

Transcript of Crea Blog en Blogger

Page 1: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Escritura Colectiva Herramienta para la creación de Blogs

Facilitadora Marianela Hernández

30 de abril de 2011

Profa. Marianela Hernández 1

Page 2: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 2

Taller Práctico para la creación de Blogs Copn la Herramienta Blogger de Google Facilitadora: Marianela Hernández

PROPÓSITO : Proveer información y experiencias para el diseño y creación de blogs. OBJETIVO : Aplicar la herramienta Blogger para la creación de blogs. CONTENIDO:

• Presentación general del tema: qué son los blogs, usos. • Descripción de Blogger: creación de cuenta, elección de plantilla, creación y

edición de entradas, barra de edición, añadir imagen y video, opciones de configuración, opciones de diseño.

• Otras herramientas para la creación de blogs. AGENDA:

• Introducción. • Definición de Blog. • Creación de un Blog. Ejercitación con la herramienta Blogger. • Otras herramientas para la creación de Blogs • Conclusiones

DURACIÓN: 8 Horas

Page 3: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 3

INTRODUCCIÓN

¿Qué es un Blog?

Un blog es una página Web (formato de publicación con información) que contiene

artículos recopilados cronológicamente.

En ellos los lectores pueden escribir sus comentarios haciendo posible establecer una

especie de diálogo. Estos comentarios quedan registrados en la Web en el orden en que

van llegando. La temática a la que va dirigida y el uso muy variado. También son

conocidos con el nombre de “Bitácora”. En la mayoría de los editores, los artículos se

ordenan desde el más nuevo al más viejo, es decir, los que se van escribiendo aparecen

en el tope de la página o blog.

Pueden contener además de texto, imágenes, videos, presentaciones, gráficos y muchos

adicionales que la complementan.

Un blog donde encontrarás un buen listado de interesantes blogs en español de todos los

géneros es el siguiente:

http://www.librodeblogs.com/caps/1/ejemplos-de-weblogs-en-espaaol-clasificados-por-

ganeros.php

¿Cómo luce un blog? ¿Qué aspecto tiene? A continuación se hará referencia a algunos aspectos relevantes en un blog como son:

1. El título del Blog.

2. El objetivo o descripción del Blog.

3. Los artículos o post del Blog.

4. La sección de comentarios.

5. Enlaces a otras páginas de interés.

6. Archivos cronológicos de entradas al Blog.

Page 4: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Fig.1 Aspecto de un Blog

(ejemplo http://tecnologiaeducativa.blogspot.com/)

Profa. Marianela Hernández 4

Page 5: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

CREACIÓN DE UN BLOG

EJERCITACIÓN CON LA HERRAMIENTA BLOGGER

Blogger es una herramienta proporcionada por Google para crear y mantener blogs.

Para utilizarla sólo debemos tener una cuenta de correo Gmail o cuenta Google.

Si no tienes una cuenta creada, se recomienda que lo hagas, ya que, en Google puedes

encontrar muchas herramientas que te ayudarán en tu labor ya sea docente, gerencia,

seguridad, profesiones u otros temas tu interés. Estas herramientas pueden ser:

calendarios, el creador de páginas Web, manejadores de fotografías, manejador de

video, historiales de búsqueda, un procesador de palabras y hoja de cálculo en línea,

guardar favoritos y muchas otras cosas interesantes que están disponibles en la Web 2.0.

En la figura 2 se aprecia la pantalla principal de Blogger http://www.blogger.com y

como acceder. Hagámoslo ahora.

Figura 1. Página principal de Blogger

Profa. Marianela Hernández 5

Page 6: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Veamos como es el procedimiento si no posees una cuenta en Google (Gmail):

Figura 3: Creación de una cuenta en Google

Profa. Marianela Hernández 6

Page 7: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Una vez que haces clic en CONTINUAR, comenzarás a darle vida propia a tu Blog.

Figura 4: Creando un Blog

Seguidamente, procede a seleccionar cual es la plantilla que vas a usar (fondo y

organización de los artículos). Si tienes experiencia en el uso de HTML podrás también

cambiar detalles de la plantilla. En la Web puedes encontrar mucha información sobre

esto.

Profa. Marianela Hernández 7

Page 8: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Elijamos una plantilla para nuestro Blog:

Figura 5: Creando Blog (Plantilla)

Ya has creado tu Blog, ahora ya puedes comenzar a “Bloggear”.

Profa. Marianela Hernández 8

Page 9: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

CREACIÓN DE ENTRADAS O ARTÍCULOS EN EL BLOG

Ahora, puedes crear una primera entrada en el Blog. Las entradas se conocen también como artículos o post.

Debes colocar un títuloA tu Artículo

Herramientas de Edición

Si conoces algoDe código HTML, puedesAgregarlo, modificarlo o

verlo si hace falta

Puedes visualizar una vistade tu artículo antes

De publicarlo

En está área escribirásel contenido de tu artículo

Aquí puedes generar etiquetas oTags para clasificar o buscar

Tu artículo

Cuando termines puedesPublicar tu entrada,

Siempre podrás eliminarlaSi lo deseas

Debes colocar un títuloA tu Artículo

Herramientas de EdiciónHerramientas de Edición

Si conoces algoDe código HTML, puedesAgregarlo, modificarlo o

verlo si hace falta

Puedes visualizar una vistade tu artículo antes

De publicarlo

Puedes visualizar una vistade tu artículo antes

De publicarlo

En está área escribirásel contenido de tu artículo

Aquí puedes generar etiquetas oTags para clasificar o buscar

Tu artículo

Aquí puedes generar etiquetas oTags para clasificar o buscar

Tu artículo

Cuando termines puedesPublicar tu entrada,

Siempre podrás eliminarlaSi lo deseas

Cuando termines puedesPublicar tu entrada,

Siempre podrás eliminarlaSi lo deseas

Figura 6: Creando un artículo en tu Blog

Profa. Marianela Hernández 9

Page 10: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Veamos, con detalle, la barra de edición y sus elementos:

Figura 7: Barra de Edición

Como se puede observar en la figura anterior, desde la barra de edición, podemos darle

formato (tipo, tamaño, estilo, color) a las letras que utilizaremos para la escritura de

nuestro artículo.

También desde la barra podemos insertar enlaces a direcciones de páginas ubicadas en

la Web. Se pueden colocar viñetas en nuestro escrito tanto numéricas como de imagen.

También se puede hacer revisión de la ortografía e insertar imágenes y videos en forma

muy sencilla.

Profa. Marianela Hernández 10

Page 11: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Veamos con detalle la información que debemos dar cuando decidimos insertar una imagen.

Figura 8: Trabajo con Imágenes

Profa. Marianela Hernández 11

Page 12: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Continuación:

Figura 9: Trabajo con Imágenes

Profa. Marianela Hernández 12

Page 13: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 13

Como vemos, hay que buscar la imagen, ya sea, en nuestro computador (Elegir

Archivo), desde el mismo Blog (imágenes ya almacenadas en el blog), desde un álbum

de Picasa o insertando la URL de una imagen alojada en la Web. Luego debemos

indicar la posición o alineación de la imagen y el tamaño.

Una vez hecho todo esto, debemos aceptar las condiciones de Blogger indicando que

las imágenes que estamos insertando no tienen derecho de autor, que no son imágenes

obscenas, etc.

Listo!! Ya tenemos una imagen en nuestro artículo.

Page 14: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Igual de fácil es el procedimiento para subir un video, veamos…

Figura 10: Manejo de Videos

Profa. Marianela Hernández 14

Page 15: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Figura 11: Manejo de video

Profa. Marianela Hernández 15

Page 16: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Figura 12: Manejo de Video

Aquí, sencillamente, buscamos nuestro archivo de video en nuestro computador o en

Youtube… luego le damos un título y, finalmente, aceptamos condiciones de

Blogger..Listo!! ya tenemos un video en nuestro Blog.

También podemos traernos un video de Youtube u otro servidor público de videos

(Zippyvideos, Google, Metacafe, Vimeo, entre otros) sólo copiando el código HTML

que genera Youtube y pegarlo en el artículo en la pestaña denominada “Edición de

HTML”.

Una vez que terminemos de escribir nuestra entrada al Blog veremos este mensaje:

Figura 13: Video creado en tu Blog

Una vez aquí, podemos editar el artículo, ver el blog o crea una entrada nueva.

Profa. Marianela Hernández 16

Page 17: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 17

EDICIÓN DE ENTRADAS

rear una entrada nueva y desde allí seleccionamos la pestaña “Editar

Entradas”.

Creadas las entradas, podemos editarlas o suprimirlas … para ello debemos indicar que

queremos C

Figura 14: Edición de entradas

Page 18: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 18

Puedes revisar las entradas por etiquetas, pu des ver las entradas que están por borrador,

las que están publicadas. P etc.

Hemos visto: cómo crear un Blog y cómo crear una o más entradas y editarlas. Veamos

ahora algunos detalles para la configuración del Blog.

e

uedes ingresar a ellas editándolas desde aquí..

CONFIGURACIÓN DEL BLOG

Figura 15: Configuración del Blog

En la primera pestaña que dice Básico, encontraremos detalles como el título del Blog,

la Descripción del mismo e indicaciones acerca de quién y cómo puede acceder al

Blog. También se indica si el Blog tiene contenido para adultos, manejo de idiomas

ña Publicación se refiere al sitio donde estará publicado el Blog, es

mostrar los títulos y otras cosas más. Además, es desde aquí que

diferentes al inglés y al español y, por último, es desde aquí que podemos suprimir un

Blog si ya no lo vamos a utilizar nunca más.

La segunda pesta

una opción avanzada que permite indicar un servidor diferente al de Blogger para

publicar el Blog.

La tercera pestaña Formato nos permite seleccionar el formato de las fechas y la hora,

indicar cuantas entradas queremos que se muestren en una página, el idioma de la

plantilla, si queremos

Page 19: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 19

ión de comentarios. También puedo indicar, desde

mensualmente. También puedes indicar que no

gará un aviso cada vez que se publique algo en mi Blog.

res de manera que puedan

ublicar entradas en el Blog desde Blogger. También puedes decir aquí si el Blog es

úblico o privado, es decir, quiénes pueden acceder a este.

podemos modificar la plantilla del Blog insertando el código HTML de nuestra nueva

plantilla. (Avanzado)

La cuarta pestaña se refiere a los Comentarios, desde aquí tengo todas las opciones

acerca de quién, cuándo y cómo se van a manejar los comentarios en mi Blog. La parte

más importante acá es lo que se conoce como “Moderación de comentarios”, es decir,

puedo indicar que los comentarios serán moderados antes de publicarse, esto me

permite –entre otras cosas- usar mi Blog como herramienta de evaluación tipo Quiz si

no quiero que lo escrito se vea hasta no haberlo revisado previamente. Éste y otros usos

hacen interesante la opción moderac

aquí, si quiero o no que se visualicen las imágenes (fotos) del perfil de quien o quienes

escriben al lado de sus comentarios.

La quinta pestaña es Archivo, desde aquí se indica cómo quiero que se archiven las

entradas: diariamente, semanalmente o

se archiven, por lo cual, sólo tendrás la publicación de la entrada pero sin ningún orden

más de aquel en que fueron llegando.

La siguiente pestaña Feeds del Sitio permite habilitar la sindicación de contenidos

desde otros sitios de la Web (Avanzado).

En la siguiente pestaña Correo Electrónico y Móvil podemos suscribir hasta 10

personas a las que les lle

Igualmente puedo establecer una dirección, enviar escritos e imágenes de hasta 10 MB

directamente de mi Blog.

Por último, en la pestaña Permisos es donde puedes habilitar a aquellas personas que

desees que compartan la edición de tu Blog como auto

p

p

Page 20: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

DISEÑO DE BLOG

Profa. Marianela Hernández 20

A través de esta opción podemos cambiar la distribución de los elementos del Blog. He

aquí esta ventana:

Figura17: Mejoras o cambios en el diseño de tu Blog

Page 21: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 21

cá encontramos diferentes elementos que podemos cambiar o editar; en primer lugar

podemos cambiar la cabecera de la página haciendo clic editar en la zona de título.

A

Figura 18: Configura cabecera del Blog

Desde aquí, no solamente podemos cambiar el Título del Blog sino también su

descripción y agregar que puede ir al fondo. Esto me permite preparar una imagen

esde otro programa editor como PhotoShop o alguno similar y editar un banner como

tulo del blog y desde aquí insertarlo.

d

Page 22: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 22

CONFIGURAR ENTRADAS DEL BLOG

También puedes editar las entradas y todos sus elementos…Veamos:

Figura 19: Configurando las entradas de tu Blog

Desde aquí podemos cambiar cualquiera de los elementos de las entradas del Blog.

Finalmente, un elemento que nos trae Blogger es la posibilidad de agregar nuevos

elementos a mi Blog. Eso lo puedes hacer en donde dice “Añadir un elemento de

Página” (Gadget).

Page 23: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 23

Puedes agregar presentaciones en Power Point, videos, imágenes, encuestas, lista de

vínculos y muchos más (Ver siguiente figura).

Figura 20. Selección de elementos nuevos (Gadget) para tu Blog

Para finalizar cuando estemos decididos con todos los detalles de nuestro

log..Guardamos y Listo!!..ya tenemos un Blog para ser usado según nuestros intereses

u oficios.

mo herramienta disponible en la Web 2.0

dores de Blog en la Web que pueden ser experimentados por

on las siguientes:

B

OTRAS HERRAMIENTAS PARA LA CREACIÓN DE BLOG

Hemos visto la herramienta para la creación de Blog a través de Blogger, ya que, está

enmarcada en lo que nos ofrece Google co

Hay muchos otros crea

ustedes. Sus direcciones s

http://www.blogia.com/ http://www.obolog.com/

/http://www.obolog.com om/http://www.blogalia.c

http://bitacoras.com/ http://es.nireblog.com/ http://blogs.ya.com/ http://es.wordpress.com/

Page 24: Crea Blog en Blogger

Herramientas Interactivas para el Aprendizaje

Profa. Marianela Hernández 24

Existen muchos lugares en la Web 2.0 que te permiten crear un Blog. Queda de nuestra

parte ser creativos para encontrar las mejores formas de sacarle provecho a esta útil

herramienta. y demás usos como: bitácoras personal, bitácora de comercio o empresa,

temas de interés, educativos, entre otros.

CONCLUSIONES