buscar Buscar en RED Descartes    

Jueves, 11 Diciembre 2014 00:38

Juegos didácticos en el blog

Escrito por
Valora este artículo
(1 Voto)

En algunas ocasiones nos resulta mucho más cómodo disponer de algo en nuestro blog que tener que buscarlo, y si tienes que hacerlo con toda una clase más aun.

Disponemos de dos opciones para poner un juego en nuestro blog, enlazarlo o incrustarlo. Los juegos están creados con un tamaño demasiado grande para el espacio que te ofrece el blog y al insertarlo solo se verá una parte. La mejor solución es enlazar el juego para que se abra en otra ventana. Utilizaremos como ejemplo el juego "Dos puentes". Entrando en él, vamos a la versión que nos interese, por ejemplo la de ficheros, y copiamos la dirección web.

Para ello seleccionamos las palabras que formarán el enlace y pinchamos en enlace en el editor. Pegamos la dirección del juego y seleccionamos la opción de abrir en otra ventana:

Enlace al juego

imageOtra opción es la de poner un imagen y que pinchando sobre ella se abra el juego. Solo tendremos que pinchar en la imagen y, una vez seleccionada, hacer clic en enlace y pegar la dirección. Habrá que indicarlo en el texto de la entrada. Pincha sobre la imagen para acceder al juego.

Vamos a ahora con la otra opción, ya hemos comentado que no es del todo satisfactoria pero permite ver el juego y además nos sirve para hacerlo en Moodle editando una página. Para insertar un juego en una entrada solo tenemos que poner el siguiente código

<iframe src="/descartescms/dirección_del_juego.html" style="height: 500px; width: 650px;"></iframe&gt

Cambiando la parte del enlace en la que pone dirección del juego por la del juego que nos interese. En nuestro ejemplo: http://newton.proyectodescartes.org/juegosdidacticos/images/juegos/unzip-juegos/jug-dos_puentes/dos_puentes-fich.html, quedaría así:

<iframe src="http://newton.proyectodescartes.org/juegosdidacticos/images/juegos/unzip-juegos/jug-dos_puentes/dos_puentes-fich.html" style="height: 500px; width: 650px;"></iframe&gt

Este código tenemos que pegarlo en la entrada pero utilizando la vista HTML. Pinchamos arriba a la izquierda, junto a Redactar ejn el botón HTML y pegamos el código. Lo mejor es hacerlo al final para no modificar nada de lo ya escrito. Haciendo clic en el botón Redactar todo volverá a verse como antes. Puedes modificar el tamaño, en el ejemplo es de 500 píxeles de alto y 650 de ancho, con modificar los números podrás ajustarlo a tus necesidades. Aquí tenéis un vídeo con todo el proceso:

Visto 3092 veces Modificado por última vez en Lunes, 04 Febrero 2019 11:54

Deja un comentario

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Canal Youtube

 Youtube CanalDescartes

Calculadora Descartes

Versión 3.1 con estadística bidimensional

ComparteCódigo para embeber

Utilizamos cookies para mejorar nuestro sitio web y su experiencia al usarlo. Las cookies utilizadas para el funcionamiento esencial de este sitio ya se han establecido. Para saber más sobre las cookies que utilizamos y cómo eliminarlas , consulte nuestra Política de Privacidad.

  Acepto las Cookies de este sitio.
EU Cookie Directive Module Information