HOT POTATOES EN EL BLOG

Ahora que conocemos el manejo y las ventajas de Hot Potatoes dentro de nuestras aulas es importante saber cómo insertarlo en nuestro blog, para hacer de estos una verdadera aula digital:

Para insertar actividades de HOT POTATOES en nuestro blog seguimos los siguientes pasos.

1.   Alojar (copiar) nuestros  archivos HTML en un servidor gratuito (ejm. Dropbox: https://www.dropbox.com/  ) anotar  la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos la página como página web normal.

2.   Insertamos la dirección en nuestro blog mediante la etiqueta iframe. , copiando el siguiente texto en Edición HTML del editor de blogger:

<div align="center"><iframe src="https://dl-web.dropbox.com/get/Public/crucig.htm?w=24b8a97c" frameborder="0" height="500" width="500" 

scrolling="auto"></iframe></div>

El texto debe ser copiado donde deseamos que aparezca la actividad:

3.   Ahora remplazamos el texto que aparece de rojo por la dirección donde fue guardado su archivo.

4.   Listo tenemos una actividad de Hot Potatoes en nuestro blog…

MODIFICAR LOS ATRIBUTOS DE  LA ETIQUETA IFRAME  

A continuación  vemos los atributos  o parámetros de la etiqueta iframe, para realizar los cambios que deseemos.

•    src: es la ruta o URL de donde se encuentra guardado el archivo CRUCIG.htm .

•       Frameborder: es la anchura del borde del marco expresado en píxeles. 
•     Height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca la actividad incrustada en el blog. 
•     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 la columna lateral del blog. 
•     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 ejercicio se esconda por debajo del marco y el usuario no pueda verlo completo. 
•     No hay que olvidarse de las comillas y de cerrar el  iframe con su etiqueta de cierre, que incluye una barra.
•     La etiqueta div y el atributo align sirven  para centrar el marco en la página, aunque no es necesario. No hay que olvidar el div de cierre.