mi guia didactica de crear un blog educativo

45
GUIA DE ELABORACIÓN DE UN BLOG EDUCATIVO PARA DOCENTES

Upload: luis-gabriel-toledo

Post on 08-Apr-2016

72 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Mi Guia Didactica de Crear Un Blog Educativo

GUIA DE ELABORACIÓNDE UNBLOG EDUCATIVO PARA DOCENTES

Page 2: Mi Guia Didactica de Crear Un Blog Educativo

Índice de contenidos

UNIDAD I

Que es un blog

Que es un blogger

Para qué sirve un blog educativo

Ventajas y desventajas del blog

UNIDAD II

Como elaborar un blog

Como crear una cuenta en google

Como crear una cuenta en blogger

Ingresando a Blogger y reconociendo su interfaz

Page 3: Mi Guia Didactica de Crear Un Blog Educativo

¿Qué es un blogger?

¿Para qué sirve un blog educativo?

Un blog es un sitio web dinámico. En el uno, o varios autores, o publican contenido de manera constante.

Cada articulo nuevo se aplica, automáticamente, en la parte superior de la pagina y el contenido anterior se va desplazando hacia abajo.

Blogger es una plataforma gratuita de google, que te permite hacer tu propio blog. Aunque no ofrece muchos servicios tiene los elementos indispensables para hacer un blog de fácil, su uso es muy intuitivo y se pueden integrar enlaces, videos y audio de manera simple

Sirve para que el profesor de recursos al alumno. No solo creados por el mismo profesor sino con hipervínculos a todo el material de interés que puede reforzar al clase.

Para publicar contenidos breves que refuercen la clase para dar instrucciones, explicaciones o comentarios fuera de clase.

Para dar instrucciones, explicaciones o comentarios fuera de clase.

El alumno puede utilizar el blog para exponer trabajos, exponer ideas, presentar, investigaciones, llevar un diario escolar.

¿Qué es un blog?

Page 4: Mi Guia Didactica de Crear Un Blog Educativo

Ventajas del blog

Es muy sencillo crear un blog y publicar artículos en el.

Su uso es gratuito.

En el podemos subir imágenes, sonidos, videos y presentaciones sobre temas de nuestro interés.

Ofrece las oportunidades de que el autor del blog y otros usuarios interactúen dando paso a las opiniones, análisis y apertura hacia nuevos conocimientos.

La web nos ofrece distintas páginas para la creación de blog tal como blogger, bitácora, blogalia, etc.

Este puede llegar a ser una herramienta importante para llevar a cabo la educación a distancia.

Se puede implementar el uso del blog en el proceso de enseñanza – aprendizaje ya que de esta manera el estudiante estará motivado a escribir, trabajar en grupo y compartir recursos conocimientos e información.

De igual manera el profesor puede utilizar el blog de forma que este sea una fuente de información para el estudiante, manejando contenidos sobre la clae, colocando enlaces y videos educativos que complementen el contenido y además de esta manera podrá existir interacción entre el estudiante y el profesor guiando su proceso de enseñanza.

Page 5: Mi Guia Didactica de Crear Un Blog Educativo

Desventajas del blog

Las plantillas del blog no se pueden modificar al 100%

Es necesario que este aprendizaje, donde interviene la utilización de los blog, este guiado por profesores que tengan gran interés y empatía por esto.

El profesor tiene que tomar en cuenta las habilidades que tengan los estudiantes con respecto a la utilización de esta herramienta, ya que de lo contrario puede causar frustración y desmotivación ene ellos.

El que muchas personas no sepan expresarse también puede ser una desventaja del blog ya que puede abandonarlo por completo.

El blog no promueve el aprendizaje significativo por si solo, es por eso que es necesario que este se establezca como un diseño instruccional educativo.

Fácilmente se puede caer en la mala práctica del copiar y pegar sin dar crédito al autor verdadero.

Page 6: Mi Guia Didactica de Crear Un Blog Educativo

¿Cómo se elabora un blog?

Este guía esta dedicada a los docentes a como elaborar un blog en blogger de google

Primero que antes debo tener una cuenta de correo en gmail, también lo puedes hacer con tu otras cuentas de correo, pero el de gmail, te permite acceder no solo a esta aplicación (blog), si no a muchas mas que ofrece la página de internet google, de una manera rápida y sencilla

1.- abrimos nuestro navegador y nos dirigimos a www.google.com

A continuación se va ir indicando paso por paso de cómo elaborar un blog en la plataforma gratuita Blogger.

Paso 1: nos dirigimos hacia nuestro navegador y escribimos en la barra de dirección www.blogger.com y damos enter tal como se muestra en el grafico

Escribimos www.blogger.com

y damos enter

Page 7: Mi Guia Didactica de Crear Un Blog Educativo

¿Cómo crear cuenta Google?

1.-En este paso lo primero que tenemos que hacer antes de crear nuestro blog, es crear una cuenca en google.

2.- Debemosde llenar los formularios para poder crear nuestra cuenta en google como se muestra a continuación en la imagen.

Damos clic izquierdo en crear cuenta

Escribir nombre y apellido

Escribir un nick del cual puede tener letras, nombres numero y punto

Como mínimo 8 caracteres

Confirmar la contraseña

Page 8: Mi Guia Didactica de Crear Un Blog Educativo

3.- a hora damos clic en paso siguiente

Datos de nacimiento Aquí seleccionamos

el género ya sea hombre o mujer

Aquí escribimos una dirección de correo que tenga actualmente

Aquí digitamos el código de seguridad

Aquí ubicamos nuestra ubicación

Aquí por ultimo damos un visto y aceptamos los términos y damos clic en siguiente paso.

Clic al Siguiente paso

Aquí pueden añadir una foto o sino pasar

al siguiente paso

Page 9: Mi Guia Didactica de Crear Un Blog Educativo

4.-Como pueden observarque la cuenta se a creado exitosamente en google dándonosla bienvenida, y ahora vamos a crear nuestro blog.

Damos clic para volver a blogger

Page 10: Mi Guia Didactica de Crear Un Blog Educativo

Ingresando a Blogger y reconociendo su interfaz

1.- Como verán aquí blogger nos da la bienvenida despeas de haber creado nuestra cuenta en google

A hora damos clic en continuar blogger.

Damos clic en continuar blogger

Aquí podemos seleccionar una foto desde nuestro

ordenador para establecerla como foto de perfil

Page 11: Mi Guia Didactica de Crear Un Blog Educativo

2.- Esta es la bienvenida que nos da blogger como ven en la imagen se presenta con mi nombre de usuario como “LUIS TOLEDO”, aquí ya podemos empezar a insertar temarios o cosas en nuestro blog

Damos clic en nuevo blogger

Page 12: Mi Guia Didactica de Crear Un Blog Educativo

3.-: aparece una ventana en donde nos pide los siguientes campos:

Titulo: aquí vamos a escribir el titulo que tendrá nuestro blog web, puede ser un texto sencillo, porque en el posterior lo podemos editar.

Dirección: aquí vamos a escribir la dirección de internet que tendrá nuestro blog, para que así lo puedan visitar, al momento de escribir la dirección solo escribir el nombre porque el dominio ya esta escrito (blogspot.com) por ejemplo http://tutorialblogdocente.blogspot.com/

En dirección escribimos una que sea fácil de recordar y de buscar dependiendo del tema que ustedes vallan a crear su blog ustedes lo realizaran

Plantilla: aquí vamos a escoger el modelo de plantilla que mas nos gusto para nuestro blog, la misma que si en el posterior no les agrada, la pueden cambiar.

Clic en crear blog

4.-:una vez creado nuestro blog aparecerá a lado de la opción nuevo blog, con el nombre del título que escogimos para el mismo se a creado exitosamente

Aquí ponemos el titulo central de cómo queremos que se llame nuestro blog

aqui escribimos la dirección

Aquí elegimos una plantilla de la cual se visualizara nuestra entrada del blog

Damos clic en crear blog

Page 13: Mi Guia Didactica de Crear Un Blog Educativo

Damos clic en visualizar blog y nos mandara a la ventana principal de nuestro blog Como verán en la segunda imagen ya se visualiza nuestro pero esta vacía sin ningún

documento o alguna publicación Damos clic en botón de ver blog y visualizaremos nuestro blog con la plantilla que

acabamos de seleccionar anteriormente. Después damos clic en icono de blogger para regresar al panel de administración

Se a creado blog con éxito

Damos clic para visualizar nuestro blog como quedo

Aquí se visualiza el titulo que pusimos a nuestro blog

http://

Damos clic botón blogger para regresar panel

administración

Page 14: Mi Guia Didactica de Crear Un Blog Educativo

A HORA VAMOS A EMPEZAR A CREAR UNA NUEVA PLANTILLA PARA QUE NUESTRO ENTORNO DEL SE VEA MEJOR PRESENTABLE

Una vez ingresado en la página web se nos presentara un sin número de plantillas de la cual podemos descargar para agregarla después a nuestro blog.

Al escoger la plantilla esta es la ventana que nos saldrá

1.- ingresamos a nuestro navegador y escribimos www.btemplates.com en nuestra barra de dirección damos enter

2.- seleccionamos el tipo de plantilla que deseamos

3.- si deseamos damos un clic en Preview para ver una vista de cómo quedaría esta plantilla en nuestro blog

4.- damos clic en Download para descargar nuestra plantilla a nuestro ordenador

5.- aquí se esta descargando la plantilla

Page 15: Mi Guia Didactica de Crear Un Blog Educativo

A hora nos dirigimos a nuestro blogger y editamos nuestra pagina

A hora buscamos la ruta en donde esta nuestra plantilla

1.-clic plantilla

2.-clic donde dice crear o restablecer copia de

seguridad

3.- clic seleccionar archivo

4.- clic seleccionar archivo con extensión

5.- clic en subir y esperamos a que se suba el archivo

Page 16: Mi Guia Didactica de Crear Un Blog Educativo

Como pueden visualizar aquí ya se cargo la plantilla que nosotros acabamos de descargar en página de http://btemplates.com/

y automáticamente nos re direccionara al blog, como podemos aquí ya tenemos las imágenes y tenemos pero está en ingles a hora veremos como quitar unas categorías en los menús

1.- damos clic en ver blog para visualizar nuestro blog con la nueva plantilla

Page 17: Mi Guia Didactica de Crear Un Blog Educativo

A HORA VAMOS HABER COMO EDITAR LOS SLIDESHOW O IMÁGENES DE ENTRADAS DE NUESTRO BLOG

Vamos a donde dice entradas

Y aquí vamos a crear una nueva entrada

Aquí insertamos nuestra imagen pero buscamos desde nuestro computador

1.- clic en entradas

2.- clic en entradas

3.- clic en insertar imagen

Page 18: Mi Guia Didactica de Crear Un Blog Educativo

Una vez selecionada nuestra imagen damos clic en abrir

Como verán nuestra imagen que acaba de cargar, a hora vamos hacer lo siguiente daremos un titulo a nuestra imagen de entrada

4.- clic en subir archivo

4.- clic en abrir4.- clic en abrir

4.- clic en añadir

Page 19: Mi Guia Didactica de Crear Un Blog Educativo

Como podrán ver a hora vamos a copiar nuestra dirección de imagen para que observen que nuestra imagen ya esta subida a la web

Abrimos otra pestaña de nuestro navegador y pegamos la dirección que copiamos anteriormente

A hora para insertar nuestra imagen tenemos que seguir los siguientes pasos

1.- escribir titulo2.- clic en guardar

1.- clic copiar dirección

2.- pegamos la dirección

1.- clic en título del blog

Page 20: Mi Guia Didactica de Crear Un Blog Educativo

Como verán se nos presento la ventana para editor de html y vamos a poner la dirección de nuestra imagen en el siguiente código que se verá a continuación

Aquí se muestra vista preliminar de nuestra imagen que acabamos de insertar

1.- clic en plantilla

2.- clic editar html

3.- aquí pegamos la dirección de nuestra

4.- clic en vista previa para ver cualquier error

Page 21: Mi Guia Didactica de Crear Un Blog Educativo

A hora vamos a modificar y suprimir algunas barras de menús y submenús desde el editor de HTML

4.- aquí damos clic en guardar

3- Suprimimos “Bussines” y en su lugar ponemos Categoria

1.- Suprimimos home y en su lugar ponemos inicio

2.-Suprimimos “Downloads” y en su lugar ponemos Enviame un email

Page 22: Mi Guia Didactica de Crear Un Blog Educativo

Paso 11:Aquí se nos presentara como una vista previa el tipo de plantilla que se acaba de seleccionar.

Damos clic en botón agregar blog y esperamos un momento. Como verán automáticamente se guardan los cambios y la plantilla que acabamos de

agregar se visualizara en la segunda imagen Damos clic en ver blog para ver cómo nos está quedando la entrada con la nueva

plantilla que acabamos de poner

Nueva plantilla creada

Clic en ver blog

Page 23: Mi Guia Didactica de Crear Un Blog Educativo

PASO 12 : Una vez haber dado clic en botón ver blog nos presentara este nueva plantilla queestá mucho mejor q la anterior.

A hora damos clic en el botón de blogger para comenzar a poner entradas imágenes textos en nuestro blog

Clic en botón blogger

Page 24: Mi Guia Didactica de Crear Un Blog Educativo

Desde ahora comenzaremos a editarlo y diseñar a nuestro blog

Nota.- una vez que ya conozcamos las herramientas para diseñar y editar el blog, antes de acceder al mismo, como consejo se debe diseñarlo en hoja de papel o en programas de diseño,(osea para tener clara la idea de cómo deseo mi blog y que voy a publicar en el mismo) pero esto solo es cuando tenemos experiencia en el mismo.

13 para acceder a nuestro blog hacemos clic en el nombre del blog que deseamos editarlo.

13.- Aparecerá una ventana con diferentes opciones como por ejemplo:, Visión General, Entradas, Comentarios, Estadísticas, Diseño Y Plantilla cada una de ellas me permite editar y diseñar, configurar, ver información ver estadísticas de mi blog etc.

Clic en titulo de nuestro blog

Page 25: Mi Guia Didactica de Crear Un Blog Educativo

Crear entradas

¿Que es una entrada?

Una entrada es la unidad de publicación de un blog, cada artículo que publica, cada video que “subes” con o sin comentarios de tu parte, cada crónica fotográfica que das a conocer al mundo como autor/a de tu blog, es una entrada.

14.-clic en entrada

15.- clic en la acción entrada nueva

16.- aparece una ventanita en donde:

En el campo de entrada: escribimos el titulo

17 En la hoja en blanco: escribo el cuerpo de la entrada, todo lo que deseo publicar en dicha entrada.

Clic en entrada nueva

Clic en entrada

Page 26: Mi Guia Didactica de Crear Un Blog Educativo

Y los comandos de arriba me permiten:

Deshacer cambios Rehacer Cambios

Escoger tipo de Letra Escoger tamaño de Letra

Forma que deseo ver el párrafo. Aplica negrita a la Letra

Aplica Cursiva a la letra Aplica subrayado a la letra

Aplica tachado a la letra Permite escoger el color de letra

Permite escoger el color de fondo del texto.

Permite crear un enlace dentro o fuera del blog.

Permite insertar una imagen Permite insertar un video

Permite hacer un salto de línea Permite alinear el texto

Permite insertar viñetas numéricas Permite insertar viñetas normales

Permite eliminar el formato Permite revisar la ortografía

Al hacer clic sobre esta opción escribo el cuerpo de la entrada, como que fuera un texto cualquiera.

Al hacer clic sobre esta opción me permite solamente insertar o escribir código html, javascript, etc.

Escribimos titulo de entrada para nuestro blog En nuestra hoja de texto podemos publicar todo tipo de documento imágenes etc y

una vez terminado le damos clic en publicar. Escribimos el texto, añadimos una imagen

Escribir titulo

Clic en publicar

Clic en imagen

Escribimos el contenido a publicar

Page 27: Mi Guia Didactica de Crear Un Blog Educativo

18 .- Una vez haber dado clic en imagen aquí nos saldrá una ventana con las siguientes opciones que son subir desde blog, desde álbumes web, desde teléfono, cámara web y por ultimo desde dirección url:

En este caso como es primera vez vamos a subir una imagen desde nuestro ordenador.

Damos clic en subir archivo y buscamos nuestra imagen en nuestro ordenador tal como lo vemos en la siguiente imagen:

Buscamos la imagen y damos clic en abrir

Como pueden ver la imagen que abrimos se acaba de cargar A hora damos clic en añadir las imágenes seleccionadas.

Como verán la imagen se acaba de añadir en nuestra área de trabajo y nos saldrán unas opciones :

Seleccionamos la imagen que deseamos

Damos clic en abrir

Clic añadir

Page 28: Mi Guia Didactica de Crear Un Blog Educativo

A gusto de cada autor uno puede seleccionar de que manera quiere que valla colocada su imagen en mi caso yo seleccione pequeño y centrado como se verá en la siguiente imagen:

Después damos clic en publicar

Como pueden observar hemos regresado al panel de administración y ya se creó nuestra primera entrada con nombre “Actividades Para El Primer Día De Clase“

Damos clic en ver blog para ver lo que hemos publicado

Clic publicar

Clic publicar

Entrada publicada

Page 29: Mi Guia Didactica de Crear Un Blog Educativo

Como verán aquí esta nuestro blog con lo que estuvimos tipiando anteriormente y en conjunto de nuestra imagen que acabamos de insertarla

Regresamos al panel de administración dando clic en el botón de blogger.

a hora vamos a crear entradas para enlazar nuestros menús y submenús

2.- damos clic en página nueva

3.- clic en página en blanco

Clic en icono de blogger

Page 30: Mi Guia Didactica de Crear Un Blog Educativo

Copiamos la dirección de la entrada que acabamos de crear con el nombre de imagen y vamos en editar html

Damos clic y borramos esa línea de código y pegamos la url que copiamos anteriormente.

Damos en guardar plantilla y ya tenemos nuestra barra menú con el nombre “categoría” enlazada, y para los demás menús hacemos los mismos pasos

1.- damos clic en paginas

4.- ponemos titulo

5.- insertamos una imagen desde nuestro computador

Page 31: Mi Guia Didactica de Crear Un Blog Educativo

A hora vamos a insertar un reproductor de música con canciones de fondo en nuestro blog

1.- Nos dirigimos a nuestro navegador y escribimos scmplayer.com”

2.- damos clic en buscar en googloe y esperamos que cargue la página

Ya cargada la página hacemos los siguientes pasos

1.- damos clic en editar HTL

1.-escribimos scmplayer

2.- clic buscar google

3.- clic en next

4.- ponemos titulo

5.- ponemos la dirección url de youtube de la música que deseamos

Page 32: Mi Guia Didactica de Crear Un Blog Educativo

Al dar clic nuevamente en siguiente se nos abrió otra ventanita en la cual debemos seguir los como la que se muestra a continuación

Al dar clic en done nos saldrá otra ventana en el cual nos muestra una dirección url del reproductor y de la música que acabamos de seleccionar.

6.- clic en next

1.- clic en auto play

2.- aquí regulamos el volumen

3.- aquí seleccionamos donde quiera que se vea el reproductor

4.- clic en done

1.- copiamos la dirección url

Page 33: Mi Guia Didactica de Crear Un Blog Educativo

Aquí se nos abre otra ventanita en el cual tenemos que poner un titulo y pegar el url que copiamos de la pagina http://scmplayer.net/

Una vez dado clic en guardar, aquí ya se mostrara insertado el reproductor en nuestro blog

2.- vamos a

3.- añadir gadget4.- clic html/java

6.- clic html/java

5.- poner titulo

6.- clic guardar

Page 34: Mi Guia Didactica de Crear Un Blog Educativo

A hora vamos a subir documentos de Word a nuestro blog

1.- entramos a google y escribimos en la barra de dirección lo siguiente es.scibd.com

2.- damos clic en buscar google

aquí ya nos presenta el entorno de scribd a hora vamos a subir nuestro documento de Word a continuaion

6.-digitamos es.scibd.com

1.-clic en subir

Page 35: Mi Guia Didactica de Crear Un Blog Educativo

A hora daremos clic en tutorial blog docente y nos aparecerá la vista general de nuestro blog del cual nos llevara la la siguiente imagen que esta a continuación.

Aquí ya tenemos la vita general de nuestro blog a hora damos clic en diseño

Clic en icono de blogger

2.-clic en subir archivos desde computador

3.- O también podemos subir arrastrando nuestro archivo

Page 36: Mi Guia Didactica de Crear Un Blog Educativo

Configuración De Las Entradas Del Blog

Una vez configurado el blog a nuestro gusto, podemos cambiar su diseño si las operaciones predeterminadas no nos convencen en algún aspecto. Para ello pulsamos en la sección Diseño del menú lateral de la administración, y nos aparecerá una especie de esquema nuestro blog

En la parte superior derecha se encuentran los bonotes que utilizaremos cuando modifiquemos alguna parte del diseño, sobre todo el botón naranja Guardar disposición. Más abajo está el enlace al diseñador de plantilla, pieza clave que analizaremos más adelante.

A continuación tenemos varias secciones, encerradas en cuadros blancos, que podemos modificar:

1 Favicon: es el pequeño icono representativo de nuestro blog que se ve en las barras de los navegadores y sus pestañas cuando alguien esta visitando nuestro blog.

2. barra de navegación: es la barra más superior que se ve en nuestro blog y en todos los de blogger. Aquí podemos cambia su aspecto tras pulsar en Editar.

Clic en icono de blogger

Page 37: Mi Guia Didactica de Crear Un Blog Educativo

3. Cabecera: Es la parte superior de nuestro blog donde aparece el titulo y la descripción que se pueden cambiar en cualquier momento. También se puede incluir una imagen propia, pero habrá que tener que no sea demasiada grande.

4 Entradas del blog: se trata del diseño de todo lo que hay alrededor de las entradas de nuestro blog

5. añadir un gadget: los gadgets son pequeños módulos generalmente de carácter informativo que añadimos al lateral o al pie de nuestro blog

A hora vamos a editar nuestra cabecera para agregar una imagen en nuestro blog para que se vea más bonito.

Una vez dado clic en editar cabecera nos saldrá una ventanita de “Configuración de cabecera “

En opción imagen damos clic donde dice seleccionar archivo.

Clic en editar

Page 38: Mi Guia Didactica de Crear Un Blog Educativo

Buscamos nuestra imagen en nuestro computador que deseamos insertar y damos clic en abrir

como verán la imagen que acabamos de subir se cargo y abajo hay una opción para ubicar nuestra imagen de tres maneras en mi caso yo escoji la segunda opción para que asi de esa manera este por delante de titulo de mi blog.

Y damos clic en guardar Luego damos clic en ver blog

Clic en seleccionar

Clic en seleccionar

Page 39: Mi Guia Didactica de Crear Un Blog Educativo

De esta forma nos queda nuestro blog con la imagen que subimos desde nuestro ordenador un poco más llamativa

Page 40: Mi Guia Didactica de Crear Un Blog Educativo