View
214
Download
2
Embed Size (px)
DESCRIPTION
Guia tutorial
Citation preview
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Escritura Colectiva
Herramienta para la creación de Blogs
Facilitadora Marianela Hernández
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Guía para la creación de Blogs Con 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 Presenciales y 8 Horas Virtuales
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Fig.1 Aspecto de un Blog
(ejemplo http://tecnologiaeducativa.blogspot.com/)
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Veamos como es el procedimiento si no posees una cuenta en Google (Gmail):
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Figura 3: Creación de una cuenta en Google
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.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Elijamos una plantilla para nuestro Blog:
Figura 5: Creando Blog (Plantilla)
Ya has creado tu Blog, ahora ya puedes comenzar a “Bloggear”.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Debes colocar un título
A tu Artículo
Herramientas de Edición
Si conoces algo
De código HTML, puedes
Agregarlo, modificarlo o
verlo si hace falta
Puedes visualizar una vista
de tu artículo antes
De publicarlo
En está área escribirás
el contenido de tu artículo
Aquí puedes generar etiquetas o
Tags para clasificar o buscar
Tu artículo
Cuando termines puedes
Publicar tu entrada,
Siempre podrás eliminarla
Si lo deseas
Debes colocar un título
A tu Artículo
Herramientas de EdiciónHerramientas de Edición
Si conoces algo
De código HTML, puedes
Agregarlo, modificarlo o
verlo si hace falta
Puedes visualizar una vista
de tu artículo antes
De publicarlo
Puedes visualizar una vista
de tu artículo antes
De publicarlo
En está área escribirás
el contenido de tu artículo
Aquí puedes generar etiquetas o
Tags para clasificar o buscar
Tu artículo
Aquí puedes generar etiquetas o
Tags para clasificar o buscar
Tu artículo
Cuando termines puedes
Publicar tu entrada,
Siempre podrás eliminarla
Si lo deseas
Cuando termines puedes
Publicar tu entrada,
Siempre podrás eliminarla
Si lo deseas
Figura 6: Creando un artículo en tu Blog
Veamos, con detalle, la barra de edición y sus elementos:
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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.
Veamos con detalle la información que debemos dar cuando decidimos insertar una
imagen.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Figura 8: Trabajo con Imágenes
Continuación:
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Figura 9: Trabajo con Imágenes
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Igual de fácil es el procedimiento para subir un video, veamos…
Figura 10: Manejo de Videos
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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.
EDICIÓN DE ENTRADAS
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Creadas las entradas, podemos editarlas o suprimirlas … para ello debemos indicar que
queremos Crear una entrada nueva y desde allí seleccionamos la pestaña “Editar
Entradas”.
Figura 14: Edición de entradas
Puedes revisar las entradas por etiquetas, puedes ver las entradas que están por borrador,
las que están publicadas. Puedes ingresar a ellas editándolas desde aquí..etc.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
CONFIGURACIÓN DEL BLOG
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.
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
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ña Publicación se refiere al sitio donde estará publicado el Blog, es
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 mostrar los títulos y otras cosas más. Además, es desde aquí que
podemos modificar la plantilla del Blog insertando el código HTML de nuestra nueva
plantilla. (Avanzado)
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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 moderación de comentarios. También puedo indicar, desde
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 mensualmente. También puedes indicar que no
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 llegará un aviso cada vez que se publique algo en mi Blog.
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 autores de manera que puedan
publicar entradas en el Blog desde Blogger. También puedes decir aquí si el Blog es
público o privado, es decir, quiénes pueden acceder a este.
DISEÑO DE BLOG
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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
Acá 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.
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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
desde otro programa editor como PhotoShop o alguno similar y editar un banner como
título del blog y desde aquí insertarlo.
CONFIGURAR ENTRADAS DEL BLOG
También puedes editar las entradas y todos sus elementos…Veamos:
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
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).
Puedes agregar presentaciones en Power Point, videos, imágenes, encuestas, lista de
vínculos y muchos más (Ver siguiente figura).
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
Figura 20. Selección de elementos nuevos (Gadget) para tu Blog
Para finalizar cuando estemos decididos con todos los detalles de nuestro
Blog..Guardamos y Listo!!..ya tenemos un Blog para ser usado según nuestros intereses
u oficios.
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 como herramienta disponible en la Web 2.0
Hay muchos otros creadores de Blog en la Web que pueden ser experimentados por
ustedes. Sus direcciones son las siguientes:
http://www.blogia.com/
http://www.obolog.com/
http://www.blogalia.com/
http://bitacoras.com/
http://es.nireblog.com/
http://blogs.ya.com/
http://es.wordpress.com/
Herramientas Interactivas para el Aprendizaje
Profa. Marianela Hernández
CONCLUSIONES
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.