Cómo insertar un archivo SWF en una página web - Fácil y rápido

archivo swf

¿Estás batallando para que tu sitio web quede perfecto? Hoy venimos a ahorrarte esfuerzo con este tutorial para que aprendas cómo insertar un archivo SWF en una página web fácil y rápido, pues sabemos que esta puede ser una tarea difícil cuando se crea una página web con Google Sites, Word Press y otras plataformas.

Pasos para insertar un archivo SWF utilizando un editor WYSIWYG

Los editores WYSIWYG (siglas de 'what you see is what you get' que en español significa 'lo que ves es lo que obtienes'), como Microsoft FrontPage y para insertar tablas en página web esta Dreamweaver, son procesadores de texto que muestran el resultado final a medida que se escribe en ellos.

pagina web

Si sabes utilizar alguno de estos procesadores, verás que insertar un archivo SWF en una página web será muy fácil. Solo tienes que ir al menú 'Insertar' y seleccionar el archivo SWF desde el disco duro. Con esto el editor generará un código HTML, así que solo faltaría editar la ruta del archivo para que este quede donde deseas.

Pasos para insertar un archivo SWF utilizando un editor de texto

Si no manejas los editores WYSIWYG puedes utilizar un editor de texto. La diferencia será que deberás escribir el código HTML desde cero, algo que los procesadores WYSIWYG hacen automáticamente. Aunque esta es una manera un poco más larga, no es tan complicada. Solo debes seguir estos pasos:

  • Al crear tu archivo SWF en Flash, debes exportarlo en formato HTML para poder crear el código posteriormente.
  • Busca este archivo HTML en tu ordenador, y haz clic con el botón derecho del ratón para seleccionar la opción 'Abrir con'. Al abrirse el nuevo cuadro, selecciona NotePad o cualquier editor de texto que tengas. Esto te permitirá ver el código HTML de tu archivo. También puedes escribir el código HTML en el bloc de notas de Windows.
  • Copia este código y pégalo en el código fuente de tu página web, cuidando que esté ubicado donde quieres que quede.
  • Modifica la ruta del archivo, para que represente su lugar en tu servidor y carga los archivos (tanto HTML como SWF) en los directorios correspondientes.

Ejemplo de código

Abajo te dejamos un ejemplo de cómo queda el código. Puedes copiarlo para utilizarlo, pero debes tener en cuenta que debes modificar la ruta del archivo: en todos los lugares donde dice 'archivoflash.swf' debes colocar el nombre de tu archivo para que esto funcione.

codigos swf

<object type="application/x-shockwave-flash" data="archivoflash.swf" width="550" height="400">
<param name="movie" value="archivoflash.swf" />
<param name="quality" value="high" />
<img src="noflash.png" width="550" height="400" alt="Imagen en sustitución de flash" />
</object>

Otra cosa que debes modificar al código es el tamaño del archivo, donde dice 'width' (que en nuestro ejemplo es 550) debes colocar el ancho en píxeles, y donde dice 'high' (que en nuestro ejemplo es 400), el alto. Esto con la finalidad de que no se alteren las dimensiones de tu archivo y se vea apropiadamente.

Como pudiste ver, insertar un archivo SWF en una página web es una tarea bastante fácil y que puede ser realizada rápidamente. Solo queda que te familiarices con este sencillo proceso para que tu página web quede impecable y sea un éxito.

Subir