Upload
cesar-acebal
View
1.008
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
Blogs
Evolucion@r o morir: sobrevivir a la Web 2.0
César [email protected]
www.flickr.com/photos/barne3/2836828090/
www.flickr.com/photos/pixelgraphix/106687565
¿Qu
é e
s u
n b
log?
—Wikipedia http://en.wikipedia.org/wiki/Blog
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.
Algunas cifras
www.flickr.com/photos/cayusa/2868950235/
Estado de la blogosfera
16 M
46 M
72 M
marzo
2003
octu
bre 2
005
julio
2006
marzo
2007
Más de 70 millones de blogs
Unos 120 mil nuevos cada día
๏ 70 millones de blogs, pero... ¿cuántos están realmente acEvos?‐ Una mínima parte
Observaciones
Blogs will change your businessBusinessWeek, mayo 2005
La persona del año Time Magazine, diciembre 2006
Tú.
Características
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
Elementos constitutivos de un blog
autor
entradas
lectores
comentarios
publica
leen
resp
ond
en
Ejemplos
๏ h3p://meyerweb.com/
๏ h3p://www.subtracEon.com/
๏ h3p://www.andybudd.com/
๏ www.grancomo.com/
๏ h3p://veerle.duoh.com/
Suscripciones: RSS, Atom
www.flickr.com/photos/athena/325752626/
El contenido
www.flickr.com/photos/seraphicallydrunk/2599221740/
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
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?
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...
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
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
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
Creación de blogs con Blogger
Pasos para crear un blog
1. Creamos un blog
2. Elegimos un nombre
3. Elegimos una planElla
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
Creación de una cuenta Google
Asignar un nombre al blog
Elegir una plantilla
Blog creado
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
Ver blog
Personalizar
Diseño
Elegir plantilla nueva
El mismo blog con otro diseño
Ver blog
Cabecera
últimos
artículos
«widgets»
Comentarios
www.flickr.com/photos/splat/3543799770/
Ver una entrada
comentarios
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
Añadir contenido multimedia
www.flickr.com/photos/konaboy/173771591/
www.flickr.com/photos/cas
ch/219653507/
www.flickr.com/photos/eric85/2446210404/
Ahora aprenderemos a añadir contenido
multimedia a nuestras entradas
Ejercicio: imágenes
๏ Vamos a añadir una o varias imágenes a nuestras entradasa) 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
«Blog this» de Flickr
«Blog this» de Flickr
๏ Flickr nos pedirá que lo autoricemos en Blogger‐ Podemos repeEr el paso para disEntos blogs
¿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
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»
«All sizes» en Flickr
Imágenes de Flickr a mano
3) Debajo de la imagen, copiamos la dirección que aparece en el segundo cuadro:
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
Pegamos la URL de la imagen en Blogger
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
Cambiar el tamaño de la imagen
Cambiamos el ancho a 400px
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
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)
Vídeos: YouTube, Vimeo...
Organizar la página
Organizar los elementos de la página
Organizar la página
๏ Dependiendo de la planElla seleccionada, la página anterior se verá diferentea) 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
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
Limitaciones de Blogger
¿Preguntas?
http://www.flickr.com/photos/fliegender/66007377/
Sobre mí
www.flickr.com/photos/acebal
facebook.com/acebal
twitter.com/acebal
myspace.com/acebal
lastfm.com/acebal
Y, ya que esto va de web 2.0... ;)
cesaracebal.blogspot.com/
www.google.com/profiles/cfacebal
César [email protected]