Documente Academic
Documente Profesional
Documente Cultură
Contenido
INTRODUCCION ......................................................................................................................................................... 3
INCLUIR HIPERVINCULOS/ENLACES......................................................................................................................... 14
Generalidades ..................................................................................................................................................... 20
2
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
INTRODUCCION
Características Generales de los Blogs
Para comenzar tomaremos la definición más simple que encontramos sobre lo que es un blog:
“Un blog/ weblog/bitácora es la forma más fácil de crear y actualizar una página web”
Básicamente es un espacio personal (o grupal) de escritura en Internet en el que sus autor/es publica/n artículos
o noticias (denominados post) que pueden contener texto, imágenes, video, audio, presentaciones,
hipervínculos, etc.
Los nuevos contenidos o post se van añadiendo automáticamente cuando los publicamos y se visualizan
siempre en sentido cronológico inverso (lo último que se publicó es lo primero que se muestra).
Utiliza un sistema de etiquetas (o tags) que permite clasificar los contenidos publicados, y facilita su
recuperación por temas. Por tanto podemos hablar de una organización cronológica y temática de la
información.
Dispone de espacios para Comentarios de los lectores (con distintas opciones de moderación) que viabilizan
canales de interacción con la audiencia.
Son de fácil utilización, disponen de una interfaz de trabajo sencilla e intuitiva. Presentan plantillas prediseñadas
para elegir y retocar si lo deseamos (no necesitamos tener grandes conocimientos de diseño).
Permite la integración de códigos HTML lo que (en lenguaje “humano”) nos permite incluir en el blog infinidad
de contenido multimedial disponible en la Web (videos, audios, shows de fotos, etc).
Las respuestas pueden ser variadas, dependiendo de la organización, de sus objetivos y principalmente de la
imaginación de quienes deseen aprovechar la oportunidad y el potencial de tener presencia en la red.
Incluimos aquí, como para arrancar, un resumen de ideas basado en las publicadas en Netsquared1 titulado “10
formas de usar blogs desde las ONGs”
1 2
Net Remixing the web for Social Change, http://www.netsquared.org/blog/britt-bravo/10-ways-nonprofits-can-use-blogs.
3
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
6. Para dar a los miembros un lugar en el que compartir sus voces y opiniones
9. Para dar a los miembros el poder y las herramientas para crear cambio.
- Asociación Civil “La Murga del Monte”: http://www.murgadelmonte.org.ar , Grupo de vecinos Teatro
Comunitario, Misión: Mejorar la calidad de vida por medio de la inclusión de individuos de la comunidad
en actividades artístico – culturales grupales.
- Asociación Civil VIDA: http://asociacioncivilvida.blogspot.com, asociación civil, sin fines de lucro, inspirada
en un trabajo concreto de formar conciencia en la gente, en la comunidad y trasmitirla a las diferentes
autoridades, en lo referente al medio ambiente.
Otros…
Para tomar solo algunos de los miles de ejemplos que encontramos en Internet…
Vayamos ahora a poner “manos a la obra” para el nuevo Blog de nuestra Organización!
4
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
- Figura 1-
5
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
CREAR UN BLOG
- Figura 3 -
6
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
- Figura 5 -
7
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
- Figura 6 -
- Figura 7 -
- Figura 8 -
8
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
En la solapa Creación de
Entradas Nueva Entrada,
encontramos un espacio de
Edición.
Lo elementos de toda
publicación son:
El Título de la publicación a
realizar, el cuerpo del post
(donde disponemos de
herramientas de edición y
formato para retocar el texto
e incluir imágenes, etc), y las
Etiquetas que son palabras o
frases cortas (separadas por
comas), elegidas por el autor
para clasificar el artículo. Esto
facilita el acceso posterior a - Figura 10 -
las publicaciones de un tema determinado.
9
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Una vez escrito el post, y si consideramos que está listo para publicar, hacemos clic en el botón PUBLICAR
ENTRADA, y obtendremos el siguiente mensaje en pantalla.
- Figura 11 -
Haciendo clic en Ver entrada podemos acceder a la publicación y ver como se presentará a nuestros lectores!
(Figura 12.)
- Figura 12 -
Si deseamos retocar algo, agregar o quitar texto, etc, podemos hacer clic en el lapicito y nos llevará nuevamente
a la ventana de edición de la publicación.
10
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Cuando editamos un post y aún no queremos publicarlo, pero no deseamos perder lo ya escrito podemos
guardarlo para su edición y publicación posterior, simplemente haciendo clic en el botón GUARDAR AHORA.
Cuando necesitemos volver a Editar un post Guardado o ya Publicado, Accedemos (con usuario y clave) al blog y
hacemos clic en Editar Entrada. Veremos una pantalla como la que sigue:
Luego hacemos clic en la palabrita Editar que corresponda al post que queremos volver a editar.
- Figura 14 -
11
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
2. Buscar y
seleccionar la
imagen
1. Hacer clic en
Examinar…
para buscar la
imagen a
incluir
- Figura 15 -
3. clic en Abrir
Luego elegimos las opciones de alineación y el Tamaño con que queremos se vea la imagen (ver Fig 16),
tildamos la opción Acepto las condiciones del servicio y hacemos clic en Subir Imagen.
- Figura 16 -
12
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Aparecerá una ventana como la de la Figura 17. Hacemos clic en Finalizado y veremos en la pantalla de edición
como queda la imagen insertada.
- Figura 17 -
- Figura 19 -
13
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
INCLUIR HIPERVINCULOS/ENLACES
Cuando escribimos frecuentemente requerimos hacer referencia a otra página ¿Qué es un
web, o sitio. Muchas veces las direcciones son largas y engorrosas como para HIPERVINCULO / ENLACE?
incluirlas en el texto, por tanto lo que se utiliza habitualmente son los Es una conexión de una
hipervínculos o enlaces. Son más prácticos y facilitan la lectura hipertextual página a otro destino
tan habitual en la actual era de la Internet. como, por ejemplo, otra
página web (también
Tomemos el siguiente post como ejemplo, en el cual queremos establecer puede ser a una imagen,
hipervínculos que nos lleven hacia las páginas de las organizaciones una dirección de correo
mencionadas en el texto. En la siguiente imagen, por ejemplo, configuraremos electrónico, un archivo).
el hipervínculo desde las palabras Grupo Solidario hacia su página.
1. Seleccionamos la palabra
o frase sobre la que
queremos establecer el
hipervínculo o enlace.
3. Completamos la dirección
donde dice URL, y damos
Aceptar. En la ventana de
- Figura 20 - edición veremos el nuevo
enlace subrayado. Por lo
general, una vez publicado,
los textos con hipervínculos
se visualizarán en azul y
subrayados. Es la forma de
indicar al lector que existe
un hipervínculo.
- Figura 21 -
Una vez publicado el post, el lector, al hacer clic sobre el enlace, será direccionado al sitio web especificado
antes (en nuestro ejemplo a la página web de Grupo Solidario).
14
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
INCLUIR VIDEOS
En el blog tenemos dos opciones para incluir video:
1) Cuando editamos un post podemos utilizar el icono de video de la barra editora del blog, y "subir"
un video al blog. No es muy recomendable porque por lo general al ejecutarlo suele ponerse lento o "pesado"
2) Embeber un video desde cualquier repositorio de videos disponible en Internet (Youtube, blip.tv, dotSUB,,
Vimeo, etc). De esta forma "chupamos" el video que está almacenado en servidores optimizados para el
streaming de video, y la cosa anda bastante mejor. Para esta opción no solo podemos utilizar los videos
disponibles, sino también subir los propios (a youtube por ejemplo) y luego embeberlos.
IMPORTANTE: el procedimiento de embeber código HTML que describiremos a continuación nos servirá para
incluir todo tipo de contenido disponible en la web (audio, presentaciones online, shows de fotos, etc.). A no
asustarse con la terminología y el código, el procedimiento es simple, y con entenderlo una vez nos abre un
abanico de posibilidades inmenso.
Embeber un Video
1. Buscamos el video que deseamos incluir en nuestra publicación. Por ejemplo en www.youtube.com, y lo
visualizamos en pantalla:
Barra de
búsqueda de
videos (por
palabras clave)
Video que
elegimos para
insertar.
Botón para obtener el
Código para embeber
el video
- Figura 22 - 15
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
2. Hacemos clic en Insertar, y aparecerá un cuadrito con un código, como se ve en la Figura 23.
2. Copiamos (seleccionamos
con el mouse, clic botón
derecho, copiar) el código.
1. Marcamos las
opciones de colores
(del marquito), y
tamaños de video
- Figura 23 -
3. Vamos al blog, al post donde queremos incluir el video, posicionamos el cursor donde deseamos insertar el
video y hacemos clic en la solapa Edición HTML.
- Figura 24 -
16
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Pegamos (posicionamos el
cursor, clic botón
derechoPegar) el código.
- Figura 25 -
4. Volvemos a hacer clic en la Solapa Redactar. Y vemos un bloque (aunque no lo veamos, el video está!). Para
ver cómo quedará cuando se publique podemos hacer clic en Vista previa (ver Figura 27).
- Figura 26 -
17
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
- Figura 28 -
- Figura 27 -
A modo de resumen / directorio a continuación se listan algunos sitios interesantes para investigar y utilizar:
Repositorios de Video:
Youtube: www.youtube.com Como este servicio ahora es de Google, podemos usar el mismo
usuario/clave que la cuenta de Google, la que usamos para el blog.
dotSUB: www.dotsub.com Muy popular a partir de brindar la posibilidad de que sus usuarios vayan
subtitulando en otros idiomas los videos subidos por otros.
Smilebox: http://www.smilebox.com
Repositorios de Audio:
Poderato: http://www.poderato.com
Scribd: http://www.scribd.com
eSnips: http://www.esnips.com
En todos los repositorios citados existe la posibilidad de buscar y utilizar recursos subidos por otros usuarios, o
cargar los propios para luego embeberlos en nuestro blog. En la mayoría de ellos se requiere la creación de un
usuario y clave para utilizar el servicio.
Los invitamos a indagar un poco y descubrir cómo sacarle el jugo a estas herramientas extra para enriquecer el
Blog.
19
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Generalidades
Describiremos aquí las cuestiones de CONFIGURACION que entendemos elementales para el manejo del blog
(hay muchas más que pueden indagarse luego y están bien explicadas en la interfaz). Todo lo descripto aquí lo
encontraremos a partir de posicionarnos en la Solapa CONFIGURACION.
Aquí una orientación de qué camino tomar para realizar los siguientes cambios:
Cambiar Nombre del Blog (es el que se ve en la cabecera): En Solapa CONFIGURACIÓN Básico
Incluir una Descripción ( texto que da idea general de cuál es la finalidad del Blog): En Solapa
CONFIGURACIÓN Básico
20
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
- Figura 30 -
Una vez que el nuevo autor invitado aceptó veremos el panel de Permisos como en la Figura 31
- Figura 31 -
También a partir de este panel podemos otorgar privilegios de administrador al resto de los autores. El
administrador puede modificar aspectos de configuración, diseño del blog, y puede editar y borrar tanto sus
entradas como las del resto. Si no se otorga este permiso, quedará limitado a poder publicar post y editar o
suprimir los propios post, y no los del resto de los autores.
21
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
Contadores y Estadísticas
Mapas de Visitas:
http://feedjit.com/fg/
http://www.clustrmaps.com/es/index.htm
Contadores:
http://contadores.miarroba.com
http://bunnyherolabs.com/adopt
Calendarios:
http://www.free-blog-content.com
http://www.signgenerator.org/thumbs.htm
Por lo general estos se suelen configurar en los bloques laterales del Blog, los cuales se editan y configuran a
partir de la Solapa Diseño (ver Figura 32).
22
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
ASPECTOS DE DISEÑO
Para Editar el
Encabezado
del Blog
Bloques
laterales
(gadgets)
añadidos
- Figura 32 -
En los espacios donde aparece Añadir un gadget tenemos opciones de bloques para agregar. Los más básicos
son:
- Enlaces, permite listar sitos web relacionados con la temática que tratamos en el blog.
- Imagen, para incluir una imagen, por ejemplo el logo de la Organización u otro.
Entre otros. El más genérico de los gadgets es el de HTML/Javascript, porque permite pegar directamente el
código para embeber cualquier recurso (por ejemplo el código de un video en youtube).
Los bloquecitos se pueden reubicar solo haciendo clic y arrastrándolos hasta la posición deseada
Manos a la obra!!!
23
Proyecto de Extensión
“Recursos de la Web 2.0 para
el fortalecimiento de las
Organizaciones Civiles”
APOYO Y SOPORTE
Por cualquier consulta, duda, problema, propuesta o idea nos puede contactar a través de:
Para acceder al
Aula Virtual.
- Figura 33 -
24