JOSÉ TOMAS ¿CON O SIN TOMASITIS"

José Tomás vuelve a Madrid
Cargado por burladero_es

Insertar cualquier actividad en blogger

Cómo incrustar actividades interactivas en un blog de Blogger

Este es el contenido de parte del taller Creación y uso educativo de blogs del Congreso Nacional de Internet en el aula cuyo autor es Alejandro Valero. Sirve para cualquier actividad (o página web) incluidas Webquests, Cazas del tesoro Webclue siempre que estas estén previamene colocadas en un servidor.

HTML, el lenguaje que subyace en la Web, tiene una etiqueta denominada iframe que sirve para introducir un archivo HTML en otro con forma de marco, de ahí su nombre. El archivo que contiene el ejercicio interactivo se guarda en otro servidor web y se incrusta enlazándolo en el artículo donde se publica, de forma que no parece de fuera.

¿Por qué no se puede incrustar esta actividad sin enlazarla con la etiqueta iframe? La respuesta es que la aplicación con la que se elabora esta actividad crea un archivo HTML con un código muy complejo que no deja esa posibilidad, de manera que resulta imposible pegar el test en el artículo. Por tanto, para incluir este tipo de ejercicios en el blog tenemos que contar con un servidor externo donde guardar los archivos HTML. Esto no es un problema para los docentes, porque todos disponemos de espacio web en algún servidor de las Consejerías de Educación o del Ministerio de Educación (CNICE), y además en la Web existen muchos servidores gratuitos.

2. Incorporar el test en el blog

Para incorporar el test en el blog hay que realizar dos pasos:

1. El archivo HTML del test recién creado lo transfiero (lo copio) a un servidor web mediante un programa de FTP, y apunto la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos el test 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.

Una Caza del tesoro

Lo dicho. Probamos con otro tipo

Otra prueba

Esto es flash

Prueba de actividad incrustada en blog

Esto es una prueba para incrustar una actividad creada con Hot Potatoes

Vídeos y letras para aprender inglés

En esta dirección http://www.morkol.com/
podéis localizar vídeos de canciones con sus correspondientes letras para trabajarlas en clase.

Además se ofrece código para poder ponerlas en las web y blogs

Pizarra con tizas en la era de Internet

Gracias a las compañeras y compañeros del grupo de trabajo de Coordinadores TIC, nos llega este enlace a un reportaje del EL PAÍS.

Merece la pena una pequeña reflexión.