EDUBLOGS Algunas ideas para su diseño en Blogger               Alirio Tua
Anatomia de un blog en bloggerPor fuera: Interfaz de usuario                                 Por dentro: Escritorio
Interfaz de usuario                      Es lo que el usuario final o visitante de                      nuestro blog puede...
Interfaz de usuario                                 Titulo y descripciónDescripción del blog                       Widgets...
Escritorio             Espacio administrativo del autor del             blog, en donde se pueden crear             nuevas ...
Diseñando nuestro espacio docenteSi nuestro blog será usado como un espacio de comunicación y como unrepositorio de conten...
EDUBLOG Como recurso de apoyo a la docencia presencial
Diseñando nuestro espacio docenteEn esta modalidad de enseñanza, nuestro blog se convierte básicamenteen un repositorio de...
Diseñando nuestro espacio docente                              Cartelera del curso                              • Noticias...
Diseñando nuestro espacio docente Programa de la             Materiales de la                Cronograma de   asignatura   ...
Diseñando nuestro espacio docente                               Gadgets                               • Paginas del blog  ...
Barra de titulo                     Paginas                                       Búsqueda                                ...
Ingresa a la sección de Diseño,                                                       usando esta pestañaCabecera; permite...
Esta captura de pantalla, muestrala ventana emergente queaparece al hacer clic sobre elenlace “Añadir gadget”Para añadir u...
Oprime Añadir gadget en la ventana                                                 de diseño del blog. Ubica el bloque    ...
Puedes añadir código a tu Blog de servicios tales como: Twitter Youtube Slideshare Delicious Vimeo Blip.tv Cualquie...
Upcoming SlideShare
Loading in …5
×

Edublogs

476 views

Published on

Edublogs

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
476
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Edublogs

  1. 1. EDUBLOGS Algunas ideas para su diseño en Blogger Alirio Tua
  2. 2. Anatomia de un blog en bloggerPor fuera: Interfaz de usuario Por dentro: Escritorio
  3. 3. Interfaz de usuario Es lo que el usuario final o visitante de nuestro blog puede ver. Generalmente esta conformado por: • Barra superior con el titulo del blog • Zona de contenidos • Barras laterales que contienen widgets • Zona inferior con widgets Los widgets son elementos que nos permiten añadir funcionalidades extras a nuestro blog. Muchas son facilitadas por blogger, otras son tomadas de servicios de terceros como Twitter por ejemplo.
  4. 4. Interfaz de usuario Titulo y descripciónDescripción del blog Widgets Seguidores Archivo del blog Perfil Autor
  5. 5. Escritorio Espacio administrativo del autor del blog, en donde se pueden crear nuevas entradas, paginas, configurar el espacio y personalizar el mismo modificando su apariencia estética. Cada blog creado en Blogger posee un panel de gestión similar.
  6. 6. Diseñando nuestro espacio docenteSi nuestro blog será usado como un espacio de comunicación y como unrepositorio de contenidos de nuestra asignatura, es importante considerarla creación y configuración de ciertos elementos que debería contenerpara garantizar que se cumpla el objetivo que perseguimos.Blogger es una plataforma que te permite actualmente, crear blogs queademás de las entradas (que se muestran en la pagina principal) puedencontener paginas con enlaces permanentes desde la barra superior olateral. Además nos brinda múltiples facilidades para insertar código deotros servicios que nos permite visualizar en nuestro blog contenidosalojados en cualquier parte en la web.
  7. 7. EDUBLOG Como recurso de apoyo a la docencia presencial
  8. 8. Diseñando nuestro espacio docenteEn esta modalidad de enseñanza, nuestro blog se convierte básicamenteen un repositorio de contenidos, una cartelera de novedades / noticias.Un espacio que comúnmente será usado por nuestros estudiantes fueradel aula de clases para acceder a los materiales y recursos alojados porel docente y enterarse de las ultimas novedades.Es importante que el blog contenga toda la información sobre laasignatura: programa, cronograma de actividades, plan de evaluación,materiales, recursos, referencias, etc. distribuida en paginas con enlacespermanentes. Blogger soporta la creación de hasta 10 paginas.
  9. 9. Diseñando nuestro espacio docente Cartelera del curso • Noticias y novedades • Publicación de recursos complementarios ENTRADAS • Detalle de las actividades a realizar • Resolución de dudas y preguntas • Agenda • Recordatorio de tareas y actividades Las entradas del blog se observan en la pagina principal del espacio virtual
  10. 10. Diseñando nuestro espacio docente Programa de la Materiales de la Cronograma de asignatura asignatura actividades PAGINAS ReferenciasPlan de evaluación Recursos bibliográficas Algunos elementos que debería contener nuestro blog de asignatura
  11. 11. Diseñando nuestro espacio docente Gadgets • Paginas del blog • Perfil • Archivo del Blog BARRAS • Búsqueda • Lista de enlaces • Seguir por correo electrónico • Enlaces de suscripción • Lista de blogs • Etiquetas Los gadgets se añaden de forma directa en blogger, mediante el área de diseño en el escritorio de autor y se configuran mediante un par de clic
  12. 12. Barra de titulo Paginas Búsqueda Paginas Seguir por correo-eÁrea de contenido Archivo del blog Entradas del blog Lista de enlaces Etiquetas Gadgets
  13. 13. Ingresa a la sección de Diseño, usando esta pestañaCabecera; permiteconfigurar la barra detitulo y descripción delblog. Se puede insertaruna imagen como barrasuperiorEntradas del blog,mediante el enlace“Editar” se puedenmodificar los parámetrosde presentación de lasentradas del blog.Gadgets: se añaden enlas zonas laterales einferior del blog,haciendo clic en elenlace “Añadir ungadget” Añade los gadgets que requieras y arrastra los bloques para ponerlos en el orden que te interesa, para finalizar oprime el botón guardar
  14. 14. Esta captura de pantalla, muestrala ventana emergente queaparece al hacer clic sobre elenlace “Añadir gadget”Para añadir un gadget que teinterese solo debes oprimir elboton: y configurar el bloquede acuerdo a tus necesidades.Puedes añadir gadgets deservicios ajenos a blogger, comopor ejemplo Twitter usando unbloque llamado HTML/JavascriptPara usar este bloque, debescopiar el código que deseasinsertar y pegarlo en el espacioque este te proporciona.
  15. 15. Oprime Añadir gadget en la ventana de diseño del blog. Ubica el bloque 1 HTML/Javascript y haz clic para añadirlo2 En la ventana emergente HTML/Javascript pega el código que copiaste para añadir el gadget que te interesa. Por ejemplo: pega el código para añadir un widget de perfil de Twitter. Al finalizar oprime el botón GUARDAR, si deseas previsualizar el gadget recien ingresado, Guarda los cambios en la ventana de diseño del blog y oprime VISTA PREVIA
  16. 16. Puedes añadir código a tu Blog de servicios tales como: Twitter Youtube Slideshare Delicious Vimeo Blip.tv Cualquier otro servicio 2.0 que genere automáticamente códigopara incrustar objetosNo olvides tener cuidado con el tamaño (ancho x alto) de losobjetos, especialmente en su anchura si lo piensas insertar enuna barra lateral de tu blog

×