Successfully reported this slideshow.

Blogs

1,235 views

Published on

Charla de introducción a los blogs en general y a Blogger en particular para el curso de verano de la Universidad de Oviedo Evolucionar o morir: sobrevivir a la web 2.0, dirigido por Dani Lanvin. El curso y esta presentación están dirigidas a usuarios no técnicos que en muchos casos es la primera vez que utilizan herramientas sociales como Facebook, Flickr o Blogger.

Published in: Education, Technology
  • Be the first to comment

Blogs

  1. 1. César Aceba Blogs l acebal@uni ovi.es cesaracebal .com www.flickr.com/photos/barne3/2836828090/ Evolucion@r o morir: sobrevivir a la Web 2.0
  2. 2. www.flickr.com/photos/pixelgraphix/106687565 ¿Qué es un blog?
  3. 3. Un blog (contracción del término «weblog») es un tipo de sitio web, normalmente mantenido por una sola persona, que publica de manera regular entradas con comentarios, descripciones de eventos o cualquier otro material, como imágenes y vídeo. Las entradas normalmente se muestran en orden cronológico inverso. —Wikipedia   http://en.wikipedia.org/wiki/Blog
  4. 4. Algunas cifras www.flickr.com/photos/cayusa/2868950235/
  5. 5. Más de 70 millones de blogs 72 M Unos 120 mil nuevos  cada día 46 M 16 M 05 07 06 03 20 20 20 20 e zo lio zo br ar ar ju tu m m oc Estado de la blogosfera
  6. 6. Observaciones ๏ 70 millones de blogs, pero... ¿cuántos están  realmente acEvos? ‐ Una mínima parte
  7. 7. Blogs will change your business BusinessWeek, mayo  2005
  8. 8. T ú . La persona del año Time Magazine, diciembre 2006
  9. 9. Características
  10. 10. Caracterís/cas ๏ Entradas • También llamadas ar2culos o posts • Los más recientes, en orden cronológico  inverso, en la página principal • Un archivo por fechas ๏ Comentarios de los lectores ๏ Categorías ๏ E/quetas
  11. 11. lectores autor en leen ond resp publica entradas comentarios Elementos constitutivos de un blog
  12. 12. Ejemplos ๏ h3p://meyerweb.com/ ๏ h3p://www.subtracEon.com/ ๏ h3p://www.andybudd.com/ ๏ www.grancomo.com/ ๏ h3p://veerle.duoh.com/
  13. 13. Suscripciones: RSS, Atom
  14. 14. www.flickr.com/photos/seraphicallydrunk/2599221740/ www.flickr.com/photos/athena/325752626/ El contenido
  15. 15. El contenido ๏ Es la razón de ser de cualquier siEo web ‐ Más si cabe en el caso de un blog ๏ Aspectos a tener en cuenta: ‐ El tema del blog ‐ Escrito para perdurar • URL permanentes y legibles
  16. 16. El tema ๏ Sobre qué vamos a escribir ๏ ¿Será un mero diario personal? ๏ ¿O un blog monotemáEco? ๏ ¿O pertenece a una empresa? ๏ ¿Uno o varios autores?
  17. 17. Redacción ๏ Ofrecer contenido propio ‐ Si no... ¿para qué escribimos? ‐ Huir de las notas de prensa o los folletos  publicitarios ๏ Escribir para la web ‐ Breve, estructurado, haciendo uso de enlaces  externos, etcétera ๏ Por supuesto, cuidar el esElo y la ortograaa ๏ Imágenes, vídeos...
  18. 18. Los diez fallos principales  de los blogs según Nielsen ๏ No incluir una biograCa del autor ๏ No incluir una foto ๏ No usar dtulos descripEvos para las  entradas ๏ Enlaces que no dicen a dónde van ๏ Ardculos interesantes ocultos • Hay que proporcionar enlaces en la página  principal a los ardculos más demandados
  19. 19. Los diez fallos principales  de los blogs según Nielsen ๏ Calendario como única navegación • Hay que incluir categorías ๏ Frecuencia de publicación irregular ๏ Mezclar temas ๏ No pensar en que eso lo va a poder leer  nuestro futuro jefe ๏ No tener un dominio propio
  20. 20. Enlaces ๏ Estado de la blogosfera ‐ h3p://technoraE.com/blogging/state‐of‐the‐blogosphere/ ‐ h3p://www.sifry.com/stateoiheliveweb/ ๏ IntroducEon to Blogging « WordPress Codex ‐ h3p://codex.wordpress.org/IntroducEon_to_Blogging ๏ Blogs will change your business ‐ www.businessweek.com/magazine/content/05_18/ b3931001_mz001.htm ‐ www.businessweek.com/go/08/blog ๏ Blog Usability: Top 10 Weblog Design Mistakes ‐ www.useit.com/alertbox/weblogs.html
  21. 21. Creación de blogs con Blogger
  22. 22. Pasos para crear un blog 1. Creamos un blog 2. Elegimos un nombre 3. Elegimos una planElla
  23. 23. Creación del blog ๏ Lo primero es crear el blog ‐ www.blogger.com ๏ Para ello necesitamos primero tener una  cuenta de Google ‐ Por ejemplo, si usamos Gmail, ésa será nuestra  cuenta de Google ‐ Si no, tenemos que crear una
  24. 24. Creación de una cuenta Google
  25. 25. Asignar un nombre al blog
  26. 26. Elegir una plantilla
  27. 27. Blog creado
  28. 28. Ejercicio ๏ Crear un blog ‐ Echar un vistazo a todas las opciones de  configuración ๏ Añadir un par de entradas sencillas ‐ No hace falta que incluyan contenido  mulEmedia (imágenes o vídeos) por ahora ‐ Diferencias entre guardar como borrador y  publicar ๏ Probar cómo se vería con otros diseños
  29. 29. Ver blog
  30. 30. Personalizar
  31. 31. Diseño
  32. 32. Elegir plantilla nueva
  33. 33. El mismo blog con otro diseño
  34. 34. bec era Ca últ imos artí culos «widgets» Ver blog
  35. 35. www.flickr.com/photos/splat/3543799770/ Comentarios
  36. 36. comen tarios Ver una entrada
  37. 37. Ejercicio: comentarios ๏ Id al blog creado para el curso • h3p://sobrevivirweb20.blogspot.com/ ‐ y añadid un comentario a la entrada que os diré  con vuestro nombre y un enlace a vuestro blog ๏ Añadid un comentario en el blog de vuestro  compañero de al lado ๏ Cambiad la moderación de comentarios y  probad de nuevo, jugando un poco con ello
  38. 38. 21 9653507/ tos/casch/ www.flick r.com/pho www.flickr. com/photo konaboy/173771591/ s/eric85/2 www.flickr.com/photos/ 446210404 / Añadir contenido multimedia
  39. 39. Ahora aprenderemos a añadir contenido multimedia a nuestras entradas
  40. 40. Ejercicio: imágenes ๏ Vamos a añadir una o varias imágenes a  nuestras entradas a) Subiéndola directamente a Blogger a través de  la barra de herramientas de la entrada b) Añadiéndola directamente desde Flickr/Picasa c) Enlazando una foto de Flickr o Picasa  «manualmente» d) Insertando una presentación de un álbum de  Flickr o Picasa
  41. 41. «Blog this» de Flickr
  42. 42. «Blog this» de Flickr ๏ Flickr nos pedirá que lo autoricemos en  Blogger ‐ Podemos repeEr el paso para disEntos blogs
  43. 43. ¿Qué problemas /ene? ๏ Que, a menos que queramos escribir un  post con una sola imagen, no nos valdrá ‐ Sólo se puede crear un nuevo post con esa  (única) imagen ๏ Vamos a ver el enfoque más flexible ‐ Requiere lidiar un poco con la edición en HTML  de la entrada, que hasta ahora no habíamos  usado
  44. 44. Imágenes de Flickr a mano 1) Hay que ir a la opción «All sizes» de Flickr 2) Escogemos la opción que más se ajuste al  tamaño final que queremos mostrar en el  blog ‐ Normalmente, será el tamaño «Medium»
  45. 45. «All sizes» en Flickr
  46. 46. Imágenes de Flickr a mano 3) Debajo de la imagen, copiamos la dirección  que aparece en el segundo cuadro:
  47. 47. Imágenes de Flickr a mano 4) Finalmente, insertamos la dirección de  dicha imagen a través del botón añadir  imagen de Blogger que ya usamos antes
  48. 48. Pegamos la URL de la imagen en Blogger
  49. 49. Imágenes de Flickr a mano 5) Para retoques finales en el tamaño de la  imagen, tendremos que ir a la vista HTML  de la edición de la entrada
  50. 50. Cambiamos el  ancho a 400px Cambiar el tamaño de la imagen
  51. 51. Añadir una presentación ๏ Flickr: ‐ h3p://www.flickr.com/help/forum/en‐us/99606/ ‐ En la presentación de Flickr, pulsamos «Share» ‐ Copiamos el HTML ‐ De nuevo hay que editar la entrada  directamente en HTML ‐ Pegamos el código anterior
  52. 52. Añadir una presentación ๏ Picasa: ‐ h3p://picasa.google.com/support/bin/ answer.py?hl=es&answer=66969 ‐ En la web de Picasa, ir a un álbum de fotos ‐ En la derecha, pulsar «Enlazar a este álbum» ‐ Pulsar de nuevo en «Incrustar proyección de  diaposiEvas» ‐ Copiar el código HTML generado en Blogger (de  nuevo, en el modo de edición HTML)
  53. 53. Vídeos: YouTube, Vimeo...
  54. 54. Organizar la página
  55. 55. Organizar los elementos de la página
  56. 56. Organizar la página ๏ Dependiendo de la planElla seleccionada,  la página anterior se verá diferente a) En función del número de columnas b) Las propias planEllas pueden añadir o quitar  widgets c) El orden de los elementos puede variar ๏ Veámoslo en las capturas siguientes
  57. 57. Ejercicio: organizar la página ๏ Cambiar la posición de algunos widgets ๏ Modificar el que Blogger incluye  automáEcamente con nuestros datos  personales ๏ Añadir un nuevo personalizados ‐ «Sobre este blog» ๏ Otros ‐ Fotos recientes en Flickr, úlEmos tweets,  etcétera
  58. 58. Limitaciones de Blogger
  59. 59. ¿Preguntas?
  60. 60. http://www.flickr.com/photos/fliegender/66007377/
  61. 61. Y, ya que esto va de web 2.0... ;) www.flickr.com/photos/acebal facebook.com/acebal twitter.com/acebal César Aceba myspace.com/acebal acebal@uni l ovi.es cesaracebal .com cesaracebal.blogspot.com/ lastfm.com/acebal www.google.com/profiles/cfacebal Sobre mí

×