Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
Sesión 4: Elementos del blog + Editar cabecera + Aplicaciones para crear y compartir contenido II Contenidos: 1. Elementos del Blog 2. Cambiar la cabecera 3. Aplicaciones para crear y compartir contenido 1. Elementos del Blog: Como ya os he comentado el Blog es hasta el momento el formato de más éxito de la llamada Web 2.0. Pero, ¿Qué es un Blog? Según la Wikipedia: “Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las palabras web y log (’log’ en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en línea.” Elementos visibles del Blog Aunque estos elementos pueden variar dependiendo de la plantilla de Blog que utilicemos, en general, y centrándonos en las plantillas disponibles en Educastur Blog son:
Imagen tomada de Educastur Blog ayuda Sesión 4 _ 1
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
• • •
Título del Blog: puede llevar un subtítulo explicativo Imagen: Puede venir prediseñada por la plantilla o en algunos casos, puede ser una imagen aportada por nosotros. Barra de menú: Con acceso a páginas estáticas (si la plantilla permite incluirlas). En el último botón de la derecha, algunas plantillas permiten incluir una dirección de correo de contacto, una dirección web, etc.
El espacio situado debajo de la barra de menú, queda dividido en dos o tres espacios dependiendo de la plantilla que utilicemos. •
•
Espacio central: Dedicado a las entradas, artículos o post ordenados cronológicamente. En cada post aparece la fecha de publicación, la o las categorías a las que pertenece, su etiquetado y si tiene comentarios. Columna/s lateral/es: En general, aparecen: • Los títulos de los últimos artículos publicados en orden cronológico inverso • Acceso a las páginas estáticas • Categorías o temas en los que hemos clasificado nuestros artículos • Blogroll o listado de enlaces (pueden aparecer bajo el epígrafe Recomendados o destacados). Estos enlaces también aparecen clasificados por temas. • Histórico de artículos por meses • Buscador
Panel de administración del Blog Como cualquier aplicación Web, un blog cuenta con un panel de administración que nos permite gestionar su contenido.
Al entrar en el Blog nos encontramos con el escritorio en el que aparecen los siguientes elementos Sesión 4 _ 2
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
(de izquierda a derecha y de arriba a abajo): •
• •
•
• • •
Nombre del Blog. Al lado del nombre aparece una flecha para acceder de modo rápido a los paneles de control de todos los Blogs que podamos gestionar, sin tener que identificarnos cada vez. Ver sitio. Para acceder a la parte visible del Blog Identificación (nuestro nombre de usuario) • Mis blogs • Desconectar. Salir de la sesión Menú de los diferentes paneles de control: (los veremos en detalle más adelante) • Escribir: para escribir y publicar artículos y páginas • Gestionar: para editar artículos, páginas, categorías y archivos subidos • Comentarios: para moderar comentarios recibidos • Enlaces: crear y editar enlaces y crear y gestionar categorías • Presentación: Nos muestra las plantillas disponibles y sus opciones de diseño para configurar el aspecto visual de nuestro blog. • Usuarios: muestra los tipos de usuarios con los que cuenta el Blog, permite añadir nuevos usuarios y asignarles perfiles • Opciones: gestiona el título, permisos, opciones de lectura, escritura, privacidad, etc. Área de avisos: gestionada por la administración de Educastur Blog. Mensaje de Bienvenida con enlaces rápidos a las acciones más comunes Columna Última actividad: en la que aparecen los últimos artículos, los últimos comentarios recibidos, las estadísticas (número de artículos, comentarios, etc) y el espacio de almacenamiento total y el utilizado.
2. Cambiar la imagen de la cabecera del Blog Como ya vimos algunas plantillas nos permiten cambiar la imagen de cabecera, eligiendo entre imágenes prediseñadas o subiendo nuestra propia imagen. En este caso tendremos que tener en cuenta dos cosas: 1º.- El tamaño 2º.- Que esté alojada en la Red para que tenga su propia URL Vamos a cambiar la imagen de cabecera de nuestro Blog a través de una práctica que nos servirá también para conocer espacios de alojamiento de imágenes y dónde encontrar imágenes libres de derechos. Pero ¿podéis utilizar libremente todo lo que encontráis en Internet? Que sea fácil de copiar no quiere decir que no tenga autor o autores. Estos pueden decidir publicar sus obras bajo copyright o bien bajo licencias que permiten copiar y distribuir sus obras más o menos libremente. Eso es lo primero que debéis mirar. Lo segundo, citar siempre la fuente y el autor, si es posible. Las licencias de contenidos libres más populares son: * Cretive Commons. Ofrece una serie de licencias que abarcan desde el tradicional sistema de derechos de autor hasta el dominio público. Poner vuestros trabajos bajo una licencia Creative Commons no significa que no tengan copyright. Este tipo de licencias ofrecen algunos derechos a Sesión 4 _ 3
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
terceras personas bajo ciertas condiciones. * GNU(Licencia de documentación libre para contenido libre). Diseñada por la Fundación del Software Libre (FSF) para el proyecto GNU. Wikipedia es el mayor proyecto que utiliza esta licencia. Otro programa de Software libre que utiliza esta licencia es el editor de imágenes Gimp con el que trabajaremos este curso. Cuando se habla de Software Libre se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software. Este Blog, por ejmplo, está bajo una licencia del tipo:
Reconocimiento - NoComercial - CompartirIgual (by-nc-sa): No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original. En el siguiente vídeo se explican qué son las licencias creative commons:
A pesar de esto, todavía hay muchas personas que piensan que se pueden utilizar los documentos presentes en la Red de una forma indiscriminada y lo que es peor, a veces se copian documentos bajo licencias Creative Commons y se les añade copyright. Para encontrar imágenes con licencia creative commons vamos a utilizar FlickrCC, un espacio que aloja todas las imágenes libres de derechos alojadas en Flickr.
Sesión 4 _ 4
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
Aunque más adelante podréis cambiar la imagen, vais a elegir una imagen de FlickrCC que os guste y descargarla a vuestro PC para modificarla y darle el tamaño que nos pide la plantilla (780 x 95 píxeles) con Gimp. Escalar y recortar una imagen con Gimp 1º. Crea una carpeta en Mis Documentos con tu nombre. Una vez que tengas elegida la imagen que te gusta, coloca el cursor sobre ella y haz clic sobre el botón de la derecha del ratón > guardar imagen como > Mis documentos > Carpeta personal 2º Arranca el programa editor de imágenes Gimp desde su acceso directo del escritorio 3º. Empezamos por abrir la imagen anterior a partir del menú archivo > abrir a ) Cambiar el tamaño de una imagen (escalar) Archivo > abrir > menú ventana imagen > Imagen > escalar la imagen >
Sesión 4 _ 5
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
Le damos la anchura que nos interesa (780 píxeles) y a continuación hacemos clic sobre el símbolo de la cadena para que nos la escale a una altura proporcional. b ) Recortar la imagen Seleccionamos la herramienta selección en la caja de herramientas . Esto cambiará el cursor y le permitirá pulsar y arrastrar una forma rectangular. Una vez seleccionada el área (recuerda que no puede tener una altura mayor de 95), vamos a editar > copiar > editar > pegar como imagen Sesión 4 _ 6
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
nueva También podéis usar alguno de estos Editores de imágenes online c) Subir nuestra imagen a la Red Como tenemos cuenta en Google, vamos a conocer Picassa álbumes web, el servicio de alojamiento y gestión de imágenes de Google.
1º. Accedemos desde nuestra cuenta de Google 2º. Hacemos clic en subir y creamos un álbum titulado Curso Blogs 3º. Una vez que nos ha subido, hacemos clic sobre la imagen y cuando se nos abre en grande > copiar la ruta de la imagen. 4º. Vamos al panel de administración de nuestro blog > presentación > opciones del tema > elegir una imagen tecleando la URL absoluta> guardar opciones 5º. Ya tenemos de cabecera con la imagen elegida.
Sesión 4 _ 7
Blogs y Web 2.0.: Competencia digital _ Lucía Alvarez http://blog.educastur.es/blogsyweb20/ CPR Nalón - Caudal _Curso 2009-2010
4. Aplicaciones para crear y compartir contenido • •
Flickr con nuestra cuenta de Yahoo (la misma que habéis empleado para Delicious. Slide. Un espacio que utilizaremos más adelante para insertar galerías de imágenes.
Discos duros virtuales: •
•
•
Multiply: (http://multiply.com/) Funciona como un disco duro en Internet donde podemos alojar nuestros documentos para compartirlos, por ejemplo, con nuestros alumnos. Ofrece blog, foros, avisos y mensajería, favoritos…. Permite obtener contactos desde cuentas como yahoo, gmail o hotmail, y avisa a los contactos cuando hay contenido nuevo. Incorpora un calendario y es posible personalizar la página de inicio. Box.net: (http://www.box.net/) Ofrece, de forma totalmente gratuita hasta 1Gb de espacio. Los archivos se pueden organizar en carpetas y etiquetar mediante tags para facilitar accesos y búsquedas. Más discos duros virtuales accesibles desde: http://blog.educastur.es/ayuda/almacenes-de-archivos-en-linea/discos-duros-virtuales/
Sesión 4 _ 8