Cómo crear un blog de aula en dos horas

El título de este artículo no es una broma, sino un reto que me han propuesto los organizadores de las Jornadas de Integración de las TIC en la Enseñanza, que la próxima semana se celebran en el CRIF "Las Acacias", en Madrid. El título de mi taller es "Usos educativos de los blogs", ahí es nada, y llevo ya unos cuantos días preguntándome qué puedo hacer para estar a la altura de las circunstancias. Éstas se concretan en unos 25 participantes de los que lo único que sé es que son docentes, pero desconozco cuáles son sus habilidades informáticas y qué esperan de este taller. Así que he preparado un material para cualquier persona que quiera crear un blog de aula en dos horas (o más), y que ofrezco a mis lectores.

1. Qué es un blog de aula

Para empezar, he tenido que acotar el contenido a los blogs educativos que más me gustan, que son los blogs de aula. Este tipo de blogs se centra en la publicación de actividades variadas para el aprendizaje de los estudiantes, e incluso en su participación junto al profesor en la creación de los contenidos del blog. El blog de aula es el prototipo de comunicación entre docentes y estudiantes en la Web, y tanto unos como otros suelen disfrutar participando.

Es lógico que antes de empezar hay que informarse sobre las características de los blogs de aula, que los distinguen de los demás blogs educativos. El material que tengo para el taller lo publicaré en este blog, porque ahora es una presentación esquemática que me sirve para explicar más a fondo lo que es un blog de aula. En todo caso, escribí hace tiempo un artículo donde expongo La experiencia del blog de aula desde una perspectiva amplia, y en él incluyo unos enlaces de interés que pueden servir para profundizar en el tema.

Pero la mejor forma de saber qué se puede hacer en un blog de aula es visitar muchos blogs ya existentes a los que se puede acceder desde varias páginas y agregadores:

1. Para estar a la última, los premios Espiral Edublogs aglutinan muchos blogs de aula especialmente interesantes, que están enlazados en Blogs ganadores del III Premio Espiral edublogs 09, celebrado este año. Y también están los dos premios anteriores: I Premio y II Premio.
2. La Blogoteca de Aulablog incluye blogs de aula de muchos docentes, que explican los objetivos de sus blogs.
3. El Planeta Blogs de aula y el Planeta AICOLE son dos agregadores de blogs de aula que ya he presentado en mi blog.

2. Creación de un blog en Blogger

Si después de ver unos cuantos blogs de aula, te ha picado la curiosidad o te ha atraído este tipo de blogs, sólo tienes que crearte uno si aún no lo tienes. Y el sitio más adecuado para ello es Blogger, porque los blogs de Blogger tienen unas características muy apropiadas para este tipo de blogs, que se resumen en su facilidad de uso y en la posibilidad de incorporar elementos interactivos y multimedia, muy apropiados para el aprendizaje.

Este blog está especializado en los blogs de aula, y puedes ver su Índice de contenidos para ponerte al día, pero si eres nuevo en estas labores, he creado un archivo PDF que no ocupa ni un mega en el que he incluido los artículos más apropiados para empezar en esta aventura: Crear un blog en Blogger: creación, configuración, diseño y multimedia, que puedes descargar desde este enlace o desde la sección Descargas en PDF del lateral del blog. Este archivo incluye algunos de mis artículos actualizados y ordenados de forma que sean útiles para empezar paso a paso.

3. ¿Objetivo cumplido?

La verdad es que en dos horas se puede crear, configurar y diseñar el blog, además de empezar a hacer los primeros pinitos con la creación de entradas y actividades. Pero hay que tener en cuenta que una característica de los blogs es que se puede hacer mucho con poco. Es decir, nuestro blog puede llenarse de actividades interesantes con los siguientes elementos:

1. El texto es lo principal de un blog, con permiso de la multimedia. Con un poco de creatividad, se pueden elaborar actividades atractivas para los alumnos o los lectores. Miles de blogs se sustentan en la palabra escrita, que no ha perdido su atractivo con la llegada de internet; muy al contrario, ha ganado adeptos que ahora expresan sus experiencias, opiniones y conocimientos de la manera más directa y sincera.
2. Los enlaces son la esencia de la Web, porque nos llevan a cualquier parte del ciberespacio para completar nuestros conocimientos y para abrirnos a otras experiencias. Con un par de enlaces podemos enseñar a nuestros alumnos un mundo nuevo que conocer y que experimentar.
3. Las imágenes hablan por sí solas en muchas ocasiones, y siempre han sido el principal atractivo visual de la Web. Pero si las acompañamos de un texto inspirado y de enlaces interesantes, entonces se pueden crear actividades muy completas. Las imágenes siempre han ilustrado los conocimientos, y en la Web son imprescindibles.
4. La multimedia es la niña bonita del ciberespacio, la más mimada y la más querida. No es para menos, pero hay que tener cuidado de que no nos empalague. Un vídeo nos hechiza, y puede mantener a nuestros alumnos calladitos y trabajando. ;-)
5. Las actividades interactivas ya suponen otro nivel en el blog, y requieren de un esfuerzo especial para crear ejercicios con algunas aplicaciones apropiadas, como explico en mis artículos que incluyen la etiqueta recursos.
   

Con todos estos materiales, se puede hacer un blog en dos horas, pero después hay que mantenerlo con entusiasmo y buen ritmo. No es fácil, y muchos mueren en el empeño, pero incluso en este caso, la experiencia de crear un blog y darle un poco de vida es de las más placenteras y agradecidas que conozco. Y como yo piensan muchos millones de personas, las que habitan la blogosfera.

Participa en los planetas de blogs de aula

Desde que a principios de siglo empezaron a dejarse ver los primeros blogs, me ha fascinado este nuevo medio de expresión. Para mí ha sido una experiencia personal maravillosa el haber podido estar inmerso en esta revolución creativa casi desde el principio, al menos en lo que respecta a los blogs educativos, que es el ámbito en el que me muevo. Coincido con muchos blogamigos en que las bitácoras (como se llamaban al principio) nos han cambiado la vida, y siempre para bien. Llevo ya varios años rodeado de blogs, no sólo los míos, sino los que leo constantemente, y me siento igual que Borges cuando se figuraba el paraíso como una especie de biblioteca, pero en mi caso, no sólo rodeado de libros, sino también de blogs (blogoteca).

Aviso: Algunas URL dan problemas en Feevy y no se pueden incluir en estos planetas, entre ellas, las que incluyen un guión. No es aconsejable incluir guiones en las URL.

1. Planetas de blogs de aula

Planeta blogs de aula

Como una especie de agradecimiento por los buenos ratos pasados, se me ocurrió hace un tiempo crear algunos agregadores de blogs de aula para los participantes de unos cursos que impartí. Los llamados planetas no son sino una forma de blog colectivo en el que aparecen los últimos artículos publicados en los blogs agregados mediante la tecnología RSS. De esta forma, podemos conocer las novedades de los blogs y estar en contacto con este mundillo tan interesante.

Y ahora quiero presentaros dos de esos planetas que me encargo de poblar con los blogs que me envían sus creadores. Son el Planeta AICOLE y el Planeta blogs de aula. Ambos recogen las aportaciones que muchos docentes infatigables realizan en el campo de los blogs de aula, que son los blogs creados por profesores para que sus alumnos trabajen y aprendan mediante actividades educativas adecuadas al medio. En este tipo de blogs me he querido centrar, porque tienen para mí un atractivo especial.

Hay otros agregadores de blogs personales y profesionales que escriben muchos docentes, como el Planeta educativo, Metablog Todoele y el Planeta Edusol, donde exponen conocimientos y experiencias. Otro lugar donde hay enlazados muchos blogs educativos es en la Blogoteca de Aulablog, aunque en este caso no se trata de un agregador, sino de una sección del portal Aulablog donde los autores presentan sus blogs. Y aún hay algunos más en los que enlacé en mi artículo Planetas incipientes de blogs educativos.

En realidad, los blogs de aula son una especie rara, sobre todo porque se requiere un esfuerzo especial para crearlos y mantenerlos, y no todo el mundo tiene las ganas y el tiempo para dedicarse a ello. Pero este esfuerzo se ve ampliamente recompensado por la gran motivación que suscita este tipo de blogs entre los estudiantes, que casi siempre se muestran muy agradecidos al ver que sus profes están en su onda, y que emplean parte de su tiempo libre en la creación de herramientas muy útiles y atractivas para su aprendizaje.

Y no es para menos, porque estos blogs suelen estar llenos de actividades educativas que se fundamentan en materiales relacionados con las nuevas tecnologías: tests, imágenes, vídeos, audios, enlaces relacionados y un sin fin de aplicaciones adecuadas para los estudiantes, que los atraen al aburrido ámbito del aprendizaje como si estuvieran en su mundo de videojuegos y de internet, o algo por el estilo. Y si queréis conocer mejor qué son los blogs de aula, leed mi artículo La experiencia del blog de aula.

2. La parte técnica

Ambos agregadores están construidos con una mezcla de dos estupendas herramientas. Blogger para el blog y Feevy para los canales RSS. Feevy es una web española que se encarga de alojar los canales de los blogs agregados, y funciona de forma sencilla y útil. Genera un enlace que he colocado dentro del código HTML del blog, y el producto final es un agregador en el que se ve sólo la última entrada de los blogs agregados. No hace falta más para realizar el seguimiento que queremos, pues hay otros agregadores más completos que incluyen más opciones, pero a mí me parece que este tipo de herramientas tienen que incluir sólo lo necesario y nada más.

Aprovecho la ocasión para decir que existe una herramienta creada por el profesor Jesús Moreno basada en las mismas herramientas. FAVS es "una aplicación web pensada y diseñada para que cualquier docente, sin apenas conocimientos informáticos, pueda crear, mantener y gestionar un sitio web, el planeta, donde aparezcan los artículos escritos por sus estudiantes en sus blogs", como ellos mismos la definen en su presentación en Aulablog. Este tipo de agregador incluye la posibilidad de votar los artículos publicados, y se puede ver un ejemplo en el Planeta RAL. Así que ya podéis crear vuestros propios planetas. Y también tenéis la herramienta Planetaqui, de la que podéis informaros en este artículo del blog de Pedro Cuesta.

3. Participa en estos planetas

Planeta AICOLE

Desde aquí hago un llamamiento para que participéis en Planeta AICOLE y Planeta blogs de aula. El primero es un agregador de blogs para la enseñanza de idiomas, y el segundo es para el resto de materias. El Planeta AICOLE lo creé para los participantes en los cursos del CRIF "Las Acacias" de Madrid. Y el Planeta blogs de aula surgió de Mi taller sobre blogs en el Congreso Internet en el Aula. Pero ambos crecen con otras aportaciones, y de esta forma podemos seguir lo que hacen muchos docentes en sus blogs.

Los requisitos para participar son lógicos y sencillos: tener un blog que incluya actividades de todo tipo para el aprendizaje de vuestros alumnos. En ese blog pueden participar también los alumnos, y eso es muy deseable, pero tiene que estar mantenido por un profesor que organice el blog. Habréis observado que la mayoría de los blogs agregados hasta ahora están creados en Blogger, que es una herramienta muy apropiada para este tipo de blogs de aula, pero no necesariamente tienen que estar creados en este servicio para ser agregados a los planetas.

Animaos a participar en estos agregadores si tenéis blogs que utilicéis con regularidad, pero no penséis que "mi blog no es muy interesante y no tiene nada que aportar", porque queremos seguir lo que hacen los blogfesores y las blogfesoras para aprender unos de otras, y siempre hay actividades interesantes que pueden inspirarnos a los demás.

¿Cómo participar? Simplemente escribe la dirección (URL) de tu blog en el campo de texto que se encuentra en el lateral de los dos planetas, el que dice "URL de tu blog". Cuando aprietes el botón "Enviar", entonces contribuirás con tu importante aportación a este apasionante mundo de los blogs de aula.

Para terminar, quiero saludar a los seguidores de este blog, que saben que mis Apuntes sobre blogs están dedicados especialmente a los aspectos técnicos de los blogs de aula. A vosotros especialmente va dirigido este artículo. Un saludo.

Gadgets de Blogger para menús y descargas

Los gadgets de Blogger son un aspecto destacado del diseño y del contenido de un blog. Con ellos podemos incorporar fácilmente al blog miles de elementos que lo complementen. Los hay de todo tipo: noticias, herramientas, comunicación, diversión, y muchos más. Se añaden generalmente al lateral del blog, por lo que son elementos permanentes que no participan del flujo de los artículos que conforman la dinámica del blog. Los docentes tenemos muchos gadgets muy apropiados para el ámbito educativo, pero en este artículo quiero enseñar cómo podemos incluir una sección de descarga de archivos y un menú con artículos informativos, que pueden ser útiles para crear un blog de centro o de un departamento.

1. Información y descargas en los blogs de Blogger

En realidad, los blogs de Blogger no están preparados para implementar las llamadas páginas estáticas, que en otros gestores de contenido permiten crear menús con enlaces a entradas permanentes en el lateral del blog. Asimismo, tampoco permite Blogger la inclusión directa de menús de descarga de archivos, por el simple hecho de que no se puede guardar en el servidor ningún tipo de archivo salvo vídeos, como indicamos en el artículo Vídeos en Blogger. Otros servicios gratuitos de blogs, como Wordpress.com, sí permiten la inclusión de páginas estáticas informativas y la descarga de archivos subidos al servidor, pero carecen de una característica importante que tiene Blogger: la posibilidad de incrustar casi cualquier código ajeno para crear actividades educativas interactivas o incluir gadgets de todo tipo. Por eso, si queremos tener un blog sencillo de usar y de configurar, y que a la vez tenga muchas posibilidades educativas, una buena opción es un blog de Blogger, al que además le vamos a añadir las otras dos características de la que en principio carece: páginas estáticas y sección de descargas.

2. Crear un menú con enlaces a entradas permanentes

Las entradas del blog pertenecen al flujo constante que se va actualizando cada vez que publicamos una entrada. La característica principal de este tipo de gestores es que la publicación de los artículos se realiza en orden cronológico inverso, es decir, el último aparece el primero en la portada del blog. Una forma de clasificarlos para no perderlos de vista en las páginas del blog es incluir etiquetas en las entradas, que luego aparecerán en el lateral, desde donde se enlazan para tenerlos más a mano. Las etiquetas se escriben, separadas por comas, en un campo de texto situado en la parte inferior del editor de entradas. En este blog está la sección Etiquetas en el lateral, donde se pueden enlazar y leer las entradas por su contenido. Así, por ejemplo, quien quiera leer mis artículos sobre multimedia, sólo tiene que hacer clic en la etiqueta correspondiente.

Las etiquetas quizá no sean suficientes si queremos enlazar textos concretos en el lateral para que se puedan ver constantemente, sin que se pierdan en el blog, a la manera de las páginas estáticas. Por ejemplo, si queremos hacer un menú con varias entradas, podemos recurrir a un gadget para realizarlo. Vamos a la sección o pestaña Diseño de la parte de la administración y hacemos clic en el enlace Añadir un gadget, que se encuentra en la parte inferior derecha de la siguiente imagen:

Entonces, se abrirá una ventana que muestra todos los gadgets, divididos en secciones, que se pueden incluir en el blog. Al pricipio aparecen los gadgets básicos, y entre ellos podríamos elegir Texto o HTML/Javascript para hacer una lista de enlaces utilizando etiquetas de estos lenguajes. Ello nos permitiría incluir otros elementos de diseño, como color de fondo, borde o iconos, igual que he hecho yo en este blog con el recuadro del lateral donde incluyo unos enlaces, entre ellos a un índice de contenidos:

Pero la verdad es que para lo que queremos, nos resultará más cómodo el gadget llamado Lista de enlaces. Como su nombre indica, se trata de una forma automatizada de incluir enlaces a cualquier documento HTML como, por ejemplo, las entradas que nos interesa mostrar de forma permanente en el lateral de nuestro blog. Si abrimos ese gadget, aparecerá una ventana como la que sigue, en la que hemos añadido los tres enlaces que esta vez nos interesan:

La sección la he titulado Menú principal. Después he incluido la URL del sitio web nueva, que en este caso es la dirección URL de la entrada de mi blog donde incluyo el índice de contenidos. Y como nombre del sitio web nuevo, he escrito el título de la entrada. Para añadir cada enlace, hay que pulsar el botón AÑADIR ENLACE, y entonces, esos enlaces aparecen en la parte inferior de la ventana. Allí tienen dos enlaces en la parte izquierda: Editar, si queremos modificar el enlace, y Suprimir, si queremos borrarlo. Y a la derecha de este último enlace hay unas flechas muy pequeñas que nos permiten ordenar los enlaces subiéndolos o bajándolos. La verdad es que todo resulta muy útil. Cuando guardamos la lista, veremos este Menú principal en el lateral de nuestro blog:

Cuando queramos añadir más enlaces a esta sección, podemos hacer clic en el icono que se ve abajo a la derecha, que sólo aparece cuando hemos iniciado sesión en Blogger con nuestro nombre de usuario y contraseña. También lo podemos editar desde la parte de Diseño de la administración del blog, porque lo veremos en un rectángulo, junto a los demás gadgets que tengamos en el lateral. Al principio, el gadget aparece en primer lugar, pero lo podremos poner en la parte del lateral que queramos simplemente arrastrando el rectángulo hacia abajo, sin olvidar pulsar posteriormente el botón GUARDAR de esa sección de Diseño. En la siguiente imagen se ve cómo lo estoy arrastrando hacia abajo pulsando el botón del ratón:

3. Crear un menú de descarga de archivos

Otra posibilidad que reclaman muchos docentes a la hora de crear un blog es la de incluir descarga de archivos para sus alumnos u otros visitantes del blog. Como dijimos antes, en Blogger no se pueden subir o guardar archivos para su posterior descarga. Para ello, tenemos que utilizar un espacio web ajeno, donde guardaremos los archivos que enlazaremos como descarga en nuestro blog. Sobre este asunto he escrito un artículo en mi blog, Espacio web gratuito para docentes, donde explico cómo hacerse con un espacio web en el Isftic y en EducaMadrid.

Todos los docentes tenemos espacios gratuitos que nos proporcionan las Consejerías de Educación de las Comunidades. Pero además, disponemos de estos espacios en la empresa de telefonía donde hemos contratado nuestra conexión a internet particular o la de nuestro centro educativo. Estos servidores web son la mejor solución para guardar nuestros archivos, aunque también existen muchos otros dentro de la Web 2.0, pero la seguridad que nos dan los espacios web propios no la encontramos ni siquiera en el gigante Google.

En mi blog, he creado un menú de descargas de archivos PDF, cuyos archivos originales están ubicados en el directorio de ficheros de mi cuenta de EducaMadrid, como se ve en esta imagen:

A la izquierda se ven los archivos guardados en mi espacio web, y a la derecha aparece el menú de descargas que he realizado con el gadget Lista de enlaces, el mismo del menú de enlaces anterior. Para conseguir el enlace de los archivos guardados, sólo hay que hacer clic encima de cada uno de ellos con el botón derecho del ratón, y ahí copiamos la ruta del enlace.

Espacio web gratuito para docentes

Los docentes que nos preocupamos por incorporar las Nuevas Tecnologías a nuestro trabajo diario contamos con espacios web gratuitos que nos proporcionan generalmente las Consejerías de Educación. También disponemos de otras webs gratuitas que nos dan espacio para guardar y compartir archivos, pero en la mayoría de estas webs, no podemos enlazar nuestros archivos para incorporarlos, por ejemplo, a nuestros blogs en forma de actividades interactivas y multimedia, o para ofrecerlos como descarga, o para mostrarlos en un navegador como página web. Para estos casos, tenemos que recurrir a espacios web donde podamos guardar y enlazar directamente los archivos, y esto es posible en los espacios web oficiales del Isftic (antiguo CNICE) y en EducaMadrid.

1. Actividades interactivas en los blogs

Conforme los blogs se van consolidando en el ámbito de la enseñanza y sus autores van adquiriendo destreza en su manejo, va surgiendo la necesidad de incluir actividades interactivas y multimedia en esos blogs. Las actividades interactivas se suelen realizar con aplicaciones de escritorio, tales como HotPotatoes o LIM, que producen archivos de HTML, Flash, JavaScript o Java, y que después hay que incrustar en el blog, aunque también se pueden enlazar simplemente. Pero para ello, los archivos creados hay que transferirlos al espacio web del servidor, a veces con progrmas de FTP, como se verá más adelante. En este blog he publicado varios artículos sobre este tipo de actividades, que se pueden ver en la etiqueta de recursos.

Otra forma más sencilla de incrustar actividades en el blog consiste en crearlas en servicios web que permiten el alojamiento de los archivos creados, con lo cual sólo tenemos que incluir en nuestro blog el código que nos proporcionan para ello. En mi artículo Cómo crear un test en la web ESLvideo.com se muestra esa posibilidad, y también existen otros servicios de este tipo tales como My Studiyo, donde se crean actividades tipo test con elementos multimedia, y Voki, donde podemos crear un avatar parlante para nuestro blog.

2. Espacio web del Isftic (antiguo CNICE)

El Isftic es un servicio del Ministerio de Educación español que recoge todo lo relativo a las Nuevas Tecnologías en la educación. En él disponemos los docentes de un espacio web suficiente para publicar páginas web, y por tanto para guardar archivos que podemos enlazar y mostrar en un navegador. Para conseguirlo, hay una página de Petición de cuenta gratuita para profesores con un archivo PDF para solicitar la cuenta.

Una vez que dispongamos de una cuenta en un servidor, podemos transferir los archivos al disco duro del servidor. Existen varios programas FTP gratuitos para transferir archivos a un servidor, y en la Web hay muchos tutoriales para aprender a manejar este tipo de aplicaciones, pero aquí voy a dar unas nociones mínimas que puedan ser de utilidad. Dos son los programas que vamos a ver: gFTP para Linux y Filezilla para Windows (también existe para Linux). En ambos programas el procedimiento que hay que seguir es el mismo. Veámoslo primero en la aplicación gFTP, cuya interfaz se muestra en la siguiente imagen, que se puede ver ampliada con un doble clic:

Cuando abrimos gFTP, en la parte superior tenemos tres campos de texto que hay que rellenar:

1. Servidor: es el nombre del servidor web donde tenemos nuestro espacio web. En mi caso, mi cuenta es fresno.pntic.mec.es. Hay que decir que desde hace un tiempo, ya no se puede usar "cnice" en la URL de la cuenta; ahora hay que sustituirlo por "pntic".
   
2. Usuario: es nuestro nombre de usuario para acceder a ese servidor. En mi caso, avaler3.
   
3. Contraseña: es la contraseña asociada al nombre de usuario. En mi caso, no lo digo.
   

Después, se pulsa la tecla Intro y aparece, a la izquierda de la ventana, las carpetas y los archivos de nuestro disco duro, y a la derecha, las carpetas del servidor. En nuestro disco duro vamos a buscar la carpeta donde está nuestra página. La ruta aparece en el cuadro de texto de la lista desplegable que hay en la parte superior. Cuando tengamos a la vista nuestros archivos, los marcamos con un clic del ratón mientras mantenemos apretada la tecla de mayúsculas. A continuación los transferimos al servidor apretando el botón que tiene la flecha dirigida hacia la derecha y que está situado en el panel central, entre las dos ventanas. Si queremos realizar alguna acción sobre un archivo o carpeta, pulsamos el botón derecho del ratón encima y aparece un menú de opciones.

La sección derecha de la ventana presenta la ubicación de los archivos transferidos en el servidor remoto, el ordenador donde se va a alojar nuestra página. Antes de transferir los archivos quizá haya que crear una nueva carpeta, según las condiciones que imponga cada servidor. Desde esta sección también se pueden copiar los archivos a nuestro disco duro, borrarlos y cambiar sus nombres, entre otras opciones.

Lo mismo se puede decir para el programa Filezilla, con la peculiaridad de que los archivos se pueden arrastrar con el ratón desde una ventana a la otra. Aquí tenemos su interfaz, muy similar a la de gFTP:

3. Espacio web de EducaMadrid

El portal EducaMadrid pertenece a la Consejería de Educación de la Comunidad de Madrid, y en él los docentes madrileños tenemos un espacio web de 5 GB. Para conseguir nuestra cuenta en este portal, tenemos que acudir al coordinador TIC de nuestro centro, que deberá seguir el Procedimiento para dar de alta a usuarios en EducaMadrid. Cuando tengamos nuestra cuenta, ya podremos utilizar el portal, que dispone de un wiki de ayuda, donde nos explican cómo usar el directorio de ficheros. En este directorio guardaremos todos nuestros archivos que no excedan los 10 Mb. La ventaja que tiene este procedimiento es que no hace falta utilizar un programa de FTP para transferir los archivos. También existe un vídeo realizado por José Mª Campo para explicarnos visualmente su funcionamiento. Y en forma de explicación rápida, aquí incluyo una imagen ampliable con un clic:

Una vez que tenemos guardados los archivos en nuestro directorio de ficheros, para saber su dirección URL, de forma que podamos enlazarlos o insertarlos en el blog, tenemos que hacer clic con el botón derecho del ratón encima del nombre de ese archivo, y escogemos la opción Copiar acceso directo (en el navegador el Internet explorer) o en Copiar la ruta del enlace (en Firefox). Y así podremos pegar después la ruta o URL en un enlace que hagamos para que lo vean los demás. En la siguiente imagen se ilustra lo explicado:

4. Incrustar el archivo en el blog

En cuanto haya guardado mis archivos en mi espacio web, los puedo incrustar mi blog de forma que aparezcan en un marco o iframe. Para ello tengo que realizar dos pasos:

1. Apunto o copio la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos el archivo como página web normal.
2. Lo incorporo a mi blog mediante la etiqueta iframe. El texto siguiente, con los cambios necesarios, hay que insertarlo en el código fuente del texto: hacemos clic en la pestana Edición de HTML del editor de Blogger, y ahí lo pegamos donde deseemos que aparezca:
   

<div align="center"><iframe src="http://ruta_mi_servidor/jquiz.htm" frameborder="0" height="500" width="500" scrolling="auto"></iframe></div>

En este texto vemos los atributos de la etiqueta iframe, es decir los parámetros de dicha etiqueta, que están colocados dentro de la etiqueta de apertura:

1. src: es la ruta o URL de donde se encuentra guardado el archivo jquiz.htm del test en otro servidor.
2. frameborder: es la anchura del borde del marco expresado en píxeles.
3. height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca que el test está incrustado en el blog.
4. width: es la anchura del marco. Hay que tener cuidado de no poner una anchura que sobrepase los 500 píxeles, pues el marco podría invadir el lateral del blog.
5. scrolling: es la barra de desplazamiento. Escribimos auto para que la barra aparezca automáticamente cuando sea necesario. Si escribimos yes, la barra aparecerá siempre, y si ponemos no, no aparecerá nunca. En este último caso, hay que impedir que el test se esconda por debajo del marco y el usuario no pueda verlo entero.
6. No hay que olvidarse de las comillas y de cerrar el iframe con su etiqueta de cierre, que incluye una barra.
7. En texto azul he incluido la etiqueta div y el atributo align para centrar el marco en la página, aunque no es necesario. No hay que olvidar el div de cierre. Con este código podemos centrar cualquier elemento de la página.

Cómo crear un test en la web ESLvideo.com

ESLvideo.com es un servicio web para "aprender inglés con vídeos gratuitos" y, como tal, cuenta con un amplio repertorio de vídeos en inglés, aunque también los hay en otros idiomas. Pero a la vez, los usuarios cuentan con la posibilidad de crear tests si se registran en la web. Estos tests son siempre del tipo elección múltiple o multiple choice, que quizá sea el tipo de test más utilizado en general. Y las preguntas se refieren al contenido de un vídeo que incrustamos en la actividad simplemente pegando el código que de ese vídeo nos proporciona la web en la que se encuentre; por ejemplo, YouTube.

1. Registrarse en ESLvideo.com

En el menú principal de ESLvideo.com tenemos todos los enlaces para registrarnos como usuarios (Register), entrar como usuarios registrados (Log in), ver nuestra cuenta (My Account) y salir de la sesión (Log out).

El formulario que nos proporcionan para registrarnos nos pide, por un lado, el nombre de pila (First name), el apellido (Last name) y el nombre de usuario (User name), además de la URL de nuestro blog, el email y la contraseña (password).

En cuanto nos registramos o entramos al servicio, ya podemos crear un test pulsando el enlace o la pestaña Create a Quiz.

2. Crear el test en dos pasos

Ahora nos aparece el primer paso de los dos que debemos dar para crear un test:


Aquí nos piden los siguientes datos: el título del test (Title), una descripción (Description), el código del vídeo que queremos incrustar (Video Embed Code), el nivel (Level), que va desde principiantes (beginning) hasta intermedio alto (high-intermediate) y finalmente el idioma (Language).

(El código del vídeo que tenemos que incluir lo podemos obtener en la página donde se muestra vídeo. Por ejemplo, junto a los vídeos de YouTube, en la parte derecha, se encuentra el código bajo la palabra Incrustar. Para copiarlo, tenemos que hacer clic encima del texto, y con el botón derecho del ratón elegimos la opción Copiar. Este código después lo pegamos en el marco de texto arriba mencionado.)

Ahora pulsamos el botón Next, o siguiente. Y ya estamos en la sección donde creamos el test. En la parte superior se ven los datos del test y el vídeo que hemos incluido:

Y debajo del vídeo tenemos un pequeño formulario para incluir la primera pregunta (Question):

Aquí nos piden las tres opciones como respuestas (Option), y la respuesta correcta (Answer), que debe ser idéntica a una de las tres opciones anteriores. Por último, pulsamos el botón Add this Question para añadir esta pregunta.

A continuación, si queremos incluir otra pregunta, debemos pulsar el enlace en letra azul Questions, que se encuentra debajo del vídeo. En esos enlaces de color azul podemos editar los datos del test incluidos anteriormente, además de una transcripción (Transcript) y unas notas (Notes) del test.

3. Enlazar o incrustar el test en el blog

Todos los tests que creemos, los tendremos disponibles en nuestra cuenta, y podemos acceder a ella en la sección My Account de la pestaña Home. Si hacemos clic en el título del test creado, veremos su enlace permanente, es decir, la página donde se encuentra publicado, que podremos enlazar. Pero también podemos incrustar el test en nuestro blog, porque disponemos de un código HTML que se encuentra en la parte inferior de la página donde se publica el test, en el recuadro titutlado EMBED CODE FOR YOUR BLOG.

Yo, por ejemplo, tengo hecho el test Who knows?, cuyo código es el siguiente:

<iframe src="http://www.eslvideo.com/view_quiz_inframe.php?id=1153" scrolling="auto" width="425" frameborder="0" height="950"> Who knows? </iframe>

Este código hay que pegarlo en el editor de Blogger, dentro de la parte de Edición de HTML, donde se incluye el código fuente de la entrada que estemos escribiendo:


Y aquí tenemos el test incrustado: