Actividades multimedia

Añadir actividades multimedia interactivas al blog :

Puedo incrustar actividades interactivas multimedia (tipo Jclic, Constructor, Java,Javascript, HTML, flash etc...)  en mi blog de forma que aparezcan en un marco o iframe. Puedo realizarlo de dos formas:

1 Apunto o copio la ruta o dirección Web (URL) donde está guardado el archivo, 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/" 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.
  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.

Suscribirse a: Entradas (Atom)