lunes, 20 de febrero de 2012

Insertar Flash en Google Sites

Si bien el Flash es una tecnología que cada vez tiene menos adeptos, todavía se puede encontrar bastante material interesante en la red.

El motivo de este post es para que mis alumnos de 1º ESO puedan incrustar animaciones flash en sus Google Sites que elaborarán para aula. El procedimiento será similar para insertarlo en un blog o otra página web.

Pasos a seguir:

1- Deberemos tener en nuestro ordenador (local) el archivo flash (.swf). Otra opción sería que hubiéramos localizado la página donde se encuentra alojado el archivo en cuyo caso iremos directamente al paso 3.


2 - Para que el flash se visualice en nuestro Google Sites tendremos que subirlo a un server online al que luego recurriremos a su URL. Hay varios servidores que cumplen esta función, aunque ya que estamos con Google Sites lo subiremos ahí.

Para subirlo a Google Sites, hay que crear una página de plantilla tipo archivador dentro de un sites cualquiera. Recomiendo tener un sites exclusivamente para subir archivos, al que luego se puede hacer referencia desde cualquier página web.

Creamos una página nueva en nuestro sites.

La plantilla de la página debe ser tipo archivador


Una vez se cargue el archivo le pincharemos en ver.
 Si la carga ha sido correcta, se deberá visualizar a plena pantalla nuestra animación flash. En esta misma página copiaremos la URL al portapapeles o un editor de texto para su uso posterior. También la podemos dejar abierta y copiarla luego. [NOTA: Recuerda que la URL es la dirección web que nos aparece en la barra de navegación del navegador web]


3 - Una vez tengamos la URL, elegiremos la página o entrada donde queremos insertar nuestra animación. Cuando estemos editando pasaremos a la edición HTML.

Habrá que buscar el espacio donde queremos incluir nuestra animación e insertar este código:

<div align="center">
<embed src="URL_DE_LA_ANIMACION" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="350" height="300">
</embed>
</div>


Donde pone URL_DE_LA_ANIMACION, lo sustituiremos por la URL de nuestro Flash. [NOTA: Cuidado con no borrar las comillas] Daros cuenta que también podemos modificar el tamaño de la ventana donde se vea la animación en width y height. Bastará con modificar los valores 350 y 300, que corresponden a los píxeles de ancho y largo respectivamente de la ventana.


4 - Una vez hayáis modificado los valores actualicemos o guardemos la página ya tenemos nuestra animación en nuestro sitio web.

22 comentarios:

  1. muy bueno tu post
    pero para postar flash gratuito os aconsejaria este site solo requiere registro
    http://myfrogbag.com/
    y en cuanto al codigo del flash yo normalmente utilizo este,
    como no me lo deja publicar te remito a mi blog de test niralo es bueno
    http://sdrimbcn.blogspot.com.es/2012/05/test-player.html

    ResponderEliminar
  2. Muchas gracias ALberto por tus aportaciones.

    Siempre está bien conocer alternativas. Compartiendo aprendemos todos :-)

    Un saludo

    ResponderEliminar
  3. Gracias por tu aporte a sido valioso para nuestro sitio. Bendiciones.

    ResponderEliminar
  4. Echaré un vistazo y gracias por la información

    ResponderEliminar
  5. Gracias por el consejo, pero tengo una pregunta, como lo tengo que hacer para descargar las animaciones?

    ResponderEliminar
  6. No me ha quedado claro dónde tengo que introducir el código, podrían ayudarme por favor

    ResponderEliminar
  7. @Ushio

    Si se pueden descargar, con Firefox: Herramientas-> Información de la página-> Media-> Se busca el archivo y se guarda en local para luego subirlo.

    ResponderEliminar
  8. @Silvia

    Al editar la página, busca la edición html y pega el código, poniendo la URL de tu archivo flash.

    ResponderEliminar
  9. He hecho los pasos, pero al visualizar la página no me aparece a animación, que puede estar ocurriendo??

    ResponderEliminar
  10. He hecho los pasos, pero al visualizar la página no me aparece a animación, que puede estar ocurriendo??

    ResponderEliminar
  11. He hecho los pasos, pero al visualizar la página no me aparece a animación, que puede estar ocurriendo??

    ResponderEliminar
    Respuestas
    1. Pueden ser varias cosas, yo chequearía:

      Los pluggin de flash del navegador. Asegurate que puedes abrir el archivo .swf en local (es decir en tu disco duro) con firefox o el navegador que utilices.

      Mira en el server online (donde has alojado el archivo para enlazarlo) se ejecuta correctamente. Si no es así a lo mejor Google sites ha dejado de ejecutar flash y tendrás que buscarte otro server, donde si te lo ejecute.

      Revisa que has copiado correctamente el código html.

      Como ya comento el flash está en desuso, es una tecnología que consume muchos recursos y cada vez dará más problemas ejecutarlo. Suerte

      Eliminar
  12. Buen Contenido, pero que codigo se requiere para que el archivo SWF quede en pantalla completa. que sea lo unico que se vea? gracias ;)

    ResponderEliminar
  13. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  14. Este comentario ha sido eliminado por el autor.

    ResponderEliminar