5.-GESTIÓN DEL BLOG: Actividades interactivas

7

25/02/2014

Gestión del Blog: o   Insertar actividades interactivas en el Blog, con código HTML: o   Archivos swf. o   Recursos donde encontrar actividades interactivas.                         -------------------- Práctica: Insertar actividades interactivas en el blog relacionadas con su programación.

Para  poder insertar actividades interactivas en el Blog, es necesario saber el código HTML de las mismas, y por otra parte conocer algún lugar donde haya bastantes para poder elegir las más adecuadas para nuestro curso y nivel.
Podéis encontrar muchas por la red, pero vamos a utilizar la siguiente dirección, ya que está muy organizada por cursos y editoriales, y eso nos facilitará encontrar fácilmente lo que nos interese. Y para tenerla bien a mano, la vamos a colocar en nuestra barra lateral (sidebar).

COLOCAR UNA IMAGEN EN LA BARRA LATERAL:

• La página es esta:

http://www.ceiploreto.es/

Para colocarla en nuestra barra lateral necesitamos tener la imagen guardada en nuestro ordenador ( y podemos guardarla mediante una captura de pantalla).O bien podemos utilizar la dirección de dicha imagen que sería esta:

Dirección de la página de ceiploreto

• Ahora vamos a Diseño- Añadir gagdet-Imagen, y en el cuadro que se nos abre configuramos la imagen. Guardamos y ya tiene que aparecer en nuestra barra lateral, para dirigirnos a ella facilmente y buscar recursos.

INSERTAR ACTIVIDADES INTERACTIVAS EN NUESTRO BLOG

Para insertar actividades interactivas tenemos que saber la dirección de las mismas, que siempre irá terminada en .swf

Por ejemplo, vamos a practicar con la siguiente:

Actividad de Hallowen:

http://www.jeuxclic.com/jeux/jeux-flash-2566.swf

Si queremos insertarla en nuestro blog, tendremos que usar el siguiente código y pegarlo en una entrada pero,...ATENCIÓN!, debemos pegarla en modo HTML, en lugar de en modo Redactar, y sustituir la dirección terminada en swk por la de la actividad que nosotros queremos colocar, esto lo haremos en los dos sitios donde va. También podemos modificar la anchura y la altura cambiando las cifras:

<object data="http://www.jeuxclic.com/jeux/jeux-flash-2566.swf" height="350" type="application/x-shockwave-flash" width="400"> <param name="movie" value="http://www.jeuxclic.com/jeux/jeux-flash-2566.swf" /></object>