Anda di halaman 1dari 112

Los blog y su uso en educación Cap. 1: Navegar por Internet – Pág.

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:

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. 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:

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. 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: http://www.juntadeandalucia.es/averroes/centros-
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.

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 pre-
existentes.
• 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.
• 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

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

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
dicho paso.
Los blog y su uso en educación Cap. 3: Crear un blog con Blogger y WordPress – Pág. 9

- 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
el botón radial (pequeño círculo debajo de cada imagen) y, una vez elegida, hacer clic de nuevo
Los blog y su uso en educación Cap. 3: Crear un blog con Blogger y WordPress – Pág. 10

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.
● 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.
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.
Se muestran los comentarios existentes en el Bitácora con el objeto de
aprobarlos, rechazarlos, marcarlos como Spam o borrarlos.
Los blog y su uso en educación Cap. 3: Crear un blog con Blogger y WordPress – Pág. 17

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.
• 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
Los blog y su uso en educación Cap. 3: Crear un blog con Blogger y WordPress – Pág. 19

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:

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. 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. Cap. 4: Principales acciones en un blog – Pág. 5

2.- NUESTRA PRIMERA NOTICIA O ENTRADA CON


WORDPRESS
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,


8 tipos de letra distintos a la derecha y justificado)

5 tamaños diferentes Lista de viñetas

Negrita y cursiva Color Enlace Numerar párrafos


Los blog y su uso en educación. Cap. 4: Principales acciones en un blog – Pág. 8

4.- INCLUIR TEXTOS. USO DEL EDITOR WEB CON


WORDPRESS.
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 del Editor
Web.

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:

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 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.com en WordPress.tv: Colección de vídeos de cómo trabajar con
Wordpress.

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 poner la dirección
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.


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 No Sí

gif Hasta 256 Sí (un color) No

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:

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 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ñanza-
aprendizaje
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.

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. 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-hacer-
podcast
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-el-


sonido-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:

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 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-de-
blogger.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. Cap. 7:Configuración de un blog. Añadir actividades interactivas – Pág. 13

2.6. - COLECCIÓN DE FOTOS CON


FLICKR
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 educativas con JClic”:
http://clic.xtec.net/es/jclic/curs/index.htm
● 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 encontramos
instrucciones para su inclusión en Blogger.
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 bitácora mejor, disponible en


http://www.rebeccablood.net/essays/ten_tips_espanol.html
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/2-
2004/archivos/pregunta.pdf
VALERO, A. (2008): Creación y uso educativo de blogs, disponible en http://www.scribd.com/doc/
3393995/Taller-blogs-de-Alejandro-Valero
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:

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 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-a-
utilizar-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:
◦ HostFile: http://hostfile.org/
Los blog y su uso educativo Cap. 8: Trucos para Blogger y WordPress – Pág. 9

◦ 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.

Anda mungkin juga menyukai