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
Í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 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
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
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
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:
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/
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
Í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.
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.
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.
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.
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.
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
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
Í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
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
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 http://es.wikipedia.org/wiki/Edublog
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.
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.
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.
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.
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 >>
- 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.
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
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
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.
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
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
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:
¡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.
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
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
Í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
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
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
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:
Una vez tecleado el texto de nuestra entrada del blog podemos hacer uso del editor Web de
WordPress para darle formato:
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
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.
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
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
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
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
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
Í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
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
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
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/).
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.
- 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.
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
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.
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:
En el siguiente formulario escriba la entrada y haga clic sobre el botón PUBLICAR ENTRADA.
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.
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
Una vez que pinchemos sobre Publicar entrada, esta aparecerá publicada en nuestro blog con la
apariencia que hallamos determinado.
8.1. - FORMATOS
En Internet encontramos básicamente tres formatos de imagen:
Como podemos ver, el formato que reúne más más posibilidades es el png.
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
Í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.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.
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
adjunta.
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.
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
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.
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:
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.
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).
3 http://es.openoffice.org
Los blog y su uso educativo Cap. 6: Incluir vídeos, presentaciones, archivos diversos, etc. – Pág. 9
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.
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
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
● 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
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.
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/
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
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
Í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
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.
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
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
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.
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
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.
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
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
- 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
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
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.2. - JCLIC
Sistemas Operativos: Multiplataforma (Windows, Linux, Solaris, Mac).
Licencia: GPL.
Idioma: Incluye el español.
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.
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
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
Í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
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.
OTROS SITIOS
Similares funciones a goear las encontramos en http://www.imeem.com
◦ 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.