Manual Curso de Blogs by Moisés Gutierrez

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 1

Los blog y su uso en educación Capítulo 1: Navegar por Internet Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Reconocimiento - No comercial - Compartir igual: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 2

Índice de contenido 1.- INTRODUCCIÓN..............................................................................................................2 2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS BUSCANDO?.................3 3.- LOS NAVEGADORES. FIREFOX....................................................................................4 4.- EXTENSIONES PARA FIREFOX.....................................................................................6

1.- INTRODUCCIÓN Pocas personas se imaginaban unos años atrás las posibilidades que el uso de Internet supondría en su ámbito personal y laboral, debido a la complejidad que presentaba (había que tener elevados conocimientos de informática para realizar, por ejemplo, una página Web) y a las reticencias personales a usarlas. Este avance progresivo e imparable ha sido conceptualizado bajo la denominación de “Sociedad de la Información” para enmarcar el acceso y procesamiento de toda la información disponible en la Red. Las próximas generaciones, llamados “nativos digitales”, se encontrarán ante el reto de luchar contra otro tipo de analfabetismo: el de las computadoras y evitar la tan temida brecha digital. El fenómeno Internet trae nuevos modelos de trabajo y nuevas formas de relacionarse y comunicarse con personas de su trabajo y amistades, desbancando de forma progresiva al correo tradicional, fax, teléfono, etc. También se ha convertido en un medio importante de creación de cultura (con el fenómeno de la Web 2.0) y de expresión personal. Con este nuevo panorama el sistema educativo no puede quedarse indiferente si se pretende que los centros educativos den una respuesta adecuada a la realidad social en la que está inmersa y, por extensión, los docentes deben prepararse para integrar con garantías suficientes esta tecnología que se va imponiendo. Dentro de la amplia gama de servicios que ofrece la Red encontramos algunos de uso mayoritario como son la World Wide Web (www), el correo electrónico y otros que, de forma emergente, se están abriendo un hueco importante en el panorama de Internet como son los blog, wikis, etc. y otras posibilidades que pueden optimizar el trabajo o las relaciones personales. Wikipedia1 indica que la World Wide Web (o la "Web") o Red Global Mundial “es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de Internet. Con un navegador Web, un usuario visualiza páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces”. A través de las páginas Web, que están confeccionadas con un lenguaje denominado HTML (HyperText Markup Language – lenguaje de marcas de hipertexto), accedemos a servicios integrados en las mismas como: correo, chat, grupo de noticias, etc. sin necesidad de abandonarlas. Para realizar la navegación entre las páginas se desarrolló un protocolo de comunicación denominado http (HyperText Transfer Protocol – protocolo de transferencia de hipertexto), siendo necesario emplear una aplicación que muestre el código HTML y que permita, por tanto, visualizar la información: los llamados navegadores. Entre los más usados y conocidos que podemos 1 http://es.wikipedia.org/wiki/World_Wide_Web

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 3

encontrar están: Firefox, Ópera (aplicaciones con licencia GPL2: software libre3), Internet Explorer (gratuito pero software propietario), etc.

Cada página que visitamos tiene una dirección o URL (Uniform Resource Locator) que la identifica y personaliza. Todas las URL comienzan por http:// aunque no sea necesario teclearlo y solamente baste con poner las www.direcciondelapagina.dominio. Vamos a comenzar comentando cómo se localiza información en Internet, seguiremos luego describiendo muy brevemente un navegador y, por último, describiremos el proceso de creación de una cuenta de correo con Gmail (imprescindible para, posteriormente, crear un blog en Blogger).

2.- ¿CÓMO ENCONTRAR LA INFORMACIÓN QUE ANDAMOS BUSCANDO? Sin entrar a valorar su calidad, la Red tiene una cantidad ingente de información disponible a la que podemos acceder y consultar. Para encontrar la información deseada podemos seguir tres caminos:

 Si conocemos su localización exacta basta escribir en el navegador su URL.  Visitando páginas de similar contenido o interés común y que éstas nos lleven, a través de algún hiperenlace, a la página que estamos buscando. Si se consigue la información con este método es aconsejable guardar la dirección en el menú Marcadores o Favoritos del navegador o en alguna página en Internet con funciones de marcador social como delicious.

 Utilizando un motor de búsqueda (a los que coloquialmente se los conoce como buscadores). Las búsquedas se hacen escribiendo una palabra o varias palabras clave, dando como resultado un listado de direcciones Web en las que se mencionan temas relacionados con las palabras clave introducida. Los más usuales por su uso y potencia pueden ser Google (http://www.google.es/), Yahoo (http://m.es.yahoo.com/), Altavista (http://es.altavista.com/), etc. También existen los llamados metabuscadores. Su función consiste en usar el motor de búsqueda de otros y mostrar la combinación de las mejores páginas que ha devuelto cada buscador. Por ejemplo: Kartoo (http://www.kartoo.com/), Ilectric (http://ilectric.com/), Metacrawler (http://www.metacrawler.com/), etc. Según qué tema se vaya a buscar puede ser más o menos laborioso encontrar la información; por ese motivo se utilizan algunos trucos o consejos que facilitan la tarea. Entre los más usados: 

Si quiere buscar una frase exacta debe encerrarla entre comillas, ejemplo: “trabajo colaborativo”.



Si necesita saber el acrónimo de una siglas puede usar la fórmula “define:ONU”

2 http://es.wikipedia.org/wiki/GPL 3 http://www.gnu.org/philosophy/free-sw.es.html

Los blog y su uso en educación



Cap. 1: Navegar por Internet – Pág. 4

Se pueden restringir los resultados de la búsqueda a un dominio, ejemplo “educación.es”4.

3.- LOS NAVEGADORES. FIREFOX Vamos a comentar un sencillo, pero potente, navegador por varias razones: –

Porque con seguridad optimizará, una vez instalado y utilizado de forma asidua, su tiempo de navegación por la Red.

–

Porque con algunas aplicaciones online (como es el caso de una con la que se va a realizar el blog -Blogger-) resulta más adecuado.

Se trata de Mozilla Firefox, cuyo uso se incrementa día a día por parte de los internautas, hasta el punto que a día de hoy es uno de los más utilizados: http://www.w3schools.com/browsers/browsers_stats.asp http://www.w3counter.com/globalstats.php

Firefox es un programa multiplataforma disponible para los sistemas operativos Windows, GNU/Linux y Mac. Desde su página oficial (http://www.mozilla-europe.org/es/) puede descargar el programa e instalarlo en su equipo. Si navega por ella podrá leer las características que hacen de esta aplicación una de las más utilizadas por el usuario doméstico. Entre las más interesantes podemos encontrar: 

Navegación con pestañas mejorada. Cada página web que visitemos aparecerá en una pestaña distinta dentro del navegador si así lo desea, con la facilidad de tener todas las páginas en la pantalla sin desplazarnos fuera de ella.



Restaura las sesiones perdidas. Si por cualquier motivo nuestro sistema operativo falla y se cierra de forma imprevista el navegador, cuando volvamos a abrirlo nos aparecerá una pantalla de aviso que nos brinda la posibilidad de recuperar la sesión en la que estábamos trabajando y, de esa forma, no perder datos.



Corrector ortográfico. Si instala el corrector ortográfico le puede ser de gran ayuda cuando escriba en su blog, correo electrónico (Webmail), en alguna wiki, etc.



Marcadores dinámicos. Cuando esté interesado en saber que nuevas entradas se producen en blog de su especial interés puede colocarlos en el navegador como marcador de noticias (RSS)5, de forma que pueda leer los encabezados y acceder a ellos si le interesa. Las páginas con botones para sindicar los contenidos se reconocen por la siguiente imagen:

4 Dispone de manuales en Internet con una descripción de estos “trucos”. Escriba en cualquier navegador manual trucos Google y le aparecerá un listado amplio de documentos 5 La suscripción se adjunta a su navegador que le mostrará en una línea el tema introducido mediante un formato llamado RSS; sus siglas son el acrónimo de Really Simple Syndication.

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 5

●

Bloqueador de ventanas emergentes. Las molestas ventanas emergentes con publicidad se bloquean, de forma que no aparecen ni distraen su atención. En el menú Herramientas podemos cambiar en Opciones esta característica, permitiendo a los sitios que quiera desplegar ventanas emergentes. Si no se acuerda cuando se bloquean en el navegador aparece en la parte superior una barra amarilla que le da la opción de desbloquearla.



Actualizaciones automáticas. Si ya tiene instalado el navegador cada vez que se lance una nueva actualización le saldrá un aviso por si quiere actualizar mediante un clic su aplicación.



Personalizar el navegador. Más de 5000 complementos se pueden instalar para hacerla más funcional.



Añadir a los marcadores con un sólo clic. Haciendo clic sobre la estrella que aparece a la derecha de la barra de direcciones puede añadir la página actual a los marcadores; con doble clic puede seleccionar dónde guardarla y qué etiquetas usar.

Una vez que acceda a la página oficial verá una botón como éste:

Pinche sobre él y podrá guardar en su equipo la aplicación. Cuando se haya completado la descarga vaya a la carpeta donde la guardó y ejecute la aplicación. El proceso de instalación es similar al de cualquier otro programa: hacer clic en botones Siguiente, aceptar términos de licencia...

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 6

4.- EXTENSIONES PARA FIREFOX Firefox presenta una serie de complementos para hacer de este navegador uno de los más potentes en la actualidad. Dentro de éstos se pueden encontrar diccionarios, temas, extensiones y buscadores. Una buena práctica, antes de instalar temas o extensiones, es la instalación del diccionario. Todo ello lo hacemos desde la página Web de Firefox. Llegamos a ella desplegando el menú Herramientas y eligiendo Complementos; aparece una ventana con los complementos que tenemos y, en la parte inferior derecha, un enlace “Ver todos los complementos recomendados”

Este enlace nos lleva a la siguiente página https://addons.mozilla.org/es-ES/firefox/recommended En la parte central de la ventana aparecen algunos complementos “recomendados”. Bajando por la ventana nos encontramos con:

Haciendo clic en el botón Añadir a Firefox comienza la instalación si no tenemos bloqueadas las ventanas emergentes. En caso afirmativo tenemos que hacer clic en el botón Permitir.

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 7

Cuando termine se activará el botón Reiniciar Firefox; haga clic sobre él y el complemento estará disponible después del reinicio. Estos mismos pasos deberá seguir para instalar cualquier complemento o extensión. Como los complementos “recomendados” van cambiando, cuando accedemos a la página https://addons.mozilla.org/es-ES/firefox/recommended podemos utilizar los enlaces que hay en la parte izquierda; entre ellos se encuentra “Asistencia de idioma”. Firefox presenta dos opciones para personalizar el navegador y adaptarlo a sus necesidades. Por un lado ofrece cambiar la interfaz mediante temas y, por el otro, instalar las mencionadas extensiones. Los temas puede encontrarlos en https://addons.mozilla.org/es-ES/firefox/browse/type:2 Los temas están organizados por bloques: 

Animales



Compactos



Deportes



Grande



Integración con el SO



Miscelánea



Moderno



Naturaleza



Retro Este es el aspecto que tiene con el tema “NASA Night Launch” como ejemplo:

Con “Metal for Firefox”:

Los blog y su uso en educación

Cap. 1: Navegar por Internet – Pág. 8

Las extensiones para Firefox alcanzan la cifra actual (a 1 de enero de 2010) de 11000. Las puede encontrar en la siguiente dirección: https://addons.mozilla.org/es-ES/firefox/ Entre las más usadas puede encontrar: ●

Video DownloadHelper. Se utiliza para descargar y convertir vídeos de sitios similares a YouTube.

●

FlashGot, mediante el que se puede descargar un enlace, los enlaces seleccionados o todos los enlaces de una página juntos a la máxima velocidad con un solo clic.

●

IE Tab, que integra Internet Explorer en pestañas de Mozilla/Firefox.

●

FoxTab, que permite 3D en el navegador.

●

Firefox Showcase. Sirve para encontrar y organizar fácilmente las pestañas del navegador.



Etc.

Si se desea saber qué ofrece cada complemento y no se tiene un dominio adecuado de inglés se puede utilizar imTranslator para leer información de los mismos en español. Los buscadores se instalan en la parte superior derecha y ayudan a encontrar cualquier condición de búsqueda que desee. Hay 23 tipo de buscadores diferentes. En la figura encontrará los más usuales.

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 1

Los blog y su uso en educación Capítulo 2: Crear correo y cuenta Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 2

Índice de contenido 1.- INTRODUCCIÓN..............................................................................................................2 2.- CREAR CUENTA EN GMAIL............................................................................................2 2.1. - ¿POR QUÉ UNA CUENTA DE CORREO GMAIL?..................................................3 3.- CREACIÓN DE UNA CUENTA EN WORDPRESS..........................................................5

1.- INTRODUCCIÓN En este tema vamos a tratar dos condiciones previas para la creación de nuestra bitácora o blog: darnos de alta en cada uno de los servicios que vamos a utilizar: Gmail y WordPress.

2.- CREAR CUENTA EN GMAIL Se trata de un servicio de correo electrónico que, cuando apareció, cambió el concepto que se tenía hasta entonces de ese servicio, ofreciendo capacidades muy amplias de almacenamiento. Como etapas importantes destacaremos: 2004: Se crea Gmail ofreciendo 1 GB de espacio. 2005: Se mejora la interfaz y se publica el espacio. 2007: Sale al aire la segunda versión de Gmail, que sirve de plataforma para futuras mejoras; además, tiene un nuevo manejador de contactos y ofrece alrededor de 4 Gb de espacio. 2008: Gmail mejora su estructura, ofrece hasta 8 Gb de espacio y añade nuevas funcionalidades de forma más acelerada. Si hubiese que definir qué es y para qué sirve el correo electrónico habría que decir que es una utilidad que permite a los usuarios enviar y recibir mensajes y archivos adjuntos a otros usuarios, situados en cualquier lugar, de forma asincrónica. Lo que proporciona el correo es un buzón o lugar virtual donde se depositan sus mensajes a la espera de posterior consulta y contestación. Para hacer uso de una cuenta de correo hay que solicitarla a cualquier proveedor que la facilite. Existe en la red multitud de lugares que la crean de forma gratuita. Una vez solicitada se nos facilita una dirección de correo estilo"mieleccion@nombredelproveedor.extension" y una palabra clave o contraseña para acceder a su buzón. Los correos se pueden consultar de dos formas diferentes: •

A través de paginas Web (Webmail).

•

A través de un programa gestor de correo instalado en nuestro equipo (Mozilla Thunderbird, Eudora, Outlook, etc.).

Entre las principales empresas que ofrecen servicio de correo podemos encontrar: Google, Yahoo,

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 3

Orange, Terra, etc. La redacción de los mensajes no están sujetos a ninguna norma escrita que regule este tipo de comunicación. No obstante, sí hay unas reglas conocidas como Netiquette que se han ido adaptando a lo largo de los años como buenas prácticas en el correo. Equivalen a un código de buen uso o de buena conducta: •

Evitar el uso de mayúsculas (escribir en mayúsculas se interpreta como gritar la red).

•

No dejar nunca en blanco el "Asunto" (el objeto del mensaje).

•

No escribir nada en los mensajes que no diríamos cara a cara al destinatario.

•

Hay que procurar que los mensajes sean breves y concisos, evitando ambigüedades en el contenido de los mismos.

2.1. - ¿POR QUÉ UNA CUENTA DE CORREO GMAIL? Vamos a describir la creación de una cuenta con Gmail que se utilizará, entre otras cosas, para dar de alta un blog en Internet en Blogger. Gmail es un servicio de correo Webmail (aunque también se puede configurar como cuenta pop/imap en un programa gestor de correo) que ofrece Google de forma gratuita y que dispone de varias particularidades; se pueden consultar en http://mail.google.com/mail/help/intl/es/about.html Para la creación tecleamos en un navegador la dirección http://www.google.com y, en la parte superior, en el enlace Gmail. Este enlace nos lleva a una página en la que observará, en la parte superior derecha, un recuadro para introducir sus datos si ya los posee y, justo debajo, un enlace Crear una cuenta >>, sobre el que hay que hacer clic para proceder a hacerlo.

En la siguiente ventana deberá rellenar los datos que aparecen a continuación.

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 4

Si antes de aceptar la cuenta quiere consultar la disponibilidad de la cuenta de correo que está creando debe presionar sobre el botón comprobar la disponibilidad.

En caso de que la cuenta esté ya elegida, nos permite otros nombres parecidos al que hemos introducido, como muestra la siguiente imagen. Si está disponible termine de rellenar los datos y concluya el proceso leyendo las indicaciones de pantalla. Deberá rellanar: Nombre: Nombre de la persona que va a crear la cuenta. Apellidos: Apellidos de la persona que va a crear la cuenta. Nombre de usuario: Nombre que queremos que aparezca cuando enviamos un correo. Por ejemplo: Manuel Férnandez Campos, Manolo Fernández o simplemente Manolo. Elija una Contraseña: La contraseña que vamos a introducir y que tiene que tener al menos 8 caracteres; se recomienda que contenga números y letras. Vuelve a introducir la contraseña: Volver a introducir la clave, puesto que al no verse, si nos hubieramos equivocado se apreciar porque se tendría que repetir. Pregunta de seguridad: Pregunta que se nos formulará en caso de perder la clave, es recomendable

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 5

que sea una pregunta que no tenga que ver con la clave y que sólo la persona que está creando la cuenta sepa su respuesta. Además, es recomendable que no la divulgue, mande por correo o apunte. Respuesta: Contestación a la pregunta de seguridad. Dirección de correo alternativa: Esta dirección se utiliza para autenticar su cuenta en caso de que surja algún problema u olvide su contraseña. Si no dispone de ninguna otra dirección de correo electrónico, deje este campo en blanco. Ubicación: País donde nos encontramos. Verificación de la palabra: El sistema nos proporciona una imagen con una palabra que hay que escribir. Esto se hace para que no se puedan generar cuentas automaticamente. Condiciones del servicio: Deben aceptarse para crear la cuenta de correo. Completado todos estos datos se ha realizado correctamente la creación de nuestra cuenta de correo.

3.- CREACIÓN DE UNA CUENTA EN WORDPRESS WordPress es un sitio Web dedicado exclusivamente a la creación de blog. Fechas importantes en su andadura: 2004: Lanzamiento de la primera versión (Miles). Las versiones lanzadas de WordPress tienen como nombre en clave músicos de jazz. Miles debió su nombre al músico de jazz Miles Davis. El 12 de noviembre de 2009 se liberó la mas reciente versión estable de WordPress. Para crear su propio blog haga lo siguiente: -

Abra un navegador y teclee: http://es.wordpress.com/. Ésta es la dirección que tiene como idioma el castellano, en caso de usar un buscador con la palabra "WordPress", éste le enviará a la página que tiene como idioma el inglés, en cuyo caso tendría que cambiar el idioma pulsando en el desplegable que aparece en la parte superior derecha, como se muestra en la imagen siguiente:

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 6

Posteriormente nos tenemos que dar de alta. Para ello hacemos clic en "¡Registrarte ahora!" que se encuentra en la parte central de la pantalla.

Una vez dentro de este menú, aparece la ventana que se muestra en la imagen adjunta y en la que hay que rellenar los siguientes datos:

Nombre de usuario: Es el nombre que vamos a tener a la hora de loguearnos en la página (sólo con letras, números y al menos 4, teniendo que estar libre). Por defecto lo utiliza como nombre del Blog, aunque esto se puede modificar. Contraseña: La contraseña que vamos a introducir. Tiene que tener al menos 6 caracteres y se recomienda que contenga números y letras; si introducimos una contraseña demasiado corta aparece de nuevo el menú pero con un fondo rojo y en la que, a medida que alargamos la clave, se va poniendo en verde la barra de seguridad de la clave.

Confirmar: Confirmación de la contraseña introducida anteriormente. Dirección de correo electronico: Dirección de correo electrónica válida, donde vamos a recibir la contraseña de registro y donde WordPress nos notificará cualquier incidencia. Lo legal: Aceptamos los términos legales.

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 7

Siguiente: Pulsamos una vez rellenos los datos.

Aparecce entonces una ventana cuyos elementos son: Dominio del blog: Dirección web donde se puede visualizar el blog. Título del Blog: Título otorgado a la bitácora, pudiendo ser cambiado. Lenguaje: Pinchando en el desplegable podemos cambiar el idioma. Privacidad: Si lo dejamos activo hace que los motores de búsqueda lo incluyan. Registrarse: Pulsar para continuar con el registro.

En caso de no recibir el correo de activación se puede volver a solicitar en esta ventana.

Los blog y su uso en educación

Cap. 2: Crear correo y cuenta – Pág. 8

Posteriormente accedemos a correo, en el que debemos encontrar que nos ha llegado un correo de activación de WordPress. En él encontraremos un enlace a una página web (en la imagen adjunta aparece marcado en rojo) a la que debemos acceder para conclucir el proceso de activación.

Es entonces cuando aparece la siguiente ventana:

Con esto queda terminado el proceso de activación de nuestra cuenta con WordPress, por lo que pasamos entonces a realizar el blog. Para ello introducimos nuestro nombre de usuario y contraseña.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 1

Los blog y su uso en educación Capítulo 3: Crear un blog con Blogger y WordPress Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 2

Índice de contenido 1.- DEFINICIÓN Y CARACTERÍSTICAS DE LOS BLOG.....................................................2 2.- LOS BLOG EN EDUCACIÓN: EDUBLOG.......................................................................3 2.1. - CÓMO UTILIZAR UN BLOG EN UNA ACTIVIDAD FORMATIVA............................4 3.- CREACIÓN DE UN BLOG................................................................................................5 3.1. - APLICACIONES Y SITIOS WEB..............................................................................5 4.- BLOGGER Y WORDPRESS............................................................................................6 5.- CREACIÓN DE UN BLOG CON BLOGGER....................................................................7 5.1. - ¿POR QUÉ BLOGGER?..........................................................................................7 5.2. - ALGUNOS BLOG EN BLOGGER............................................................................8 5.3. - CREACIÓN DE UN BLOG EN BLOGGER..............................................................8 5.4. - VENTANA PRINCIPAL DE BLOGGER..................................................................10 6.- CREACIÓN DE UN BLOG CON WORDPRESS............................................................12 6.1. - ¿POR QUÉ WORDPRESS?..................................................................................12 6.2. - ALGUNOS BLOG EN WORDPRESS....................................................................13 6.3. - CREACIÓN Y ACCESO A UN BLOG EN WORDPRESS......................................13 6.4. - VENTANA PRINCIPAL DE WORDPRESS............................................................14 6.5. - VERSIÓN (SERVIDOR PROPIO)..........................................................................18

1.- DEFINICIÓN Y CARACTERÍSTICAS DE LOS BLOG Una de las definiciones más aproximadas a esta aplicación la podemos encontrar en Wikipedia. Lo define como: “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.”

Uno de los aspectos que lo hace atractivo al gran público es su interactividad, que como Sheizaf Rafaeli afirma también en la Wikipedia es “una expresión extensiva que en una serie de intercambios comunicacionales implica que el último mensaje se relaciona con mensajes anteriores a su vez relativos a otros previos"1 , añadido a la gran facilidad de uso que tiene, ya que permite que 1 Consultado el 5 de abril de 2009

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 3

las personas que visitan el blog opinen sobre la noticia u opinión dada. Además, podemos citar alguna de las características o ventajas técnicas que poseen los blog: Acceso desde cualquier lugar. Basta con tener conexión a Internet. Clasificación de los contenidos en categorías. Para clasificar las noticias en un blog las puede agrupar por categorías que usted mismo puede crear y así facilitar la navegación de los usuarios que accedan. Enlazar unos blog con otros. Los blog nos permiten poner una lista con blog que usted visite periódicamente o que tengan la misma temática que el suyo. Puede moderar los comentarios y así evitar las entradas inapropiadas u ofensivas. Retroalimentación. Cada noticia genera comentarios que hacen replantearse su postura, ya que estas entradas posibilitan la aportación de distintos puntos de vista. Como ventajas educativas a destacar: Los usuarios se convierten en protagonistas del aprendizaje. Sirve como medio para materializar, en las actividades formativas, el apoyo de los recursos audiovisuales que siempre han tenido excelente acogida entre los destinatarios de las mismas.

2.- LOS BLOG EN EDUCACIÓN: EDUBLOG Si un blog se usa con fines educativos o en entornos de aprendizaje se los conoce como edublog2. Pueden estar enfocados desde puntos de vista diferentes dependiendo que los utilicen los docentes o los estudiantes. Independientemente de quien lo utilice, según Alejandro Valero3, el uso de los blog contribuye a la formación personal de sus usuarios por los siguientes motivos: 1. La educación ha dejado de ser un coto de los docentes. 2. Los estudiantes crean su propio conocimiento. 3. La educación ya no se centra solamente en la adquisición de conocimientos, sino en la formación personal continua. 4. La comunicación se ha convertido en un aspecto fundamental de la nueva enseñanza en Internet. 5. Se vuelve a valorar la escritura como medio de comunicación y de conocimiento. Para el educador puede servir como ventana de información y opinión acerca de la materia o elementos de su ámbito de trabajo. Para el alumnado como foro de opinión y ventana para mostrar sus progresos en una determinada actividad, asignatura, etc.

Ejemplos de blog de docentes: 2 http://es.wikipedia.org/wiki/Edublog 3 VALERO, A. (2007): Blogs en la Educación, disponible en http://observatorio.cnice.mec.es/modules.php? op=modload&name=News&file=article&sid=528

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 4

Aulablog21: http://www.aula21.net/aulablog21/ Planeta Educativo: http://www.aulablog.com/planeta/ Tíscar: http://tiscar.com/ Blog de Aníbal de la Torre: http://www.adelat.org/ Blog de una profe DIM: http://blogdeunaprofedim.blogspot.com/ Educación y TIC: http://domingomendez.blogspot.com/ Innovación educativa: http://innovacioneducativa.wordpress.com/ La brújula: http://labrujula.zoomblog.com/ Etc. Como ejemplo de blog de centros y estudiantes: -

Colegio Público “La Canal” Luanco (Asturias): http://blog.educastur.es/lacanal/

CEIP Menéndez y Pelayo: tic/21002914/helvia/bitacora/

Colegio Santo Domingo: http://colegiosantodomingo.blogcindario.com/

CEIP Doctor Jiménez Rueda (Atarfe, Granada): http://ceipdrjimenezrueda.es/

CEIP Cornella (Asturias): http://web.educastur.princast.es/cp/cornella/wp/

Etc.

http://www.juntadeandalucia.es/averroes/centros-

2.1. - CÓMO UTILIZAR UN BLOG EN UNA ACTIVIDAD FORMATIVA En un artículo aparecido en la página Web de la Consejería de Educación de Asturias (http://blog.educastur.es/blogs-y-educacion/uso-de-los-blogs-en-el-aula/) se resumen algunas de las posibilidades de uso de los blog en un aula: a) Blog de aula, materia o asignatura. Puede servir para apoyar la asignatura fuera del aula, complementar la información que da el profesorado en la misma, enviar tareas para realizar después de la actividad formativa, etc. b) Blog personal del alumnado. Puede representar un espacio en el que el alumnado exprese sus opiniones, cree sus estrategias de aprendizaje en torno a las TIC y se enriquezca con el resto de los compañeros que aportan sus conocimientos. c) Taller creativo/repositorio de archivos multimedia. Espacio que permite albergar cualquier información en variados formatos (vídeo, audio, imagen, etc.) para complementar la información dada. d) Gestión de proyectos de grupo. Como espacio para fomentar el trabajo colaborativo. e) Publicación electrónica multimedia. A modo de periódico escolar, revista digital, monografías sobre diversos temas, etc. En este uso de forma especial (aunque obviamente en los demás) podemos aprovechar la potencia de los blog en cuanto a gestión de archivos multimedia, propios o referenciados desde almacenes de contenidos (Flickr, Odeo, Youtube,

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 5

etc.). f) Guía de navegación. La función de estos blog es la de comentan sitios de interés, noticias y aportaciones en forma de crítica o comentario de los mismos.

3.- CREACIÓN DE UN BLOG La creación de un blog se puede hacer de varias formas: -

Descargar el software necesario e instalarlo en un servidor propio. Esta opción le ofrecerá todas las posibilidades de insertar los complementos que necesite para el mismo. Obviamente son necesarios conocimientos informáticos específicos que no todo el mundo tiene.

Utilizar los que se ofrecen de forma gratuita en Internet. Esta opción es la más adecuada para la inmensa mayoría de los usuarios, ya que no son necesarios conocimientos informáticos específicos. Únicamente hay que suscribirse a uno de estos servicios y realizar diversas elecciones sobre el aspecto de nuestro blog.

En nuestro caso nos centraremos en este segundo punto, por lo fácil y rápido en que se realizan los trabajos, y porque para ello no debemos tener amplios conocimientos informáticos.

3.1. - APLICACIONES Y SITIOS WEB En la actualidad ofrecen servicios de blog gratuitos, entre otros: ●

BITÁCORAS PUNTO COM: http://www.bitacoras.com/

Está presente en Internet desde el año 2002 y es el mayor centro de servicios y promoción de blog y bloggers en español. ●

LA COCTELERA: http://www.lacoctelera.com/

●

BLOGGER: https://www.blogger.com/start

Blogger se inició en una pequeña empresa de San Francisco llamada Pyra Labs en agosto de 1999, en pleno boom de las empresas basadas en Internet. Desde 2003 es propiedad de Google. ●

EDUBLOGS: http://edublogs.org/

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 6

Un servicio para que docentes y estudiantes publiquen de forma gratuita su blog. El sistema utiliza WordPress Multi-User con casi todas las ventajas y funcionalidades de otras bitácoras gestionadas con esta aplicación. Tiene el inconveniente de que los procesos de alta y la gestión del blog son en inglés. ●

WORDPRESS: http://wordpress.org/

Es el sistema que más desarrollo está teniendo en los últimos tiempos y tal vez el mejor que existe actualmente en PHP. Altamente personalizable con una gran variedad de plugins y diseños. Es muy fácil de instalar y de usar. ●

B2 EVOLUTION: www.b2evolution.net

Permite múltiples blog y autores en una misma instalación. A diferencia de otros, viene ya con el paquete de idioma español preinstalado.

4.- BLOGGER Y WORDPRESS Una vez conocemos varios sitios Web donde podemos crear una bitácora, nos hacemos la pregunta: ¿Cuál elegimos? La respuesta es clara, los dos lugares que albergan la posibilidad de crear un buen trabajo con una relativa comodidad de elaboración son Blogger y WordPress. Es por ello por lo que la siguiente pregunta que nos podríamos hacer sería: Y entre estas dos herramientas de trabajo ¿Cuál elijo? Para contestar a esta pregunta veremos diferencias entre ambos y será el usuario el que decida en función de sus necesidades y conocimientos, puesto que decantarse por uno u otro tiene sus pros y sus contras. Como diferencias destacables enunciamos las que a continuación se detallan: •

Diseños predeterminados: WordPress. Entre los diseños de blog que podemos elegir al abrir nuestro blog, son mejores los de WordPress, aunque sólo podemos usar uno de esos preexistentes.

•

Modificaciones: Blogger. Blogger nos permite hacer y poner lo que queramos en nuestro blog. WordPress no: sólo podemos agregar las cosas elegidas por el equipo de WordPress y no podemos tocar el código del sitio (aunque si somos usuarios noveles esto se nos plantea imposible). En Blogger en cambio, el blog es nuestro y le ponemos absolutamente todo lo que queramos.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 7

•

Estadísticas: WordPress. Con su servicio de estadísticas incorporado, WordPress gana de lejos. A Blogger le podemos agregar el servicio de estadísticas que queramos, pero el de WordPress viene incluído, activado y funciona bien.

•

Estabilidad: Blogger. En general, el servicio de Blogger no falla. En cambio, WordPress se vuelve inestable por momentos y puede hacer que nuestros posts no aparezcan, aunque son fallas temporales.

•

Soporte: WordPress. Cuando algo no funciona en WordPress, el propio creador del servicio nos responde los correos y arregla nuestros problemas. En Blogger, las páginas de ayuda en general ni funcionan, aunque sí hay mucha ayuda disponible en otras páginas de Internet.

•

Comunidad: Blogger. Muchísima más gente tiene sus blog en Blogger, lo que hace que nuestra cuenta de Blogger sea mucho más útil que la de WordPress.

•

Compatibilidad: Blogger. Casi todo funciona con Blogger. Podemos poner vídeos, publicidad y lo que se nos ocurra. En WordPress podemos agregar vídeos de YouTube, pero no de otros sitios. No podemos agregar publicidad (por el momento) ni complementos de otros sitios.

Como vemos son muchas la diferencias existentes entre Blogger y WordPress, resumiendo podemos establecer que para la selección de uno u otro: •

Blogger es mas intuitivo visual y fácil de utilizar, aunque por el contrario sus prestaciones son más limitadas.

•

WordPress es un tanto más complejo de uso, pero sus prestaciones son ilimitadas, además se puede instalar en un servidor propio.

5.- CREACIÓN DE UN BLOG CON BLOGGER 5.1. - ¿POR QUÉ BLOGGER? Antes de nada habría que justificar la elección de Blogger. Podríamos indicar como motivos: •

En primer lugar (como se ha indicado en el epígrafe anterior) se trata de un servicio gratuito y sin publicidad de Google, estando a disposición de cualquier usuario con conexión a Internet.

•

No hay que instalar absolutamente nada, se encuentra en español y no sufre el spam4 como otros blog.

•

La experiencia de otros profesores que tienen su blog en Blogger y lo vienen utilizando desde hace tiempo. Parece lógico pensar que la práctica continuada de un servicio (del que se puede cambiar fácilmente) es sinónimo de respuesta a necesidades.

4 Según Wikipedia se llama “spam, correo basura o sms basura a los mensajes no solicitados, habitualmente de tipo publicitario, enviados en grandes cantidades (incluso masivas) que perjudican de alguna o varias maneras al receptor”

Los blog y su uso en educación •

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 8

Sencillez de manejo y configuración, por lo que resulta adecuado para cualquier usuario aunque no disponga de profundos conocimientos informáticos. Dispone de un editor de artículos propio e integrado. Por otra parte, dispone de muchas opciones de configuración y la posibilidad de incluir bloques de código, por lo que también puede colmar las necesidades de usuarios más experimentados.

Como inconvenientes se podría indicar que no se dispone de un manual de uso para operaciones "avanzadas" como cambiar la plantilla (obviamente esto no es desventaja para usuarios que no necesitan hacerlo), por lo que no parece ser la mejor opción para un blog profesional. También que no dispone de la posibilidad de crear páginas estáticas a las que se pueda acceder a modo de menú con objeto de utilizarlas, por ejemplo, a modo informativo exclusivamente.

5.2. - ALGUNOS BLOG EN BLOGGER Antes de crear nuestro blog es una buena idea visitar otros, conocer qué están haciendo otras personas (por otra parte nos sirve para colmar nuestra curiosidad). Reseñamos algunos relacionados con las nuevas tecnologías (no quiere decir que sean todos ni que sean los más destacados): •

Enseñar :: TIC: http://almeraya.blogspot.com/

•

Educación y TIC: http://domingomendez.blogspot.com/index.html

•

EduBloggers2.0: http://edubloggers.blogspot.com/

•

Educación tecnológica: http://villaves56.blogspot.com/

•

Chispas TIC y Educación: http://peremarques.blogspot.com/

•

Etc.

5.3. - CREACIÓN DE UN BLOG EN BLOGGER Para crear su propio blog (una vez que se dispone de una cuenta de correo Gmail) haga lo siguiente: -

Abra un navegador y teclee: http://www.google.es Encontrará en la parte superior un enlace Más que nos desplegará un menú emergente eb el que elegiremos todavía más >>

Se nos muestra una pantalla con Más productos de Google. Haga clic sobre el enlace Blogger.

NOTA: Memorice esta dirección https://www.blogger.com/start en Marcadores o en delicious para no tener que seguir este proceso la próxima vez que desee acceder a su blog. En esa página se nos indica que, para la creación de nuestro blog, necesitamos: -

Crear una cuenta. Si disponemos de ella (cuenta de Gmail) podemos utilizarla saltando

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 9

dicho paso. -

Escoger un nombre.

Elegir una plantilla.

Para comenzar la creación hacemos clic sobre la flecha Crear tu blog ahora.

Cuando accedemos a la siguiente página lo primero que debemos hacer es Crear una cuenta en Google rellenando los datos que se nos pide en dicha página.

Si dispone de una cuenta de Google puede saltar este proceso de creación haciendo clic sobre el enlace primero acceda a ella. Una vez lo hayamos hecho hay que: -

Elegir nombre para mostrar en nuestro blog (real o pseudónimo).

Marcar la casilla de verificación (cuadradito) Acepto las Condiciones del servicio.

Hacer clic en la flecha Continuar.

En la siguiente pantalla tendremos que: -

Escoger Título del blog.

La dirección que va a tener nuestro blog: http://xxxxxx.blogspot.com (sustituyendo las “x” por los caracteres que deseemos; por ejemplo pruebaedusocial). Una vez introducido esos caracteres comprobamos que está disponible haciendo clic en el enlace Comprobar la disponibilidad. Si una vez hecho se nos indica que esa dirección está ocupada procedemos a cambiarla; en caso de estar disponible pulsamos en la flecha Continuar.

En la pantalla siguiente procedemos a elegir una plantilla. Para seleccionarla debe hacer clic sobre

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 10

el botón radial (pequeño círculo debajo de cada imagen) y, una vez elegida, hacer clic de nuevo sobre la flecha Continuar. Debajo de cada plantilla hay un enlace vista preliminar de la plantilla que nos sirve para ver el diseño mejor antes de elegirlo.

En la siguiente pantalla se nos informa que el blog ha sido creado. Para comenzar a añadirle entradas, personalizar su diseño o crear su perfil personal hay que hacer clic en la flecha Empezar a publicar.

5.4. - VENTANA PRINCIPAL DE BLOGGER Una vez creado nuestro blog, pasamos a describir los elementos principales de Blogger. En primer lugar nos encontramos una ventana en la que aparecen los blog que tenemos y un menú rápido para la creación de entradas, su administración y la configuración de la bitácora. También encontramos acceso a la información de nuestro perfil.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 11

Si hacemos clic en uno de nuestros blog en los enlaces que contiene aparecen una nuevas ventanas con las opciones siguientes: PESTAÑA CREACIÓN DE ENTRADAS

Crear: Añadir una entrada nueva. Editar entradas: Si pinchamos en este botón aparecen todas las entradas para poder editar, borrar o ver entradas, así como toda la información en referencia a ellas. Moderación de comentarios: Se muestran los comentarios existentes en el Bitácora con el objeto de aprobarlos, rechazarlos, marcarlos como Spam o borrarlos. PESTAÑA CONFIGURACIÓN

Básico: Modificación de los elementos Título, Descripción, ¿Deseas añadir tu blog a nuestras listas?, ¿Deseas permitir que los motores de búsqueda encuentren tu blog?, ¿Mostrar Edición rápida en su blog?, ¿Mostrar enlaces de envío de entradas? y Contenido para adultos. Publicación: Posibilidad de comprar un dominio para publicar en un serviddor FTP externo. Formato: Muestra la posible midificación de los elementos del blog como son el número de entradas, los formatos de horas y horas, el idioma y la visualización de titilos y enlaces. Comentarios: Modificación de todos los elementos relativos a los comentarios como son la persona que los puesde realizar, la ubicación, el formato de la hora en ellos o que se envien mensajes con los comentarios. Archivo: Podemos apreciar que las noticias tengan cada una su página web y la frecuencia de estas. Feed del sitio: Posibilita la distribución de toda la noticia o un extracto de ella, así como el pie de página de estos feed. Correo electónico y movil: Direcciones de correo a las que se les quiere notificar la creación de entradas en nuestro blog, así como a dispositivos móviles. Open ID: Puedes utilizar nuestra URL de OpenID para acceder a sitios donde se haya habilitado OpenID. También puedes permitir a los usuarios de OpenID que publiquen comentarios en nuestro blog ajustando la configuración Permisos: Página en la que se establecen quienes son los autores y lectores de nuestro trabajo.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 12

PESTAÑA DISEÑO

Elementos de la página: Muestra la configuración de nuestro trabajo, si arrastramos los distintos elementos se puede cambiar de posición de los mismos. Fuentes y colores: Posibilita la modificación de los colores de la página, tablas, bordes y fuentes que aparecen en ella. Edición de HTML: Muestra el código fuente del blog, pudiéndose modificar. Seleccionar plantilla nueva: Elección de distintas plantillas que otorgan a nuestro trabajo una apariencia distinta. PESTAÑA MONETIZAR

Configurar Adsense: AdSense es un programa que se instala en nuestro blog y nos permite ganar dinero gracias a los anuncios compuestos de imágenes y texto que se colocan en nuestro blog. Google se encarga de elegir automáticamente los anuncios que aparecerán en nuestro blog en función del contenido del mismo. Además, nos permite ganar dinero si los visitantes ven los anuncios o si hacen clic en ellos.

6.- CREACIÓN DE UN BLOG CON WORDPRESS 6.1. - ¿POR QUÉ WORDPRESS? La elección de WordPress habría que justificarla previamente. Podríamos indicar como principales motivos los siguientes, aunque algunos de éstos son comunes a la elección de la realización de un blog con Blogger: ●

En primer lugar (como se ha indicado en anteriores ocasiones) se trata de un servicio gratuito y sin publicidad, estando a disposición de cualquier usuario con conexión a Internet.

●

Tiene la posibilidad de trabajar con él en modo online o descargar el programa en PHP.

●

No hay que instalar absolutamente nada si no se quiere (si utilizamos la forma de trabajar online). Se encuentra en español.

●

La experiencia de otros profesores que tienen su blog en WordPress.

●

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 13

6.2. - ALGUNOS BLOG EN WORDPRESS Antes de crear nuestro haremos un breve repaso por los trabajos de otros con la idea de ver como son los trabajos creados con WordPress, a la vez de tener una visión sobre las posibilidades que ofrecen, las reseñas que vamos a mostrar son solo una parte ínfima de los blog que existen en la actualidad y puede que no sean los más destacados. ●

Enseñar en competencias: http://competentes.wordpress.com/

●

La despensa educativa: http://marenas.wordpress.com/

●

Blog del IES El Palo de Málaga: http://palotic.es/wordpress/

●

Bitácora de la biblioteca del IES Carolina Coronado de Almendralejo:

●

http://bibliotecaiescarolina.wordpress.com/

●

Blog de Educación e Informática: http://educacioneinformatica.wordpress.com/

●

Blog de matemáticas: http://est58.wordpress.com/videos-educativos-por-asigantura/

●

Etc.

6.3. - CREACIÓN Y ACCESO A UN BLOG EN WORDPRESS Nuestro blog, tal y como se indicó en el capítulo anterior, lo creamos al mismo tiempo que la cuenta. No obstante, si no lo hicimos (ya que elegimos la opción de crear únicamente nombre de usuario y contraseña) podemos hacerlo en cualquier momento. Para ello accedemos a la Web de WordPress escribiendo la dirección http://es.wordpress.com/ y utilizando posteriormente nuestro nombre de usuario y contraseña.

Es aconsejable, si se trabaja desde un ordenador personal, marcar la opción Recordarme, con lo que evitamos tener que identificarnos en sucesivas ocasiones. Una vez hecho esto aparece, en la parte izquierda de la pantalla un cuadrado en el que se nos da la bienvenida y en el que encontramos un enlace para Registrar otro blog (si ya tenemos uno) o para crear uno nuevo si no lo tenemos. Si accedemos a uno previamente creado se nos muestra la ventana principal de WordPress.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 14

6.4. - VENTANA PRINCIPAL DE WORDPRESS A la ventana principal se le ha dado el nombre de tablero, en referencia a que es el “tablero” desde el cual se va a trabajar con nuestro blog.

En la parte superior nos encontramos con dos barras que nos permiten un acceso rápido a nuestros materiales, entradas y opciones. Tiene los siguientes elementos:

Mi cuenta: Si aparece en inglés, My Account, permite introducirnos en distintas opciones de nuestra cuenta, como las estadísticas, comentarios, información personal, configuración del blog, etc. Mis tableros: Si aparece en inglés My Dashboard. Se muestran los blog que posee el usuario, en caso de tener mas de uno. Nueva entrada: Si aparece en inglés New post. Se utiliza en el caso de querer crear una nueva entrada en uno de nuestros trabajos. Información del blog: De aparecer en inglés Blog info. Pulsando en este desplegable nos encontramos con distintas posibilidades, desde ver nuestro blog, añadir un enlace o usuario a nuestro blog. En la segunda línea nos encontramos en primer lugar el logo de WordPress y a continuación el nombre de la página en la que nos encontramos. También podemos encontrar: Nueva entrada: Pulsaremos en caso de querer introducir una nueva entrada en nuestro blog.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 15

¡Hola, nombre del usuario!: Si hacemos clic en el nombre de usuario accedemos a una pantalla donde especificamos varias opciones de nuestro perfil. Turbo: Enlaza con la aplicación para descarga Gears. Si se instala en un equipo almacenará en él diversos archivos (imágenes, scripts, etc.), con lo que el acceso posterior a esa páginas se hará más rápidamente. Cerrar Sesión: Pulsaremos en caso de querer salir de WordPress. A continuación, en el margen derecho, nos encontramos los siguientes botones: Pulsando en él, se nos muestra en pantalla la ventana que muestra la imagen siguiente, pudiendo con ella quitar alguno de los elementos que se enumeran y números de columnas que se muestren dentro de nuestro tablero, en el cuerpo central de la página.

Este botón nos permite enlazar con distintos tipos de ayuda sobre WordPress, desde foros (http://es.forums.wordpress.com/), soporte técnico (http://support.wordpress.com/) o incluso vídeos (http://wordpress.tv/flavor/wordpress.com/). Una vez visto los elementos del menú superior, pasaremos a describir los del menú lateral izquierdo, teniendo en cuenta que la mayoría de las pestañas pueden desplegarse y que presentan el aspecto que detallaremos. Para desplegar cada una de ellas hacemos clic en el triángulito que aparece a la izquierda. Tablero. Acceso directo a elementos importantes para la gestión de nuestro bitácora, como son: •

Estadísticas del blog: Muestra la actividad que presenta nuestra bitácora, presentando diversas estadísticas.

•

Inter Blog: Página en la que se muestra la posibilidad de añadir blog, ver las entradas desde la última conexión, por horas o por días e incluso un buscador y la lista de las bitácoras públicos que tenemos registrados.

•

Mis comentarios: Esto monitorea los comentarios que has hecho en WordPress.com, para que puedas revisar cuándo las personas te contestan. Mostrará tu comentario, el comentario anterior al tuyo, y todas las respuestas después de tu comentario. El mensaje con las respuestas más recientes está en primer lugar.

•

Readomattic: Lista de las entradas blog y categorías más recientes en las que estamos suscritos.

•

Navegador de etiquetas:Muestra las noticias de otros trabajos que tengan en común las etiquetas que hemos procurado a las entradas.

•

Mis Blogs. Nos muestra de forma resumida los blog de los que somos miembros.

•

Suscripciones: Muestra las suscripciones que poseemos a otros trabajos de interés.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 16

Mejoras. •

Mejoras: Posibilidad de adquirir (no es gratuito) mejoras en nuestra bitácora, como son más espacio para archivos o mayor número de usuarios.

•

Dominios:Tiene la misma finalidad que el punto “Dominios” visto en el apartado de opciones.

Entradas. Si pinchamos en este botón aparecen todas las entradas para poder tanto editar, como borrar o ver, así como toda la información en referencia a ellas. •

Nueva entrada: Añadir una entrada nueva.

•

Publicar etiquetas: Etiquetas que nos permiten clasificar las entradas, tanto creación como modificación de estas.

•

Categorías: Más complejas que las etiquetas. Las categorías, a diferencia de las etiquetas, pueden organizarse jerárquicamente. Puedes tener la categoría ESO y, bajo ella, subcategorías como lengua castellana o Matemáticas. Son opcionales.

Objetos. •

Biblioteca: Elementos que se tienen subidos a WordPress, se distinguen entre imágenes, archivos de texto o presentaciones. Tenemos un límite de subida gratuito de 3 Gb.

•

Añadir Nuevo: Añadir un objeto nuevo desde el equipo.

Enlaces. •

Editar: Muestra los enlaces de nuestro Blog e información referente a cada uno de ellos.

•

Nuevo enlace: Añadir un nuevo enlace.

•

Categorías de enlaces:Al igual que con las entradas, se pueden crear distintas categorías para los enlaces

Páginas. •

Editar: Muestra las páginas en las que se distribuye nuestro trabajo, así como el estado en el que se encuentran o si están pendientes de revisión.

•

Crear nueva: Añadir una nueva página a nuestra bitácora, esto se realiza con mucha frecuencia configurando el aspecto de web.

Comentarios.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 17

Se muestran los comentarios existentes en el Bitácora con el objeto de aprobarlos, rechazarlos, marcarlos como Spam o borrarlos. Encuestas. •

Editar: Modificar encuestas que se tienen creadas.

•

Añadir: Para añadir una encuesta.

Aspecto. •

Temas: Diferentes plantillas que podemos seleccionar para nuestro blog.

•

Widgets: Muestra los módulos o Widgets disponibles para instalar en nuestro blog.

•

Añadidos: Son añadidos que puedes habilitar para todo tu blog.

•

Cabecera genérica: Muestra la imagen actual de la cabecera y la posibilidad de cambiarla por otra imagen.

•

Editar CSS: Permite la modificación del aspecto de la bitácora, aunque para ello debemos modificar en muchas ocasiones el código fuente, pudiéndose complicar debido a que se tienen que conocer algunos conocimientos más avanzados.

Usuarios. •

Autores & usuarios: Muestra el listado e información de los usuarios del blog, así como el rol que tienen en él, como son los de administrator, editor, author y contributor.

•

Tu perfil: Información que queremos mostrar de nuestro perfil como creadores de la Bitácora.

•

Invita: Posibilidad de invitar a conocer WordPress enviando correo electrónico o a activarlo como contributor.

Herramientas. •

Herramientas: Muestra la posibilidad de instalar en nuestro bitácora, Gears, un programa que permite que la mayor parte de las imágenes, scripts y archivos CSS de WordPress queden almacenados en tu ordenador. Esto acelerará la carga de las páginas.

•

Importar: Permite importar a muestro blog desde entradas de un blog realizado con Bloguer, como categorías, etiqueta o enlaces.

•

Exportar: Permite la creación de un archivo con entradas, comentarios, etc. de nuestro blog con la intención de exportarlo a un segundo trabajo.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 18

Opciones. •

General: Posibilidad de modificar los siguientes elementos: Título del Blog, Descripción corta, lenguaje, Dirección de correo electrónico, Zona horaria, Formato de fecha, Formato de hora, La Semana Empieza en.

•

Escritura: Podemos modificar el número de lineas de las cajas de texto, predeterminar las categorías de enlaces y entradas.

•

Lectura: Modificación de elementos como que muestren la página inicial, el número de entradas, el formato de cada entrada o la codificación, recomendándose por defecto la UTF-8

•

Discusión: Muestra las posibilidades de configuración para comentarios y mensajes como son la ajustes habituales de publicación, moderación de comentarios, otras opciones de comentarios, enviarme un mensaje cuando o para que aparezca.

•

Objetos: Los tamaños de la lista inferior determinan las dimensiones máximas que se utilizarán al insertar una imagen en una entrada. Posibilidad de modificación.

•

Privacidad:Muestra la visibilidad del blog respecto a visitantes y motores de búsqueda.

•

Borrar Bitácora: Muestra la opción de eliminar nuestra bitácora.

•

Open ID: Añade a tu trabajo direcciones seguras de Internet.

•

Dominios: La parte principal del URL de tu bitácora es su dominio. Puedes situar tu bitácora de extensión wordpress.com en cualquier dominio que esté bajo tu control (por ejemplo educacion.es) o establecer un dominio para redirigir automáticamente a tus lectores al URL de tu bitácora.

6.5. - VERSIÓN (SERVIDOR PROPIO) Como se comentó en un principio una de las ventajas que tiene WordPress es que puede ser instalado en un servidor propio. Es por ello por lo que hay que seguir las instrucciones que se detallan a continuación. Este curso tiene el objetivo de conocer la creación de Blog con Blogger y WordPress pero de forma online, por lo que entiéndase este apartado como información complementaria. Para la instalación en tu propio servidor del programa WordPress tienes las posibilidades de introducir la dirección: http://es.wordpress.org/ y hacer clic en el botón de descarga. Una vez descargado, realiza los próximos pasos: •

Descomprime el paquete en una carpeta vacía.

•

Abre wp-config-sample.php con un editor de texto como WordPad o similar y rellena los datos de tu conexión a la base de datos.

•

Guarda el archivo como wp-config.php.

Los blog y su uso en educación

Cap. 3: Crear un blog con Blogger y WordPress – Pág. 19

•

Sube todo a tu servidor.

•

Abre /wp-admin/install.php en tu navegador. Con esto deberán crearse las tablas necesarias para tu blog. Si hay algún error, haz el favor de comprobar tu archivo wp-config.php y probar de nuevo. Si vuelve a fallar, visita los foros de ayuda con todos los datos que puedas aportar.

•

Anota la contraseña que se te proporcionará.

•

El programa de instalación te enviará entonces a la página de entrada. Entra con el nombre de usuario admin y la contraseña generada durante la instalación. Ahora podrás hacer clic en ‘Perfil’ y cambiar la contraseña.

En otro servidor el uso es análogo al modo online una vez que se ha concluido el proceso de instalación, pero presenta la ventaja que a la hora de subir objetos no tenemos restricciones por tipo de archivo o capacidad, puesto que ese servidor es propio.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 1

Los blog y su uso en educación. Capítulo 4: Principales acciones en un blog Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 2

Índice de contenido 1.- NUESTRA PRIMERA ENTRADA O NOTICIA CON BLOGGER......................................2 2.- NUESTRA PRIMERA NOTICIA O ENTRADA CON WORDPRESS................................5 3.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON BLOGGER......................................7 4.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON WORDPRESS. ..............................8 5.- AÑADIR AUTORES A NUESTRO BLOG CON BLOGGER.............................................8 6.- AÑADIR AUTORES A NUESTRO BLOG CON WORDPRESS.....................................10 7.- INSERTAR UN ENLACE EN BLOGGER........................................................................11 8.- INSERTAR UN ENLACE EN WORDPRESS..................................................................11 9.- INSERTAR UNA PÁGINA CON WORDPRESS.............................................................12 10.- INSERTAR UNA CATEGORÍA Y UNA ETIQUETA CON WORDPRESS.....................13

1.- NUESTRA PRIMERA ENTRADA O NOTICIA CON BLOGGER Comenzamos nuestra primera noticia, entrada, etc. en nuestro blog poniendo la dirección del mismo en nuestro navegador (por ejemplo http://pruebaedusocial.blogspot.com/). Si no estamos identificados con nuestra cuenta de correo Gmail nos aparece una ventana en la que se nos pide que introduzcamos nuestra cuenta de correo y contraseña para el acceso. Una vez introducidos dichos datos hacemos clic en Acceder. Es aconsejable, si se trabaja desde un ordenador personal, marcar la opción Recordarme, con lo que evitamos tener que identificarnos en sucesivas ocasiones. Posteriormente hacemos clic en NUEVA ENTRADA.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 3

Accedemos a un formulario en el que escribimos nuestra noticia. Tiene los siguientes elementos: 1. El título de la entrada. 2. El editor, compuesto por dos pestañas: Redactar (editor WYSIWYG1, que dispone de una barra superior de botones para formatear el texto y para incluir elementos multimedia y que permite el diseño visual de la entrada) y Edición de HTML (mediante la cual accedemos al código fuente de la página). 3. El enlace Vista previa, que nos muestra una vista de la entrada como si estuviera publicada. 4. Una caja de texto para incluir texto y otros elementos. 5. Etiquetas de esta entrada, caja de texto en la que podemos introducir palabras clave o expresiones separadas por comas que definen y clasifican las entradas (posteriormente se pueden visualizar estas etiquetas en el lateral del blog para que los lectores lean las entradas seleccionando las etiquetas que las incluyen). 6. El enlace Opciones de entrada abre otra sección del editor donde se puede permitir o no los comentarios de los lectores y también modificar la fecha y hora de la entrada (esto nos puede servir para escribir varias entradas y que se publiquen en la fecha y hora que deseemos). 7. Por último, disponemos de dos botones en la parte inferior para publicar la entrada o para guardarla sin publicar (como borrador), con objeto de seguir trabajando sobre ellas con posterioridad.

1 http://es.wikipedia.org/wiki/WYSIWYG

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 4

Si hacemos clic sobre PUBLICAR ENTRADA (siempre se puede modificar lo escrito o borrar) la noticia se publicará en nuestro blog, dándonos la opción de Ver blog o modificar algo. Si elegimos verlo se nos muestra.

Los blog y su uso en educación.

2.- NUESTRA WORDPRESS

PRIMERA

Cap. 4: Principales acciones en un blog – Pág. 5

NOTICIA

ENTRADA

CON

Después de iniciar sesión accedemos a nuestro blog y, una vez dentro, podemos agregar una nueva entrada haciendo clic sobre el botón Nueva entrada.

También podemos desplegar el menú Entradas y, posteriormente, seleccionar Nueva entrada. Mediante ambas acciones aparece la ventana que pasaremos a comentar. Contiene los siguientes elementos:

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 6

1. El título de la entrada. 2. El editor, compuesto por dos pestañas:Visual (editor WYSIWYG, que dispone de una barra superior de botones para formatear el texto y otros elementos y que permite el diseño visual de la entrada) y HTML, (mediante la cual accedemos al código fuente de la página). 3. El enlace Previsualizar, que nos muestra una vista de la entrada como si estuviera publicada. 4. Una caja de texto donde desarrollamos la noticia o entrada. 5. Post tags, que consisten en palabras clave o expresiones separadas por comas que definen y clasifican las entradas (se pueden incluir en el lateral del blog para que los lectores lean las entradas mediante las etiquetas que las incluyen). Si hacemos clic en el enlace Escoger las etiquetas más utilizadas en Post tags veremos todas las etiquetas del nuestro blog. 6. Categorias, que consisten en seleccionar las categorías de noticias que tengamos definidas previamente en nuestro blog. Pulsando en Más utilizadas, aparecen las más comunes. 7. Por último, disponemos de dos botones en la parte lateral para publicar, guardar un borrador o el estado de la noticia. 8. Añadir un extracto de la noticia, que son resúmenes opcionales de su contenido. 9. Enviar trackbacks. Listado de direcciones de blog donde queremos que se tenga conocimiento de la noticia que se está creando. 10. Discusión. Posibilidad de modificar los siguientes elementos: Permitir comentarios en esta entrada y Permitir trackbacks y pingbacks en esta entrada. 11. Botones para insertar elementos multimedia.

Hemos puesto el título a la noticia y los elementos que hemos considerado oportunos. Una vez completada se pulsa en el botón Publicar y ya tenemos nuestra primera noticia. Si la estamos modificando después de su publicación el botón cambiará a Actualizar entrada.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 7

3.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON BLOGGER Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. NO debemos pegar en dicho editor texto procedente de otra página Web o de un procesador textos, ya que de hacerlo así puede que incorporemos, sin desearlo código, que luego dificultará la edición de las noticias. NOTA: Para pegar texto en una entrada del blog podemos hacer dos cosas: ●

Pegar antes dicho texto en el bloc de notas (Windows) o editor de textos (GNU/Linux), con lo cual se “pierde” el código asociado al texto. Posteriormente seleccionar de nuevo el texto, copiarlo y pegarlo entonces en el blog.

●

Una posibilidad más rápida consiste en elegir la pestaña Edición de HTML (la comentamos más adelante) y pegar allí el texto sin “pasarlo” por el bloc de notas o editor de textos.

Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de Blogger para darle formato. Presenta unos iconos muy similares a los de otras aplicaciones de tratamiento de texto, con unas funciones muy parecidas. Una vez seleccionado un texto podemos elegir para el mismo: Alineación (a la izquierda, centrado, a la derecha y justificado)

8 tipos de letra distintos 5 tamaños diferentes

Negrita y cursiva

Color

Lista de viñetas

Enlace

Numerar párrafos

Los blog y su uso en educación.

4.- INCLUIR TEXTOS. WORDPRESS.

Cap. 4: Principales acciones en un blog – Pág. 8

USO

DEL

EDITOR

WEB

CON

Para agregar texto, cuando creamos una entrada, utilizamos básicamente el teclado. Tampoco debemos copiar texto de una página Web o de un procesador textos y pegarlo en una entrada. Procedemos a hacerlo de forma idéntica a lo descrito con Blogger. Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de WordPress para darle formato:

5.- AÑADIR AUTORES A NUESTRO BLOG CON BLOGGER Puede que deseemos, si no se trata de un blog personal, que más de una persona (amigos, compañeros de trabajo o de aficiones, etc.) pueda añadir entradas al mismo. Si lo hacemos, esas personas podrán añadir entradas, pero tendrán restringidas las opciones de configuración del blog (posibilidad reservada para la persona que lo creó). No obstante, también podemos darle permiso de edición otorgándoles el rol de administrador del blog. Para añadir autores a nuestro blog hacemos clic en el enlace Configuración, que se encuentra en el Escritorio.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 9

Posteriormente hacemos clic en Permisos.

En la nueva página podemos añadir a los usuarios que van a ser autores del mismo (hasta un máximo de 100).

Para ello hacemos clic en el botón AÑADIR AUTORES y escribimos su dirección de correo Gmail. Posteriormente pinchamos en el botón INVITACIÓN para enviarles una invitación para compartir la autoría del blog. La persona a la que hemos invitado deberá acceder a su cuenta de Gmail y verá un correo de invitación; deberá abrirlo y hacer clic sobre el enlace que contiene para poder participar en el blog. Al hacer clic sobre él le aparecerá un formulario para aceptar la invitación. Deberá rellenar sus datos y aceptar. Por último, elegirá el nombre que desea que muestre el sistema (su seudónimo).

Una vez ha aceptado podemos entrar de nuevo en Permisos para otorgarle permisos de administrador del blog.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 10

6.- AÑADIR AUTORES A NUESTRO BLOG CON WORDPRESS Para añadir autores a nuestro blog hacemos clic en el enlace Usuarios, que se encuentra en el Tablero. En la parte central aparece la posibilidad de añadir un usuario (en nuestro caso vamos a crear un autor, pero podemos crear también el rol de administrador, contribuidor o editor de igual forma). Pulsamos en Añadir usuario y un correo electrónico se le envía a la cuenta elegida, en el que se pone en conocimiento que esa persona ha sido añadida como usuario (en este caso como autor). Una vez visto el correo, se marca el enlace que nos proporciona y termina el proceso de añadir un usuario en WordPress. Una vez visto el correo, se marca el enlace que nos proporciona y termina el proceso de añadir un usuario en WordPress y ya se puede participar en la elaboración del blog.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 11

7.- INSERTAR UN ENLACE EN BLOGGER Si deseamos poner un enlace a un texto (en el ejemplo pretendemos que se convierta en un enlace que nos lleve a una dirección Web) debemos, en primer lugar, seleccionarlo. Una vez hecho utilizamos el icono Enlace del Editor Web. En el cuadro de diálogo que nos aparece escribiremos (aunque lo más rápido es pegar la dirección que previamente hayamos copiado del navegador) la URL de destino del enlace.

Aceptamos y queda insertado el enlace.

8.- INSERTAR UN ENLACE EN WORDPRESS El proceso es similar a Blogger. Una vez seleccionado el texto utilizamos el icono Web.

del Editor

En el cuadro de diálogo insertamos la dirección. El desplegable Destino nos permite elegir en qué ventana se verá la nueva página (en la misma ventana o en otra) y pulsamos en Insertar.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 12

9.- INSERTAR UNA PÁGINA CON WORDPRESS Para que nuestra bitácora tenga un aspecto con el tiempo más “descargado” se suele utilizar la creación de páginas, que son páginas Web que se encuentran alojadas y administradas desde nuestro tablero. Esto hace posible que en multitud de ocasiones, al ver un blog, nos encontremos que tiene el aspecto de un portal Web, puesto que consta de numerosas páginas relacionas entre sí. Para insertar una en nuestro trabajo, tenemos que irnos al menú Páginas, que cuenta con los siguientes elementos. Editar: Muestra las páginas en las que se distribuye nuestro trabajo, así como el estado en el que se encuentran o si están pendientes de revisión. Crear nueva: Añade una nueva página a nuestra bitácora. Si hacemos utilizamos este enlace aparece una ventana que tiene la siguiente apariencia:

En ella rellenamos el título, el texto principal de la página (con todas sus posibilidades), configuración de la discusión o no de la página, el autor y los atributos. Destacamos que aparece un permanlink con la dirección que va a tener nuestra página.

En atributos destacamos: Superior: Las páginas se pueden organizar de forma jerárquica. Por ejemplo, puedes tener una página “Quién soy” y bajo ella las páginas “personal” y “perfil laboral”. No hay límite de profundidad para esta jerarquía. Orden: Normalmente, las páginas se muestran por orden alfabético, pero puedes asignarles un número aquí para cambiar el orden en que aparecen. Finalmente pulsamos en Publicar y ya tenemos nuestra nueva página.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 13

10.- INSERTAR UNA CATEGORÍA Y UNA ETIQUETA CON WORDPRESS Desde siempre hemos usado las categorías, y ahora que han agregado las etiquetas puede que algunas personas no tengamos clara cuál es la diferencia entre ambos conceptos. Para ello hemos destacado las siguientes: •

Las categorías del blog son como las secciones del mismo. Son una estructura que debes pensar un poco más cuando las creas; puedes crear jerarquías de categorías, que influyen en las URL de las noticias.

•

Las noticias siempre deben llevar una categoría. Si no marcas alguna WordPress usará la categoría por defecto.

•

Las etiquetas del blog son estructuras más flexibles del blog. No tienen jerarquías entre ellas y son creadas con facilidad.

•

Las etiquetas son opcionales, la noticia puede omitirlas sin problemas.

•

Las categorías deberían ser usadas para secciones generales, mientras que las etiquetas para secciones más específicas. Por ejemplo, si escribes una entrada de un viaje que has hecho lo pondrías en la categoría Viajes, además podrías usar las etiquetas viajes, hoteles, etc. usando etiquetas para los lugares que mencionas en tu noticia.

Para las etiquetas se presenta el menú Entradas que tiene los elementos: Editar: Si pinchamos en este botón aparecen todas las entradas para poder tanto editar, como borrar o ver, así como toda la información en referencia a ellas.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 14

Nueva entrada: Añadir una entrada nueva. Publicar etiquetas: Nos permite creación, edición y borrado de etiquetas. Categorías: Las categorías, a diferencia de las etiquetas, pueden organizarse jerárquicamente. Puedes tener la categoría ESO y, bajo ella, subcategorías como lengua castellana o Matemáticas. Son opcionales. •

Vamos a editar la categoría educación: Pulsamos en el menú Entradas en Categorías, e introducimos los elementos nombre de la categoría, su descripción, y categoría superior si depende de alguna de las que teníamos creadas, finalmente pinchamos sobre Crear Categoría.

Si observamos en el lado derecho aparecen todas las categorías con su descripción, en caso de depender de otra categoría pone el nombre de toda la cadena jerárquica y el número de entradas en las que aparecen esas categorías. •

Ahora editaremos la etiqueta matemáticas: Pulsamos en el menú Entradas en Etiquetas, e introducimos los elementos nombre de la etiqueta y su descripción, finalmente pinchamos sobre Crear Etiqueta.

Los blog y su uso en educación.

Cap. 4: Principales acciones en un blog – Pág. 15

Si observamos en el lado derecho aparecen todas las etiquetas con su descripción y el número de entradas en las que aparecen esas etiquetas.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 1

Los blog y su uso educativo Capítulo 5: Primeros pasos. Incluir textos e imágenes Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 2

Índice de contenido 1.- IMÁGENES EN UN BLOG................................................................................................2 1.1. - INSERTAR IMÁGENES CON BLOGGER................................................................3 1.2. - INSERTAR IMÁGENES CON WORDPRESS..........................................................4 2.- AYUDA..............................................................................................................................6 2.1. - AYUDA CON BLOGGER..........................................................................................6 2.2. - AYUDA CON WORDPRESS....................................................................................6 3.- COMPARTIR IMÁGENES EN INTERNET.......................................................................7 4.- ¿QUÉ OFRECE PICASA?................................................................................................7 5.- ¿QUÉ OFRECE FLICKR?................................................................................................8 6.- COMPARTIR FOTOGRAFÍAS EN FLICKR....................................................................10 6.1. - CREAR UNA CUENTA...........................................................................................10 6.2. - SUBIR Y COMPARTIR FOTOGRAFÍAS................................................................10 6.3. - PONER UNA FOTOGRAFÍA DESDE FLICKR EN BLOGGER.............................11 6.4. - PONER UNA FOTOGRAFÍA EN WORDPRESS DESDE FLICKR........................14 7.- HERRAMIENTAS WEB PARA RETOCAR IMÁGENES.................................................18 8.- CONSIDERACIONES SOBRE FORMATOS GRÁFICOS..............................................18 8.1. - FORMATOS............................................................................................................18 8.2. - NORMAS GENERALES.........................................................................................18

1.- IMÁGENES EN UN BLOG Con respecto a las imágenes hay que indicar que, como cualquier creación, está sujeta a derechos de autor. Por tanto, no debemos incluir una imagen en nuestro blog de otro usuario sin disponer de su permiso. Para salvar esta eventualidad es conveniente que, en caso de querer utilizar imágenes que no sean nuestras, acudamos a sitios Web con licencia Creative Commons (http://es.creativecommons.org/) o similares. •

Banco de imágenes y sonidos del ITE: http://bancoimagenes.isftic.mepsyd.es/ (se dispone de imágenes y sonidos).

•

Open Clip Art Gallery: http://www.openclipart.org/

•

Openphoto: http://www.openphoto.net/

•

Free Digital Photos: http://www.freedigitalphotos.net/

•

Mediateca de EducaMadrid: http://mediateca.educa.madrid.org (se dispone de imágenes, vídeos y sonidos).

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 3

•

Lista de sitios que ofrecen imágenes: http://www.masternewmedia.org/news/2005/04/01/where_to_find_free_images.htm

•

Hay otras Web como Flickr (que comentaremos más adelante) que disponen de imágenes con y sin licencia Creative Commons, por lo que es conveniente realizar un filtrado para que nos muestre únicamente las imágenes con dicha licencia (http://es.creativecommons.org/espacio/buscar.php).

Con respecto a las imágenes en los blog: -

No deben interrumpir el texto ni dejar poco espacio para el mismo.

Salvo excepciones, su tamaño no debería sobrepasar los 500 píxeles de ancho.

Tenga en cuenta que sirven para ilustrar el contenido y que su uso como adorno está contraindicado.

1.1. - INSERTAR IMÁGENES CON BLOGGER Uno de los iconos del Editor Web nos permite insertar una imagen o fotografía en las entradas de su blog: el icono Añadir imagen:

Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en nuestro blog desde: -

Nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen.

Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la imagen en la caja de texto URL.

Si necesitamos la inclusión de más de una imagen (tanto desde nuestro equipo como desde una dirección Web) haremos clic en los enlaces Añadir otra imagen. Una vez seleccionada la imagen elegimos un diseño (aquí decidimos la colocación de la imagen: a la izquierda o derecha de un párrafo, o bien centrada sin texto alrededor) y el tamaño de la imagen. El cuadro de diálogo nos ofrece 3 posibilidades: Pequeñas, Medio o Grandes. Si deseamos que la imagen tenga el tamaño original, hay que elegir la opción Grandes.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 4

Posteriormente hacemos clic en el botón SUBIR IMAGEN y, por último, en FINALIZADO, con lo que aparecerá en la entrada del blog. Una vez concluido el proceso hacemos clic sobre el botón PUBLICAR ENTRADA.

NOTA: Podemos redimensionar la imagen utilizando los cuadraditos de las esquinas y laterales, apareciendo la medida en pixeles que va teniendo la imagen, aunque se recomienda que se haga previamente a la subida de la imagen con aplicaciones de retoque y creación de imágenes como GIMP: http://www.gimp.org/ (dispone de un manual de uso de esta aplicación en http://tecnologiaedu.uma.es/materiales/gimp/).

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 5

1.2. - INSERTAR IMÁGENES CON WORDPRESS Uno de los iconos del Editor Web nos permite insertar una imagen o fotografía en las entradas de su blog.

Al hacer clic sobre él aparece una ventana emergente que nos permite incluir una imagen en nuestro blog activando la pestaña correspondiente y seleccionando: -

Desde la biblioteca de objetos, en la que se encuentran todos los objetos que hemos subido con anterioridad. La ventaja de utilizar este sistema es que, al estar las imágenes alojadas en el servidor, podemos trabajar con ellas desde cualquier equipo. Posteriormente pulsaremos en mostrar.

Desde nuestro equipo, haciendo clic sobre el botón Examinar y localizando la imagen en la ubicación en la que se encuentre.

Desde una dirección de Internet, para lo que debemos pegar la dirección exacta de la imagen en la caja de texto URL.

Si necesitamos la inclusión de más de una imagen (tanto desde nuestro equipo como desde una dirección Web) repetiremos este proceso cuantas veces sea necesario. Una vez seleccionada la imagen elegimos un diseño (aquí decidimos la colocación de la imagen: a la izquierda o derecha de un párrafo, o bien centrada sin texto alrededor) y el tamaño de la imagen (el cuadro de diálogo nos ofrece 4 posibilidades; Miniatura, Medio, Grande y Tamaño completo). Posteriormente hacemos clic en el botón Subir imagen y, por último, en Insertar en entrada, con lo

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 6

que aparecerá en la entrada del blog. Una vez concluido el proceso hacemos clic sobre el botón Publicar (botón de color celeste en el lado derecho) si queremos publicarla o Guardar como borrador si no se quiere publicar en ese instante para, por ejemplo, seguir completando la entrada.

2.- AYUDA 2.1. - AYUDA CON BLOGGER Si necesitamos ayuda en cualquier momento disponemos de una ayuda en línea situada en la parte superior derecha de la pantalla. Si la ayuda se nos muestra en inglés podemos, en un desplegable situado en la parte inferior de la pantalla (desplegable Cambiar idioma), elegir el idioma de la ayuda que deseemos.

2.2. - AYUDA CON WORDPRESS Al igual que Blogger, Wordpress ofrece la posibilidad en el momento que consideremos oportuno de utilizar el botón de ayuda; para ello pulsamos en la parte superior derecha en el siguiente icono.

Es entonces cuando nos parecen enlaces a tres páginas distintas: Foros de WordPress.com: Muestra una página con un buscador en los foros sobre blog con WordPress y algunas entradas interesantes de ayuda. Soporte de WordPress.com: Página que muestra las preguntas de interés más comunes separadas por temas, así como un buscador. Vídeos de Wordpress.

WordPress.com en WordPress.tv: Colección de vídeos de cómo trabajar con

3.- COMPARTIR IMÁGENES EN INTERNET Desde que aparecieron en el mercado las cámaras digitales y la relación calidad-precio fue atractiva para un amplio público, se ha incrementado exponencialmente la venta de este tipo de cámaras y el número de instantáneas. La facilidad con que se realizan las fotografías y se pueden visualizar a través de un ordenador ha ido pareja a la facilidad de publicar dichas imágenes en Internet y compartirlas con los amigos y familiares. Existen en Internet sitios Web que permiten a los usuarios "subir" sus fotografías y que, una vez almacenadas en ellos, puedan ser visualizadas desde cualquier equipo que tenga conexión a Internet. Estos sitios permiten igualmente compartirlas (o no en función de la elección de cada usuario), ordenarlas gracias a las etiquetas (tag), etc. Básicamente se trata de gestionar fotografías online desde una página Web que, además, ofrece una

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 7

serie de prestaciones anexas (crear álbumes, un perfil de la persona que sube las fotos, etc.). Una característica fundamental de estos servicios, como se ha comentado anteriormente, es su vertiente social, ya que subir imágenes es mucho más que archivarlas: se convierten en lugar de reunión de aficionados, sala de exposiciones, vehículo de comunicación de experiencias e iniciativas que se comparten y se llevan a cabo online. Entre los sitios Web que permiten albergar imágenes de forma gratuita podemos encontrar muchos. Los más populares son: -

Flickr (http://www.flickr.com/). Si quiere realizar una visita y ver cómo están estructuradas las fotografías de uno de los autores del presente documento puede acceder a la siguiente dirección: http://www.flickr.com/photos/rafaelpalomo/ .

Picasa Web Albums. Esta aplicación funciona con una cuenta de Google (la misma cuenta Gmail que utiliza para su blog). Tiene una aplicación para subir fotos de forma masiva.

Zooomr (http://es.zooomr.com/).

4.- ¿QUÉ OFRECE PICASA? Según se indica en su Web1 “Picasa es un software que permite ver, organizar, editar y compartir de forma fácil y divertida las fotografías digitales en tu equipo”. Dispone únicamente de versión para Windows. Una vez instalada la aplicación (localiza las imágenes que tenga en su equipo o en parte del mismo según lo que elija) dispone de un botón para publicar directamente en Blogger las imágenes. Para ello marque una o varias imágenes; al pulsar sobre el botón BlogThis! conectará la aplicación con Blogger. Una vez identificado aparecerá las imágenes seleccionadas en una nueva entrada.

1 http://picasa.google.es/features/index.html

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 8

Otra forma de incluir imágenes es a través de los álbumes Web. Deberá utilizar para ello, una vez seleccionadas las imágenes que quiera subir, el botón Álbum web. En el capítulo 5 se comentará cómo incluir una presentación con imágenes de Picasa.

5.- ¿QUÉ OFRECE FLICKR? Este sitio Web ofrece posibilidades que exceden con mucho el mero almacenamiento de fotografías. De hecho se ha desarrollado una industria alrededor de él. Entre otras prestaciones interesantes podemos encontrar: -

Subir fotos. Puede subir fotografías a través de un formulario dentro de una página de esta Web, a través de correo electrónico mediante una dirección especial de carga o por teléfono móvil.

Organizar las fotografías. Se pueden agrupar de dos formas: por álbumes (de un viaje, de una fiesta, etc.) o por categorías (donde incluir, por ejemplo, varios álbumes con temática similar). Posee una utilidad llamada Organizr donde se crean tanto las colecciones como los álbumes. También permite realizar tareas comunes en lotes grandes de imágenes, como agregar etiquetas, cambiar permisos o editar marcas de fecha y hora.

Geoetiquetas. A través de Organizr puede poner una fotografía en un mapa para saber el lugar donde fue tomada.

Aplicación externa para subir fotografías. Además de subirlas a través del formulario de la Web puede instalar una aplicación en su equipo para agregar títulos a sus fotografías, etiquetas, metadatos y una vez terminado subirlas a su cuenta de Flickr.

Picnik (http://www.picnik.com/). Se trata de un programa externo que edita fotografías de Flickr para su retoque online lo que supone una posibilidad interesante para la edición de las imágenes subidas.

Accesos. La privacidad es algo que un usuario generalmente suele poder controlar en los sitios Web a los que sube sus archivos y Flickr no podía ser menos. En este sitio es fácil controlar las personas con las que deseas compartir tus imágenes. Para cada una de las fotografías subidas se puede establecer:

Los blog y su uso educativo -

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 9

Un nivel de privacidad, que determina las personas que pueden ver una imagen. Una licencia de uso, para que los derechos de autor estén protegidos. Un tipo de contenido, para marcar las imágenes como fotografía, arte/ilustración o captura de pantalla. Un nivel de seguridad, para que los otros miembros sólo puedan ver las imágenes dentro de sus espacios especificados.

Pero sobre todo hay una cuestión que potencia Flickr y que creemos va muy acorde con la filosofía del software libre y compartir recursos: su licencia bajo Creative Commons (http://es.creativecommons.org/licencia/ si observa la figura debajo de la fotografía en la imagen anterior hay tres símbolos). De hecho Flickr posee un apartado especial denominado Flickr CC.

6.- COMPARTIR FOTOGRAFÍAS EN FLICKR 6.1. - CREAR UNA CUENTA Para crear una cuenta en Flickr tiene que acceder a su página principal (http://www.flickr.com/ ), para, desde allí poder hacerlo2. Haga clic sobre el botón Crea tu cuenta. Cuando lo haya hecho aparecerá otra página para, o bien registrarse, o bien crear una nueva cuenta. Si es la primera vez haga clic en Registradme. Este enlace le llevará a un formulario en el que hay que rellenar los datos que se solicitan. Una vez terminado los datos hacemos clic sobre el botón Crear mi cuenta. Si está todo correcto aparecerá una nueva pantalla con los datos que se han introducido y que recomendamos se guarden o anoten, ya que será útil para entrar en la página cada vez que quiera subir una fotografía. Pulse en el botón Continuar.

2 Si ya posee una cuenta con Yahoo, puede utilizarla para crear un espacio en Flickr.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 10

6.2. - SUBIR Y COMPARTIR FOTOGRAFÍAS Una vez que haya introducido el nombre de usuario y contraseña aparecerá una ventana con los datos de sus fotografías y otra información de la página. Para subir una fotografía debe hace clic sobre el enlace Subir fotos.

Cuando aparezca la siguiente pantalla deberá realizar tres sencillos pasos: Elegir fotografías desde donde quiere subirla. Una vez elegidas volverá a la página de Flickr, verá que el nombre de sus fotografías están en la pantalla y podrá establecer la privacidad de las mismas. 

Una vez comprobado los datos haga clic sobre Subir fotos.

Cuando estén subidas las imágenes puede, mediante otra pantalla, describirlas y asignarles etiquetas (tags). Ya ha subido su primera foto, enhorabuena.

6.3. - PONER UNA FOTOGRAFÍA DESDE FLICKR EN BLOGGER Para empezar hay que partir desde la siguiente dirección: http://www.flickr.com/blogs.gne Cuando esté en esa página, previa identificación, verá un aviso como éste:

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 11

Haga clic sobre Configurar tu blog, elija el tipo de blog que tenga (en este caso aparece por defecto en primer lugar “Blog de Blogger”) pero se puede muchos otros y haga clic en el botón Siguiente.

Una parte de la configuración de tu blog en Blogger Beta para publicar desde Flickr consiste en iniciar sesión en Google para establecer el permiso. Por lo tanto hay que leer atentamente lo que dice el mensaje y hacer clic en Ir a Google ahora. Cuando se encuentre en Google introduzca el correo y su contraseña. Una vez lo haya hecho haga clic sobre el botón Conceder acceso.

Volverá a Flickr con la ventana de su blog. Haga clic en Siguiente. Confirme la configuración de su

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 12

blog y haga clic sobre el botón Hecho. Cuando se ha completado le da dos opciones:

●

Crear una plantilla de publicación personalizada.

 Regresar a tu página de blog.

Estos pasos únicamente se ha hacerse la primera vez. En las fotografías elija la que desea publicar y, cuando esté seleccionada, pulse sobre el icono Enviar esto al blog.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 13

Cuando salga la ventana desplegable haga clic sobre su blog.

En el siguiente formulario escriba la entrada y haga clic sobre el botón PUBLICAR ENTRADA.

La última ventana le dice si ha hecho correctamente la subida.

6.4. - PONER UNA FOTOGRAFÍA EN WORDPRESS DESDE FLICKR Para empezar hay que partir desde la siguiente dirección: http://www.flickr.com/blogs.gne Cuando esté en esa página, previa identificación, verá un aviso como éste:

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 14

Una vez vista esta ventana el sistema nos pregunta qué tipo de blog es. Indicamos que nuestro blog está situado en WordPress y pulsamos en Siguiente. Una vez pasada esta pantalla se nos preguntan diversas cuestiones: •

Extremo API: en este apartado se tiene que http://NOMBRE_DE_TU_BLOG.wordpress.com/xmlpc.php

•

Nombre de usuario: Como su nombre indica es el nombre de usuario que tenemos para WordPress. Es opcional al igual que la contraseña, si se introduce cuando queramos enviar una noticia no tendremos que identificarnos cada vez que enviemos una noticia.

•

Contraseña: La contraseña que tenemos para Wordpress.

Finalmente pulsamos en Siguiente.

Aparece posteriormente una pantalla de confirmación de datos.

poner

dirección

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 15

Realizado este proceso nuestro Blog queda agregado. Apareciendo dos posibilidades, como son la de crear una plantilla de publicación personalizada o regresar a tu páginas de blogs. En caso de seleccionar la primera opción tenemos que ver como queremos que aparezcan las noticias en el blog, seleccionamos una de las posibilidades y cualquier noticia que publiquemos desde Flickr tendrá esa apariencia.

Si seleccionamos la segunda opción aparece la lista de los blog que tenemos enlazados.

Una vez enlazado el blog, insertemos una noticia con una imagen desde Flickr.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 16

En las fotografías elegimos la que deseamos publicar y pulsamos sobre ella dos veces con el botón izquierdo del ratón, posteriormente pulsamos sobre el icono Enviar esto al blog que se encuentra en la parte superior de la imagen. Aparece el nombre del blog enlazado, pulsando sobre él, nos adentramos en una nueva pantalla en la que se rellenan los campos título de la imagen y el texto que queremos que acompañe a la imagen.

Una vez que pinchemos sobre Publicar entrada, esta aparecerá publicada en nuestro blog con la apariencia que hallamos determinado.

Si seleccionamos Visita tu blog vemos como queda la noticia publicada.

Los blog y su uso educativo

Cap. 5: Primeros pasos . Incluir textos e imágenes – Pág. 17

7.- HERRAMIENTAS WEB PARA RETOCAR IMÁGENES En alguna ocasión necesitaremos realizar operaciones con las imágenes, como reducirlas, recortarlas, modificar su brillo y/o contraste, etc.. No es este el lugar adecuado para indicar qué aplicaciones utilizar (recomendamos por su licencia y por ser multiplataforma GIMP: http://www.gimp.org/) pero nos vamos a permitir realizar una reseña a un artículo publicado en http://avalerofer.blogspot.com/search/label/multimedia sobre una sencilla aplicación para editar imágenes online. Se llama Snipshot.

8.- CONSIDERACIONES SOBRE FORMATOS GRÁFICOS 8.1. - FORMATOS En Internet encontramos básicamente tres formatos de imagen: Colores

Transparencia

Compresión

jpg

Más de 256

Sí

gif

Hasta 256

Sí (un color)

png

Más de 256

Sí (hasta 256 colores)

Sí (sin pérdida)

Como podemos ver, el formato que reúne más más posibilidades es el png.

8.2. - NORMAS GENERALES ●

Una imagen extraída de una cámara de fotos es extraordinariamente grande para Internet. Hay que reducir su tamaño (redimensionar) con aplicaciones como GIMP o recortar un trozo de las mismas que nos interese.

●

Nombres de marchivos. Es importante, cuando demos nombre a los archivos, que sigamos estas reglas: ○

No incluir mayúsculas.

○

No incluir eñes, ni vocales con tilde, ni caracteres especiales.

○

No incluir espacios en blanco. Si queremos separar dos palabras en el nombre de un archivo es aconsejable emplear el guión bajo.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 1

Los blog y su uso educativo. Capítulo 6: Incluir vídeos, presentaciones, archivos diversos, etc. Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 2

Índice de contenido 1.- AGREGAR VÍDEOS..........................................................................................................2 1.1. - INTRODUCCIÓN......................................................................................................2 1.2. - ¿CÓMO INCORPORAR UN VÍDEO EN BLOGGER?.............................................3 1.3. - ¿CÓMO INCORPORAR UN VÍDEO EN WORDPRESS?.......................................5 1.4. - ¿QUÉ OFRECE YOUTUBE?...................................................................................6 1.4.1.- ACCESO Y SUBIDA DE VÍDEOS......................................................................7 2.- AGREGAR PRESENTACIONES......................................................................................8 2.1. - ¿QUÉ OFRECE SLIDESHARE?..............................................................................8 2.2. - COMPARTIR PRESENTACIONES EN SLIDESHARE............................................9 2.2.1.- CREAR UNA CUENTA Y SUBIR PRESENTACIONES.....................................9 2.2.2.- INCLUIR UNA PRESENTACIÓN EN SU BLOG DESDE SLIDESHARE EN BLOGGER...................................................................................................................10 2.2.3.- INCLUIR UNA PRESENTACIÓN EN SU BLOG DESDE SLIDESHARE EN WORDPRESS.............................................................................................................11 3.- ENLAZAR ARCHIVOS DIVERSOS EN EL BLOG.........................................................12 3.1. - CON BLOGGER.....................................................................................................12 3.2. - CON WORDPRESS...............................................................................................13 4.- PODCAST.......................................................................................................................14

1.- AGREGAR VÍDEOS 1.1. - INTRODUCCIÓN Los vídeos educativos se han ido implantando poco a poco en nuestro sistema de enseñanza como una herramienta útil, como un apoyo importante para diversas situaciones de aprendizaje. Cuando hablamos de vídeos educativos no solamente nos referimos a los vídeos didácticos1, sino también a los vídeos que puedan servir de apoyo a la docencia. Hasta hace bien poco era muy dificultoso elaborar un vídeo y poder verlo a través de Internet, por lo que se recurría a cintas comerciales para suplir dicha dificultad. Hoy día es relativamente sencillo grabar un vídeo a través 1 Aquellos que han sido diseñados, experimentados y evaluados para ser incluidos en un proceso de enseñanzaaprendizaje

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 3

de diversos dispositivos (cámara de vídeo, fotográfica, teléfono móvil, etc.) y ponerlo en la Red para su visionado, hecho que ha supuesto un resurgimiento del recurso del vídeo en la enseñanza. Según Pere Marques2, los vídeos se pueden clasificar en los siguientes tipos: ●

Documentales: muestran de manera sistemática y ordenada información sobre un tema. Ejemplo: los documentales que ofrecen las cadenas de televisión.

●

Narrativos: se presenta la información detallada y por orden cronológico de un individuo, hecho histórico, etc.

●

Lección monoconceptual: son vídeos de muy corta duración que se centran en presentar un concepto o idea de forma clara y concisa.

●

Lección temática: son los clásicos vídeos didácticos adaptados al público al que se va a dirigir.

●

Vídeos motivadores: pretenden ante todo impactar, motivar e interesar a los espectadores.

Existen en Internet algunas páginas para alojar vídeos de forma gratuita. Entre los más populares cabe destacar: ●

Youtube (http://es.youtube.com/), por todos conocido.

●

Dalealplay (http://www.dalealplay.com/). Puede que sea uno de los servicios en español más populares después de Youtube o Google Video. Cuenta con varias secciones para navegar por categorías, ver los vídeos recomendados o los más vistos. Una vez que realizado el registro en esta Web se puede enviar vídeos y disponer de un espacio propio para compartirlos, clasificarlos y encontrar a otros usuarios con interesas similares.

●

Kewego (http://www.kewego.es/). De similares características al anterior.

●

Tu.tv (http://tu.tv/). Muestra los vídeos más votados de la Web, un ranking, una sección de noticias y la posibilidad de crear tu propio grupo de usuarios o unirte a uno de tu elección.

●

Vago.tv (http://vago.tv/ ). Este es uno de los más recientes servicios dedicados a ofrecer los mejores vídeos de Internet, clasificados en función de sus votaciones, visitas, comentarios y fechas de publicación. Cuenta con un sistema de canales de vídeo y es posible suscribirse mediante correo electrónico para recibir las actualizaciones de la página.

●

Yatv (http://www.yatv.com/). Es el portal de alojamiento gratuito de vídeos de Ya.com. En él se puede ver, subir y compartir todo tipo de vídeos en la Red con tan sólo crear una cuenta de usuario.

1.2. - ¿CÓMO INCORPORAR UN VÍDEO EN BLOGGER? Para incorporar un vídeo en su blog puede optar, como en el caso de las imágenes, por hacerlo: ●

Desde su equipo, subiendo directamente un vídeo desde su ordenador a una entrada en concreto mediante el icono Añadir vídeo, que se encuentra seleccionado en la imagen

2 http://dewey.uab.es/pmarques/videoori.htm (consulta realizada el 9-1-08)

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 4

adjunta.

Aparecerá una nueva ventana emergente en la que elegirá la ubicación de su archivo, pondrá un título, activará la casilla de verificación de aceptación de los términos y hará clic en el botón SUBIR VÍDEO.

Obviamente deberá esperar unos minutos para que concluya la subida (variará el tiempo dependiendo del tamaño del archivo). Una vez que esté cargado haga clic sobre el botón PUBLICAR ENTRADA cuando haya terminado. ●

Otra posibilidad de incorporar vídeo a una entrada es hacerlo desde una de las Web comentadas con anterioridad (por ejemplo desde Youtube). Una vez hemos localizado el vídeo que queremos incorporar, en Youtube debemos seleccionar y copiar el texto que aparece en la caja Insertar.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 5

En una entrada de nuestro blog en la que queremos insertar un vídeo hacemos clic en la pestaña Edición de HTML y pegamos el texto copiado de Youtube.

1.3. - ¿CÓMO INCORPORAR UN VÍDEO EN WORDPRESS? Al igual que sucede con los blog realizados con Blogger, el proceso es análogo a la inserción de las imágenes, se puede realizar de las siguientes formas: ●

Desde su equipo, subiendo directamente un vídeo desde su ordenador a una entrada en concreto mediante el icono que se muestra encima del editor. Se dispone de 3 Gb.

Aparecerá una nueva ventana emergente en la que elegirá la ubicación de su archivo y hará clic en el botón SUBIR, debemos esperar unos minutos para que concluya la subida (variará el tiempo dependiendo del tamaño que tenga el archivo subido). Una vez que esté cargado haga clic sobre el botón PUBLICAR cuando haya terminado. ●

La incorporación de vídeos desde sitios Web como Youtube también es posible en WordPress. Una vez hemos localizado el vídeo que queremos incorporar, en Youtube

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 6

debemos seleccionar y copiar el texto que aparece en la caja Insertar.

En una entrada de nuestro blog en la que queremos insertar un vídeo hacemos clic en la pestaña HTML y pegamos el texto copiado de Youtube.

●

También existe la posibilidad poner un vídeo existente en la biblioteca; para ello tenemos que haberlo subido con anterioridad y sólo se diferencia de la subida de vídeos desde el ordenador en que se pincha en la pestaña biblioteca.

1.4. - ¿QUÉ OFRECE YOUTUBE? Antes de nada hay que comentar que el usuario que desee visualizar en su equipo vídeos de Youtube es necesario que tenga: -

El complemento de Macromedia Flash Player.

El navegador Firefox 1.1 o posterior, Internet Explorer 5.0 o posterior o Safari 1.0 o posterior.

Una conexión de banda ancha con un mínimo de 500 Kbps.

Como la mayoría de sitios Web dedicados a que los usuarios puedan subir sus secuencias de vídeo,

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 7

Youtube ofrece una serie de posibilidades además de la de subir y compartir vídeos. En Youtube se puede:

 Subir vídeos y gestionarlos mediante etiquetas.  Personalizar el reproductor.  Gestionar su canal particular: información y diseño del mismo, organizar vídeos, perfil personal, información de ubicación, URL del canal.

 Gestionar grupos, suscripciones y añadir e invitar a amigos y conocidos.  Vincular tu cuenta a un blog para editar vídeos.  Añadir en Favoritos otros vídeos de su interés.  Mezclar vídeos con Remixer. 1.4.1.- ACCESO Y SUBIDA DE VÍDEOS

Partiendo de la página de Youtube en español (http://es.youtube.com/) podemos accedemos con nuestra cuenta de correo Gmail mediante el enlace Acceder con tu cuenta de Google.

Posteriormente hacemos clic sobre el botón Subir. Nos aparece una pantalla en la que se nos informa del tiempo de subida de vídeo por cada Mb (entre 1 y 5 minutos con una conexión de alta velocidad, además de unos minutos adicionales para realizar la conversión del vídeo) y de la limitación de cada vídeo (10 minutos de duración y a 1024 Mb). Los dos siguientes pasos consistirán en rellenar los datos que se piden. En la primera pantalla el nombre del vídeo, descripción, categoría y tipo de permisos. En la segunda pantalla debe elegir el vídeo con el botón Examinar, buscarlo en su disco duro y subirlo con el botón Subir vídeo.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 8

NOTA: Si deseamos subir una grabación directa utilizando una Webcam y el micrófono de nuestro equipo utilizamos para ello el botón Utilizar Captura rápida.

2.- AGREGAR PRESENTACIONES El uso educativo de presentaciones es adecuado en actividades destinadas a compartir información. Este tipo de trabajo conlleva un tratamiento más complejo de la información que la simple exposición oral o la respuesta de cuestionarios. Hay que enfrentarse a la necesidad de definir claramente el tipo de comunicación que quiere realizar: descriptiva, argumentativa, persuasiva, etc. y el tipo de audiencia o público destinatario de esta presentación. Es decir, lo primero que debe definir con claridad es la finalidad de la presentación y hacia quiénes está dirigida. Las herramientas de presentación combinan formas, texto, colores, movimiento y sonido; todo con la única finalidad de hacer más atractivo y comprensible la idea que se está ofreciendo. OpenOffice Impress3 es una de estas aplicaciones con las que puede crear fácilmente presentaciones con el ordenador.

2.1. - ¿QUÉ OFRECE SLIDESHARE? Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones en diversos formatos, que luego quedan almacenadas en formato Flash para ser visualizadas online. Es una opción interesante para compartir presentaciones en la Red. Admite archivos de hasta 20 Mb. de peso (sin transiciones entre diapositivas).

Los formatos admitidos son: ppt y pps, odp y pdf. Slideshare ofrece una serie de posibilidades: ●

Buscar y ver las presentaciones más vistas, las más votadas, etc.

●

Subir presentaciones y gestionarlas mediante etiquetas.

●

Gestionar su perfil.

●

Gestionar grupos, suscripciones y añadir e invitar a amigos y conocidos.

●

Añadir en Favoritos otras presentaciones de su interés.

●

Dar un tipo de licencia Creative Commons y descargar las presentaciones siempre y cuando el autor lo autorice.

3 http://es.openoffice.org

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 9

2.2. - COMPARTIR PRESENTACIONES EN SLIDESHARE 2.2.1.- CREAR UNA CUENTA Y SUBIR PRESENTACIONES Acceda a la página (http://www.slideshare.net/) y haga clic sobre Login/Signup.

El proceso de creación de cuenta es similar al de otros sitios Web. Una vez que ha entrado con su cuenta haga clic sobre My slidespace.

Cuando aparezca la siguiente página podrá subir su primera presentación haciendo clic sobre Upload your firts slideshow now

Hay que localizar el archivo a subir en nuestro equipo y, al finalizar la subida, pulsar sobre Publish All. Transcurre unos instantes de espera mientras la aplicación convierte su documento.

Recuerde que tiene la posibilidad de permitir la descarga de su presentación.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 10

2.2.2.- INCLUIR UNA PRESENTACIÓN EN SU BLOG DESDE SLIDESHARE EN BLOGGER Para incluir en una entrada de su blog una presentación desde Slideshare hay que seguir pasos muy similares a los vídeos de Youtube. ●

Una vez localizada la presentación debe copiar la información que aparece en la caja de texto Embed in your blog.

●

En la entrada de su blog haga clic sobre la pestaña Edición de HTML y pegue el texto seleccionado desde SlideShare.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 11

2.2.3.- INCLUIR UNA PRESENTACIÓN EN SU BLOG DESDE SLIDESHARE EN WORDPRESS El proceso es similar a Blogger. Una vez tengamos una presentación en pantalla, en su parte inferior aparece el logo de WordPress. Al hacer clic sobre ese icono aparece en la caja de texto Wordpress Embed el código que debe copiar.

•

En la entrada de su blog haga clic sobre la pestaña HTML y pegue el texto seleccionado desde SlideShare.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 12

3.- ENLAZAR ARCHIVOS DIVERSOS EN EL BLOG Son muchos los tipos de archivos existentes. Es importante conocer algunos de ellos, puesto que conociéndolos podremos abrirlos con un programa adecuado, cambiarlos a un programa que nos resulte útil o simplemente utilizarlos para ver su contenido. Es probable que necesitemos ir a páginas en concreto para saber qué tipo de archivo tenemos en nuestras manos. Algunas interesantes son: •

http://es.wikipedia.org/wiki/Formato_de_archivo_inform%C3%A1tico

•

http://www.sharpened.net/helpcenter/extensions.php

•

http://www.telecentros.info/extensiones/

3.1. - CON BLOGGER Como hemos podido comprobar, Blogger nos permite la subida de imágenes y vídeos. No obstante es probable que necesitemos la inclusión o el enlace a otro tipo de archivos (pdf, mp3, odt, etc.). En ese caso tenemos que optar por subir esos archivos a un servidor y enlazarlos en nuestro blog. ¿A qué servidor podemos subir archivos? Pues tenemos varias posibilidades: ●

Si dispone de conexión a Internet en su domicilio es seguro que la compañía que le da acceso a Internet ponga a su disposición espacio en sus servidores.

●

Puede utilizar sitios Web de alojamiento gratuito.

●

También puede, haciendo uso de su cuenta con Google, utilizar el espacio que nos ofrece de forma gratuita. Para ello:

●

○

Acceda a dicho servicio a través del enlace http://sites.google.com (si no está identificado introduzca su cuenta de correo Gmail y su contraseña).

○

En la parte de la derecha de la pantalla verá un enlace para crear un sitio. Rellene el formulario.

○

Una vez creado pulse en el encale Create New Page. Elija File Cabinet y use el botón Add file para localizar en su equipo el archivo que desea subir. Una vez subido haga clic con el botón derecho sobre el archivo y, en el menú emergente, seleccionamos la opción Copiar dirección del enlace.

Por último, para enlazar desde nuestro blog con el archivo procedemos igual que con cualquier otro enlace: seleccionamos una palabra o palabras de nuestro blog y pegamos el enlace cuando nos aparezca el cuadro de diálogo para introducir la dirección Web.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 13

3.2. - CON WORDPRESS Aparte de los procedimientos nombrados para Blogger (espacio propio en compañía de acceso a Internet, sitios Web de alojamiento gratuito, Google Site) WordPress nos permite la inclusión de archivos en la biblioteca hasta 3 Gb. Los tipos de archivo permitidos son: jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, mp3, m4a, wav y ogg.

Los blog y su uso educativo

Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 14

4.- PODCAST Un tipo especial de archivos para nuestro blog son los podcast. Según Wikipedia4 “El podcasting consiste en la creación de archivos de sonido (generalmente en formato mp3 o AAC y, en algunos casos, ogg) y de vídeo (llamados videocasts o vodcasts) y su distribución mediante un archivo RSS que permite suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el momento que quiera, generalmente en un reproductor portátil”. Se trata, por tanto, de “colgar” archivos de audio en el blog con la posibilidad de que cualquiera pueda suscribirse a vuestro canal de RSS y bajarse dichos archivos según se suben (como un lector de feed de audio). No sería necesario un blog para esto, pero nos permite que nos dejen comentarios los visitantes del mismo (algo que no ocurre si los alojamos en otro sitio Web). El origen de la palabra podcast proviene de dos palabras: iPod y broadcasting. iPod es uno de los primeros reproductores de MP3 (creado por Apple) y broadcasting es una palabra inglesa que significa radiodifusión. De la unión de ambos términos surge podcast para definir una tecnología de transmisión de contenidos sonoros en formato digital a través de Internet. Para hacer un archivo de sonido hay que utilizar un programa que grabe su voz y poder convertirlo en MP3. Proponemos Audacity5 por: ● ●

●

Su licencia (GPL) con lo que no existen problemas para su descarga y uso. Permite grabar, editar y manipular archivos de sonido digital en diversos formatos: WAV, MP3 y Ogg. Podemos igualmente crear grabaciones a partir de archivos individuales, añadirles múltiples efectos, etc. Admite los comandos básicos de edición (cortar, copiar, pegar, deshacer), mezcla canciones e incluye un editor de amplitud, un espectrograma y un analizador de frecuencias implementados.

Para hacer un podcast podemos seguir las instrucciones que nos ofrece en varias páginas Web como: 1. “Como hacer un podcast: tutorial paso a paso”: http://www.podcastellano.com/como-hacerpodcast 2. “Oír el blog Iniciando: el podcast para hacer tu propio podcast”: http://iniciandopodcast.blogspot.com/ Existen programas que permiten publicar podcast, generar el archivo RSS del mismo y subirlo a un servidor: ● Easypodcast: multi-lenguaje (español e inglés) y multi-plataforma: http://www.easypodcast.com/index-es.html ● Poderator (Aplicación online): http://poderator.com/ Más información: http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-elsonido-y-alojamiento/2/

4 http://es.wikipedia.org/wiki/Podcasting 5 http://www.audacity.es/

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 1

Los blog y su uso educativo Capítulo 7: Configuración de un blog. Añadir actividades interactivas Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 2

Índice de contenido 1.- BLOGGER........................................................................................................................3 1.1. - PERFIL DE USUARIO..............................................................................................3 1.2. - CONFIGURACIÓN DEL BLOG................................................................................3 1.3. - ADMINISTRACIÓN DE ENTRADAS........................................................................5 1.4. - DISEÑO....................................................................................................................6 1.4.1.- PRESENTACIÓN...............................................................................................8 1.5. - FUENTES Y COLORES...........................................................................................9 1.6. - EDICIÓN DE HTML..................................................................................................9 2.- WORDPRESS..................................................................................................................9 2.1. - PERFIL DE USUARIO..............................................................................................9 2.2. - CONFIGURACIÓN DEL BLOG..............................................................................10 2.3. - DISEÑO..................................................................................................................10 2.4. - WIDGETS EN WORDPRESS................................................................................11 2.5. - ADMINISTRACIÓN DE ENTRADAS......................................................................13 2.6. - COLECCIÓN DE FOTOS CON FLICKR................................................................15 2.7. - EDICIÓN DE HTML................................................................................................16 3.- ACTIVIDADES INTERACTIVAS (SOLO BLOGGER)....................................................17 3.1. - HOT POTATOES....................................................................................................18 3.2. - JCLIC......................................................................................................................19 3.3. - CD RAYUELA.........................................................................................................22 3.4. - LIM..........................................................................................................................22 3.5. - eXe (eLearning XHTML Editor Project)..................................................................22 3.6. - Ardora.....................................................................................................................24 4.- WEBGRAFÍA..................................................................................................................24

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 3

1.- BLOGGER 1.1. - PERFIL DE USUARIO Cuando accedemos al Escritorio de nuestro blog encontramos en la izquierda nuestro perfil de usuario. Teniendo presente el carácter personal de los blog no sería descabellado, para que nos conozcan, poner nuestros datos personales reales (obviamente esto no es imprescindible y se pueden utilizar pseudónimos), que podrán ser vistos por los visitantes de nuestro blog y que aparecerán cuando escribamos un comentario en otro blog.

1.2. - CONFIGURACIÓN DEL BLOG No vamos a realizar una descripción exhaustiva de las opciones de configuración del blog (no es nuestra pretensión). Para acceder a las opciones de configuración hacemos clic en la pestaña Configuración. En ella encontramos una serie de pantallas. Citamos algunas opciones de las mismas.

●

Básico. Podemos cambiar el título de nuestro blog, suprimirlo.

●

Publicación. Cambiar la dirección del blog.

●

Formato. Sirve para especificar el número de entradas en la página principal, elegir formatos de fecha y hora, el idioma, etc.

●

Comentarios. Elección desde permitir o no la formulación de comentarios a las entradas, quiénes pueden realizarlos, recibir los comentarios en una cuenta de correo electrónico, etc.

●

Archivo. Forma de presentarse las entradas en su blog (semanal, mensual, etc.) en el lateral del mismo.

●

Feed del sitio. Se refiere a la forma de distribuir el contenido de nuestro blog en otros suscritos al nuestro a través del enlace situado en la parte inferior con la expresión "Suscribirse a: (Entradas Atom)". Se pueden publicar nuestras entradas completas o cortas en otro blog de forma automática a medida que las vayamos publicando.

●

Correo electrónico. Sirve para publicar directamente en tu blog a través de una cuenta de correo electrónico.

●

OpenID1. Te permite acceder a sitios donde se haya habilitado utilizando la URL de tu blog.

●

Permisos. Permite seleccionar quienes pueden editar/administrar y ver nuestro blog.

1 http://es.wikipedia.org/wiki/OpenID

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 4

1.3. - ADMINISTRACIÓN DE ENTRADAS Una vez publicadas las entradas de nuestro blog podemos, en cualquier momento, editarlas, eliminarlas, elegir el número de entradas por página, etc. Para ello, una vez identificados, desde el Escritorio pinchamos en Editar entradas.

NOTA: la edición de entradas y la configuración del blog está reservada a la persona que lo creó (en caso que se haya invitado a otros usuarios como autores en el mismo). En el siguiente cuadro de diálogo podemos elegir: -

Editar o ver una entrada en concreto. Para ello hacemos uso de los enlaces Visualizar o Editar situados a la izquierda de cada entrada.

Suprimir una entrada. Para ello hacemos uso de los enlaces Suprimir situados a la derecha de cada entrada.

Especificar el número de entradas de cada página. No es conveniente un número elevado para no sobrecargar excesivamente el contenido de cada una.

También se puede editar una entrada haciendo clic en el icono en forma de lápiz situado al final de cada una.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 5

1.4. - DISEÑO Para nuestro blog, desde la pestaña Diseño, podemos elegir una serie de elementos para la página, cambiar los colores y el tipo de letra, ver el código HTML o seleccionar una plantilla nueva.

Al hacer clic en uno de los enlaces Editar de cualquiera de las cajas nos aparece un cuadro de diálogo para proceder a la edición de esa zona concreta de nuestro blog. Por ejemplo, para incluir una imagen en la cabecera del blog sigamos las instrucciones de: http://avalerofer.blogspot.com/search/label/im%C3%A1genes Si deseamos añadir elementos nuevos hacemos uso del enlace Añadir un gadget (mini aplicaciones, diseñadas para proveer de información o mejorar una aplicación o servicios de un ordenador o computadora)2. En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir: -

Una presentación a base de fotografías de Picasa, Flickr, etc.

Una encuesta para conocer la opinión de los usuarios. Podemos elegir las respuestas que deseemos y especificar una fecha límite.

Diversas listas o una imagen

Publicidad.

Enlaces con otros blog o sitios Web con suscripción mediante RSS.

Etc.

2 http://es.wikipedia.org/wiki/Gadget

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 6

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 7

1.4.1.- PRESENTACIÓN Comentamos, como ejemplo, la adición de una presentación desde un álbum de Picasa. El proceso es bastante simple: ●

En fuente elegimos Álbumes web de Picasa.

●

En opción Álbum (se puede elegir el de un usuario o las imágenes por palabras clave, por etiquetas).

●

En nombre de usuario elegimos el usuario del que queremos añadir una presentación.

●

Cuando elegimos un usuario nos aparece la lista de álbumes que tiene en Picasa.

●

Por último hacemos clic en el botón GUARDAR.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 8

1.5. - FUENTES Y COLORES Es obvia la utilidad de esta pestaña: la modificación de los tipos de letra a emplear en el blog y de los colores del mismo.

1.6. - EDICIÓN DE HTML La modificación de ciertos elementos nos “obliga” a entrar en la pestaña código HTML que en principio puede “asustar” pero con ayudas de diversas páginas se con vierte en asequible su modificación. Puede que deseemos, por ejemplo, modificar la anchura del texto de nuestro blog. Para ello, dependiendo que se trate de un blog de diseño líquido (de anchura variable) o de diseño fijo (de anchura fija), deberemos modificar o añadir ciertas líneas de código de dicha pestaña. Más información sobre esto en http://avalerofer.blogspot.com/2008/04/el-diseo-lquido-de-un-blog-deblogger.html Para controlar el interlineado del blog podemos acudir a la página 32 del documento del profesor Valero, disponible en http://www.scribd.com/doc/3393995/Taller-blogs-de-Alejandro-Valero

2.- WORDPRESS 2.1. - PERFIL DE USUARIO Si nos adentramos en el tablero nos encontramos que en la parte derecha existe un menú denominado Usuarios, al desplegarlo pinchamos en Tu perfil apareciendo una ventana que contiene los siguientes elementos: nombre, apellidos, alias, dirección de correo electrónico, sitio web, AIM, Yahoo AIM, Jaber/Google talk (nombres con o que participamos en estos lugares), información biográfica y cambiar la contraseña. Teniendo presente el carácter personal de los blog no sería descabellado, para que nos conozcan, poner nuestros datos personales reales (obviamente esto no es imprescindible y se pueden utilizar pseudónimos), que podrán ser vistos por los visitantes de nuestro blog y que aparecerán cuando escribamos un comentario en otro blog.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 9

2.2. - CONFIGURACIÓN DEL BLOG Existen multitud de elementos configurables en nuestra bitácora, como elemento más parecido al de configuración en Blogger está el menú desplegable Opciones que tiene los elementos: General: Posibilidad de modificar los siguientes elementos: Título del Blog, Descripción corta, lenguaje, Dirección de correo electrónico, Zona horaria, Formato de fecha, Formato de hora, La Semana Empieza en. Escritura: Podemos modificar el número de lineas de las cajas de texto, predeterminar las categorías de enlaces y entradas. Lectura: Modificación de elementos como que muestren la página inicial, el número de entradas, el formato de cada entrada o la codificación, recomendándose por defecto la UTF-8 Discusión: Muestra las posibilidades de configuración para comentarios y mensajes como son la ajustes habituales de publicación, moderación de comentarios, otras opciones de comentarios, enviarme un mensaje cuando o para que aparezca un comentario. Objetos: Los tamaños de la lista inferior determinan las dimensiones máximas que se utilizarán al insertar una imagen en una entrada. Posibilidad de modificación. Privacidad: Muestra la visibilidad del blog respecto a visitantes y motores de búsqueda. Borrar Bitácora: Muestra la opción de eliminar nuestra bitácora. Open ID: Añade a tu trabajo direcciones seguras de Internet. Dominios:La parte principal del URL de tu bitácora es su dominio. Puedes situar tu bitácora de extensión wordpress.com en cualquier dominio que esté bajo tu control, p.e. educacion.es o establecer un dominio para redirigir automáticamente a tus lectores al URL de tu bitácora.

2.3. - DISEÑO Para la modificación de muchos elementos de diseño acudimos a la caja Aspecto. En ella tenemos la posibilidad de: •

Cambiar de tema: WordPress presenta multitud de plantillas ya diseñadas y que cambian el aspecto del Blog en todos sus apartados, como son la situación de los widget, el color de la fuente, de las secciones, el número de columnas, etc. Cuando hacemos clic en Temas aparecen modelos de plantillas de forma aleatoria. Una vez seleccionada la que nos interesa, tenemos la opción de ver cómo queda pulsando en Previsualizar y, si estamos conformes con el aspecto, pulsamos en Activar. También se puede modificar el texto de la cabecera, ocultarlo, cambiarle el color, la imagen de la cabecera, etc.

Los blog y su uso educativo. •

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 10

Editar CSS: El editor CSS permite la modificación del aspecto visual de tu bitácora. Puedes editar el fichero CSS y previsualizar los cambios sin costo alguno. Si quieres guardar los cambios y hacer visible tu diseño, hay que adquirir el Custom CSS Upgrade. Para su modificación son necesarios conocimientos sobre el código fuente de páginas Web.

2.4. - WIDGETS EN WORDPRESS Son similares a los gadgets de Blogger. Según Wikipedia, un widget es una pequeña aplicación o programa con el objetivo de “de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual”3. Para instalar uno nos situamos en Aspectos y pulsamos sobre Widgets. Una vez dentro de esta página tenemos que situarnos con el ratón sobre el Widget y, pulsando con el botón izquierdo, arrastramos hasta el lugar deseado (tiene que ser una de las barras laterales que se encuentran alojadas en el margen derecho). En ese caso aparece un cuadro de diálogo que nos muestra los elementos que podemos añadir. Podemos destacar: -

Favoritos alojados en Delicious.com.

Colecciones de fotos de Flickr.

La lista de nuestros enlaces.

La lista de nuestras categorías.

Un calendario.

Las páginas del Blog.

Publicidad.

Enlaces con otros blog o sitios Web con suscripción mediante RSS.

Etc.

3 http://es.wikipedia.org/wiki/Widget

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 11

2.5. - ADMINISTRACIÓN DE ENTRADAS Editemos una entrada. Para ello, una vez identificados, desde el Tablero pinchamos en Entradas.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 12

En el siguiente cuadro de diálogo podemos elegir: -

Editar de una entrada en concreto. Para ello hacemos uso de los enlaces situados debajo del nombre de cada entrada.

Edición rápida de una entrada en concreto. Para ello hacemos uso de los enlaces situados debajo del nombre de cada entrada.

Borrar una entrada. Para ello hacemos uso de los enlaces Borrar.

Previsualizar. Muestra el contenido de cada una como quedaría en el blog.

Una vez modificados los elementos deseados como el texto, insertar enlaces u otros, etc. Pulsamos finalmente en Actualizar entrada con lo que queda editada.

Los blog y su uso educativo.

2.6. - COLECCIÓN FLICKR

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 13

FOTOS

CON

Es necesario la instalación tener una cuenta en Flickr y la instalación del Widget FLICKR. Para ello, dentro de Widgets en Aspecto, se pulsa con el ratón sobre él y se arrastra a la barra elegida, una vez allí se despliega el menú que se encuentra a la derecha, en el que tenemos que rellenar el título con el que queramos que aparezca el módulo, la dirección de Flickr de la que vamos a seleccionar las imágenes y el número de imágenes que queremos que se muestren.

Rellenamos los campos solicitados, título, el número de fotos que queremos que aparezcan en el widget cuando esté configurado y la dirección de sindicación de Flickr asociada a nuestra cuenta, que se encuentra disponible cuando abrimos la galería de imágenes en la parte inferior, posicionándonos sobre el icono de sindicación. Y con el botón derecho del ratón aparece una ventana en la que seleccionamos la opción Copiar la ruta de enlace, esta dirección queda alojada en el portapapeles, pegándola en la casilla URL RSS de Flickr. Véanse las siguientes imágenes.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 14

Finalmente pulsamos en Guardar y aparecerá en nuestro trabajo una galería de imágenes agregada en la barra lateral.

2.7. - EDICIÓN DE HTML La modificación de ciertos elementos nos obliga a entrar en la pestaña código HTML que en principio puede “asustar”, pero con ayudas de diversas páginas se convierte en asequible su modificación. Recuerda que para ello hay que adquirir el Custom CSS Upgrade, que no es gratuito. Este hecho hace que si se quiere “trapichear” con el código fuente hay que adquirir créditos o tenemos que realizar nuestro blog instalando en nuestro espacio Web con el software que podemos adquirir de forma gratuita en wordpress.org.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 15

3.- ACTIVIDADES INTERACTIVAS (SOLO BLOGGER) Como se puede comprobar en los capítulos precedentes, tanto Wordpress como Blogger son gestores de contenidos que comparten muchas características. La única pega que tiene Wordpress respecto a Blogger es que no admite la inclusión, por cuestiones de seguridad, de algunas etiquetas HTML que son fundamentales por ejemplo para incrustar actividades interactivas, como es la etiqueta IFRAME. La versatilidad en el uso de los blog no debe quedarse necesariamente en la introducción de entradas y la inclusión en las mismas de diversos elementos como imágenes, secuencias de vídeo, etc.. Se puede introducir otras páginas Web o elementos interactivos, realizados con herramientas de autor4 como JClic, Hot Potatoes, LIM, etc. que suponen un gran ahorro de tiempo y quebraderos de cabeza para los profesores, quienes se pueden centrar en el contenido de los ejercicios en lugar de aprender herramientas informáticas complicadas. La inclusión de una página Web en otra se hace mediante la etiqueta iframe. Wikipedia 5 nos indica que “Iframe (por inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal”. Una vez realizada con las herramientas de autor la página Web conteniendo los recursos interactivos hay que alojarla (y los archivos que contenga) en un sitio Web. Puede ser http://sites.google.com (se comentó en el capítulo anterior la subida de archivos a este sitio y cómo copiar la ruta de un archivo). Posteriormente, en nuestro blog (en Blogger), en la pestaña Edición de HTML del editor del blog hay que pegar, donde deseemos, el siguiente código: <iframe src="http://ruta_del_archivo_en_el_sitio_web.htm" frameborder="0" height="500" width="500" scrolling="auto"></iframe> Los parámetros de la etiqueta iframe anterior son los siguientes: 1. src: es la ruta donde se encuentra el archivo que deseo incluir. 2. frameborder: corresponde, en píxeles a la anchura del borde del marco. 3. height y width: corresponden a la altura y anchura del marco. Hay que procurar que estas cantidades no excedan el tamaño del marco que lo contiene. 4. scrolling: corresponde a la barra de desplazamiento. Los tres valores de este parámetro son yes/no/auto. Con "yes" estará siempre visible, con "no" no estará nunca y con "auto" la tendrá sólo si se necesita. A continuación describiremos algunas herramientas de autor para la elaboración de actividades interactivas en formato de páginas Web.

4 http://es.wikipedia.org/wiki/Herramienta_de_Autor 5 http://es.wikipedia.org/wiki/Iframe

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 16

3.1. - HOT POTATOES Sistemas Operativos: Windows, Mac y se dispone de una versión beta en Java (apta para ejecutar en cualquier SO). Licencia: Freeware siempre que los ejercicios que genera sean utilizados en ámbitos educativos y sin ánimo de lucro. Idioma: Incluye el español. Hot Potatoes es una herramienta de autor desarrollada por el Centro de Lenguas de la Universidad de Victoria (Canadá), que permite la elaboración de ejercicios interactivos (crucigramas, test de respuesta múltiple, multiselección, emparejamiento, etc.) a partir de unos esquemas predeterminados. Aunque los ejercicios se elaboran utilizando los lenguajes HTML y JavaScript, no se necesita conocerlos para poder utilizar Hot Potatoes. Para crear ejercicios sólo hay que introducir los datos (textos, preguntas, respuestas, etc.) y el programa generará las páginas Web. Posteriormente se puede publicar dichas páginas en cualquier servidor.

Encontramos un manual sobre Hot Potatoes en http://campusvirtual.uma.es/hotpot6/ y el código para incorporar las páginas generadas en nuestro blog en http://avalerofer.blogspot.com/2007/05/ejercicios-con-hot-potatoes-en-blogger.html El proceso para incorporarlo a WordPress es el mismo que para Blogger.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 17

3.2. - JCLIC Sistemas Operativos: Multiplataforma (Windows, Linux, Solaris, Mac). Licencia: GPL. Idioma: Incluye el español. Clic (http://clic.xtec.es/es/index.htm) es una herramienta de creación de actividades muy utilizada por el profesorado desde su aparición a principios de los años 90. La nueva versión de Clic (JavaClic) está hecha en Java, por lo que requiere del plugin de java instalado en el equipo del usuario. En la actualidad hay cientos de proyectos en su Web (http://clic.xtec.net/es/act/index.htm) destinados a diversas áreas curriculares y al alumnado desde Infantil a Bachillerato, que se pueden ejecutar desde Internet y/o instalarse en el equipo del usuario. Están clasificados por: área, idiomas y niveles educativos. Para aprender a utilizar la aplicación podemos acceder a varios sitios Web: ●

Curso “Creación de actividades http://clic.xtec.net/es/jclic/curs/index.htm

educativas

con

JClic”:

●

Curso “Introducción a JClic (Averroes)”: http://www.juntadeandalucia.es/averroes/jclic/

Para incluir una actividad de JClic en nuestro blog primero debe estar alojada en un sitio Web. Vamos a utilizar las del sitio Web de JClic; una vez allí vamos al formulario de búsqueda (http://clic.xtec.net/db/listact_es.jsp) y seleccionamos (en base a los filtros de área, idioma y nivel) una actividad para la inclusión en el blog. Una vez seleccionada una nos aparece una pantalla con el título, sus autores, una imagen, etc. Debajo, hay un enlace que dice: verlo (applet).

Al hacer clic sobre él aparece una ventana con la actividad en funcionamiento. En la parte superior, debajo de la barra del título se ve un icono del JClic seguido de una dirección o URL, que es la que

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 18

hay que copiar dentro de la etiqueta IFRAME para poder inscrustarla en el blog.

Por ejemplo: <iframe height="400" width="640" frameborder="0" src="http://clic.xtec.net/db/jclicApplet.jsp? project=http://clic.xtec.net/projects/deporte2/jclic/deporte2.jclic.zip&lang=es&title=Deporte s+alternativos"> </iframe> No hay que separar la línea que incluye la ruta completa del archivo (la del atributo src), que va entre comillas, por muy larga que sea.

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 19

3.3. - CD RAYUELA Sistemas Operativos: Windows. Licencia: Freeware. Idioma: Incluye el español. Genera páginas Web con los ejercicios en un archivo de Shockwave, por lo que hay que tener instalado el plugin Adobe Shockwave Player. La aplicación se puede descargar de http://www.cervantes.es/seg_nivel/lect_ens/rayuela.htm Crea, entre otras, actividades de: relacionar listas, rellenar huecos, sopas de letras, preguntas de verdadero/falso, etc.

3.4. - LIM Sistemas Operativos: Por ahora Windows, aunque está previsto que en el futuro pueda aparecer un editor para linux. Licencia: Actualmente Freeware aunque se está trabajando en una versión GPL. Idioma: Incluye el español. El sistema Lim es un entorno para la creación de materiales educativos, formado por un editor de actividades (EdiLim), un visualizador (LIM) y un archivo en formato XML (libro) que define las propiedades del libro y las páginas que lo componen. Se puede descargar de http://www.educalim.com/cinicio.htm Entre las posibilidades de esta aplicación se encuentra crear actividades de: sopas de letras, pregunta- respuesta múltiple, clasificar, huecos en blanco... Las actividades las genera en formato flash, por lo que se requiere el plugin de esta aplicación instalado en el navegador del usuario. Ejemplos encontramos en Ejemplos: http://www.tinglado.net/?id=medallon-perdido http://www.tinglado.net/?category=Música En http://avalerofer.blogspot.com/2007/05/ejercicios-con-lim-en-blogger.html instrucciones para su inclusión en Blogger.

encontramos

Sin embargo para WordPress no podemos hacerlo porque no admite etiquetas HTML, si por el contrario es un WordPress instalado en un servidor no tendremos problemas.

3.5. - eXe (eLearning XHTML Editor Project) Sistemas Operativos: Linux, Windows y Mac. Licencia: GNU General Public License (GPL) Idioma: Incluye el español. El eLearning XHTML editor (eXe) es un entorno de diseño desarrollado para ayudar al profesorado en su tarea de elaborar y publicar materiales educativos en la Web sin necesidad de conocer HTML, XML o complicadas aplicaciones de publicación en Internet. Se puede descargar de http://exelearning.org//

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 20

Presenta un total de 23 actividades posibles. Las siguientes son preguntas: •

Espacios en blanco.

•

Examen SCORM, que en realidad se trata de una pregunta multirrespuesta con respuesta única.

•

Pregunta de elección múltiple.

•

Pregunta Verdadero-Falso

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 21

3.6. - Ardora Sistemas Operativos: Windows. Licencia: Freeware siempre y cuando sea utilizado de forma personal, sin carácter lucrativo y con fines estrictamente educativos. Idioma: Incluye el español. Con Ardora se pueden crear más de 30 tipos distintos de actividades, crucigramas, sopas de letras, relacionar, clasificar, ordenar, completar, paneles gráficos, relojes, etc. Exporta las actividades a una página Web y un archivo (applet de Java) que contiene las actividades. Para descarga del programa podemos acudir a la siguiente dirección: http://www.webardora.net/descarga_cas.htm

4.- WEBGRAFÍA Fecha de consulta: julio de 2008 BLOOD, R. (2003): Diez consejos para una http://www.rebeccablood.net/essays/ten_tips_espanol.html

bitácora

mejor,

disponible

BOHÓRQUEZ, E. (2008): “El blog como recurso educativo”, en EDUTEC‐E, Revista Electrónica de Tecnología Educativa. Núm. 26/Julio 2008. http://edutec.rediris.es/Revelec2/revelec26/edutec26_el_blog_como_recurso_educativo.html ORIHUELA, J. L. (2003): ¿Qué son las bitácoras y por qué deberían importarnos?, disponible en http://www.unav.es/noticias/opinion/op200103.html

Los blog y su uso educativo.

Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 22

POLANCO, A. (2004): La pregunta pedagógica en el nivel inicial, en Revista Electrónica “Actualidades Investigativas en Educación”, Vol 4, N° 2. http://revista.inie.ucr.ac.cr/articulos/22004/archivos/pregunta.pdf VALERO, A. (2008): Creación y uso educativo de http://www.scribd.com/doc/3393995/Taller-blogs-de-Alejandro-Valero

blogs,

disponible

De interés para ampliar el tema de los blog en general: MUÑOZ DE LA PEÑA CASTRILLO, F. (2005): Weblografía imprescindible de edublogs, disponible en http://www.aulablog.com/weblografia-imprescindible-de-edublogs

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 1

Los blog y su uso educativo. Capítulo 8: Trucos para Blogger y WordPress Reconocimiento-NoComercial-CompartirIgual 2.5 España

Realizado por: ○

José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es

○

Rafael Palomo López (CEP de Málaga) rafaelpalomo@wanadoo.es

○

Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es

○

Juan Alberto Argote Martín (Profesor de Secundaria) jaargote@wanadoo.es

Usted es libre de: • •

copiar, distribuir y comunicar públicamente la obra hacer obras derivadas

Bajo las condiciones siguientes:

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 2

Índice de contenido 1.- TRUCOS PARA BLOGGER..............................................................................................2 2.- TRUCOS PARA WORDPRESS........................................................................................5 3.- AÑADIR SONIDO A UN BLOG.........................................................................................7 3.1. - SITIOS WEB PARA COPIAR CÓDIGO....................................................................7 GOEAR: AUDIOS EN LÍNEA........................................................................................7 OTROS SITIOS.............................................................................................................8 3.2. - SUBIR ARCHIVOS A LA WEB.................................................................................8

1.- TRUCOS PARA BLOGGER Si en un buscador tecleamos las palabras trucos blogger nos aparecen centenares de páginas en las que encontrar explicaciones sobre cómo llevar a cabo determinados procedimientos de configuración de nuestro blog. Algunas de ellas son: ●

Trucos Blogger: http://www.trucosblogger.com/search/label/Blogger

●

blogmundi. Consejos para blogs: http://www.blogmundi.com/tag/trucos-blogger/

●

ñblog: Utilidades y recursos para tu blog: http://utilidades.bitacoras.com/ http://utilidades.bitacoras.com/categorias/aplicaciones-para-blogger

●

Blog en serio. http://blogenserio.com/2008/01/100-recursos-para-blogger-y-wordpress/

●

Jaime -- Trucos Blogger: http://jaimestrucoblog.blogspot.com/ http://jaimetrujilloescobedo.blogspot.com/search/label/ACCESORIOS%20PARA%20TU %20BLOG

●

Roa Multimedia: http://roamultimedia.blogspot.com/

Por si queréis probar alguna de estas cosillas en vuestro blog: 1. Agregar icono feed rss a las etiquetas 2. Añadir la opción “Continuar leyendo” 3. Ampliar las imágenes al pasar el puntero 4. Añadir imagen flotante en la plantilla 5. Añadir redes sociales al blog 6. Añadir un chat en el sidebar

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 3

7. Botón único en cada entrada para marcadores sociales 8. Controlar el número de etiquetas en el sidebar 9. Crear una nube de etiquetas 10.Efecto al pasar el puntero sobre los enlaces 11.Eliminar el borde de las imágenes 12.Eliminar la barra de Blogger 13.Eliminar la numeración en las etiquetas 14.Enlace a un artículo relacionado 15.Enlace de “Agregar a favoritos” 16.Expandir/contraer un post 17.Fecha de los posts al estilo WP 18.Imagen como fondo del blog 19.Imagen en el sidebar que funcione como enlace 20.Imagen para redireccionar a un sitio 21.Incluir marquesinas de texto en las entradas 22.Incluir sitemap en Google Webmaster Tools 23.Incluir un buscador interno 24.Incluir un cartel con sombra 25.Insertar un video 26.Insertar widget de traducción 27.Integrar el script Share This (Compártelo) 28.La primera letra más grande que las demás 29.Modificar el header -cabecera 30.Mostrar enlaces como pestañas 31.Mostrar solo el título de las entradas 32.Ocultar la fecha de las entradas 33.Ofrecer el código del banner de tu blog 34.Ofrecer suscripción por email 35.Optimizar los títulos del blog 36.Permitir el seguimiento de comentarios 37.Personalizar el formulario de comentarios 38.Personalizar el mensaje de suscripción al feed 39.Poner un favicon en la dirección url

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 4

40.Poner un marco al blog 41.Recibir aviso de nuevos comentarios en el email 42.Resaltar palabras dentro del texto 43.Sidebar distinto para página principal y páginas individuales 44.Sistema de calificación para las entradas 45.Sustituir con iconos diferentes aspectos de la plantilla 46.Sustituir los enlaces de navegación por iconos 47.Transformar signos en emoticons 48.Usar dominio propio 49.Usar imágenes en lugar de etiquetas

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 5

2.- TRUCOS PARA WORDPRESS Si en un buscador tecleamos las palabras trucos WordPress nos aparecen centenares de páginas en las que encontrar explicaciones sobre cómo llevar a cabo determinados procedimientos de configuración de nuestro blog. Algunas de ellas son: ●

Trucos WordPress: http://ayudawordpress.com/

●

Tutoriales, trucos y videos para aprender a utilizar WordPress http://5lineas.com/archivo/desarrollo-web/tutoriales-trucos-y-videos-para-aprender-autilizar-wordpress/

●

Blog en serio. http://blogenserio.com/2008/01/100-recursos-para-blogger-y-wordpress/

Por si queréis probar alguna de estas cosillas en vuestro blog: 1. Muestra las categorías en modo drop-down 2. Añade gravatar del autor a los posts 3. Personaliza la página de entrada al blog 4. Añade información de autor en cada post 5. Muestra los posts más recientes de una categoría específica 6. Resalta los comentarios de los autores 7. Crea miniaturas para los posts del blog 8. Crea y muestra imágenes por categoría 9. Dale formato a las imágenes para los lectores de feeds 10. Crea fechas elegantes ( Pon un calendario a tu Wordpress) 11. Esconde la publicidad en los posts 12. Crea un post “sticky” dinámico 13. Personaliza la página 404.php (mensajes de error) 14. Protege tus modificaciones CSS en cualquier Theme de Wordpress 15. Haz tu blog resistente al Digg Effect 16. Usando los perfiles de usuario de Wordpress 17. 4 formas de mejorar la velocidad de tu Wordpress 18. Crea una versión móvil de tu Wordpress ( Versión independiente) 19. Abre los enlaces en una nueva página por defecto

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 6

20. Convierte tu Blog en un CMS 21. Limita el tamaño de tus miniaturas 22. Postea directamente en Del.icio.us 23. Crea un efecto de apertura de hoja 24. Separa comentarios de los Trackbacks/ Pingbakcs ( En castellano) 25. Utiliza Writely para escribir en tu Blog 26. Añade Adsense en el primer post del blog 27. Crea múltiples posts para diferentes categorías 28. Usando los “Custom Fields” del panel de escritura 29. Crea un indice de tu histórico 30. Minimiza tu historial 31. Pon un login en tu sidebar( o donde quieras) 32. Protejete del hotlinking 33. Convierte tu página estática a Wordpress 34. Monta tu propio Techmeme 35. Personaliza tu pantalla de Login (o simplemente dale color) 36. Pon tu mejor contenido 37. Muestra los mensajes de twitter en tu blog 38. Muestra información sobre tu publicidad 39. Muestra tu estado en Facebook 40. Texto del post y contador de imagenes 41. Pon contenido solo en tus Feeds (y añade tu favicon)

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 7

3.- AÑADIR SONIDO A UN BLOG Podemos estar tentados por diversos motivos (para “dar ambiente”, porque la temática lo requiera, etc.) de incluir música en nuestro blog. Antes de hacerlo debemos tener algunas cosas en cuenta: •

Es probable que al visitante de nuestro blog no le guste que se reproduzca automáticamente por estar reproduciendo música en ese momento (con lo cual se entremezclan los sonidos) o que no tenga los mismos gustos musicales que nosotros. Por tanto, no es conveniente insertar sonidos que se reproduzcan automáticamente o, en caso de hacerlo, dar la opción de manipular el reproductor (botón de pausa, parada, reproducción, volumen). Si no lo hacemos nos arriesgamos a que un porcentaje significativo de visitantes abandone nuestro blog (entre otras cosas porque hay quien necesita silencio para leer su contenido).

•

Se necesita que el navegador disponga de un complemento (plugin) para su correcta reproducción, como Flash Player, QuickTime, etc. que en muchas ocasiones hay que instalar manualmente y cuyo funcionamiento puede ser distinto dependiendo del sistema operativo. Por tanto, hay que probar la música en varios navegadores y, si es posible, en sistemas operativos diferentes.

Supongamos que decidimos incluir sonidos en nuestro blog. Tenemos varias opciones:

3.1. - SITIOS WEB PARA COPIAR CÓDIGO La opción más fácil es acudir a sitios Web que tienen almacenadas canciones y copiar el código necesario para su inclusión en nuestro blog.

GOEAR: AUDIOS EN LÍNEA Goear (http://www.goear.com/) es un servicio Web2.0 que permite subir y guardar en su servidor archivos de audio. A cada recurso sonoro se le puede asignar información textual: título de la canción y descripción (lo que facilita su búsqueda). Para insertar en nuestro blog una música de goear procedemos de la siguiente forma: Ve a su página Web: http://www.goear.com/ y utiliza el buscador para localizar la música que desees.

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 8

Te aparecerán una serie de archivos sonoros. Haz clic sobre el que desees para oír la música.

Una vez elegida la que deseemos incluir en nuestro blog hay que hacer clic en el cuadro de texto This song in your site (esta canción en tu sitio), con lo cual se selecciona todo el texto de la caja. Para copiar el código de la misma podemos recurrir a cualquiera de los dos procedimientos siguientes: •

Hacer clic sobre ella con el botón derecho y seleccionar, en el menú emergente, la opción Copiar.

•

Pulsar la combinación de teclas Ctrl + C.

OTROS SITIOS Similares funciones a goear las encontramos en http://www.imeem.com

3.2. - SUBIR ARCHIVOS A LA WEB Otra opción es subir nuestros archivos sonoros a un sitio Web para, una vez subidos, copiar la ruta de dichos archivos y enlazarlos desde nuestro blog. Hay multitud de sitios Web que nos permiten el alojamiento de archivos: •

Ya que disponemos de una cuenta de Gmail, una opción válida puede ser Google Sites, que permite crear páginas Web de forma sencilla y subir elementos para su inclusión en ellas (imágenes, vídeos, archivos sonoros, etc.).

•

Otros servicios de almacenamiento de archivos son:

Los blog y su uso educativo

Cap. 8: Trucos para Blogger y WordPress – Pág. 9

◦

HostFile: http://hostfile.org/

◦

FileDropper. http://www.filedropper.com/

◦

FileQube: http://www.fileqube.com/

◦

MyFreeFileHosting: http://myfreefilehosting.com/

◦

MediaFire: http://www.mediafire.com/

◦

Boxstr: http://boxstr.com/

◦

FileDEN: http://www.fileden.com/

◦

Etc.

Después de subir un archivo a cualquiera de estos sitios se nos da da dirección donde se encuentra alojado.