Saltar al contenido

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

27 agosto 2020

¿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.

¿Qué es un archivo SWF?

Las siglas SWF son el acrónimo de ‘Small Web Format’, y hacen referencia a un formato de archivos gráficos que pueden ser animados o estáticos, y que son creados en el programa Adobe Flash, aunque este programa también permite crear archivos en formato EXE que pueden ser convertidos en MP4 online gratis.

Estos archivos son ejecutados por Adobe Flash Player, por lo que si no posees la última versión de ese plugin es posible que no puedas ver los archivos SWF online. Sin embargo, es muy sencillo actualizar el Adobe Flash Player correctamente a su última versión, por lo que este no debería ser un problema.

En los próximos apartados te explicaremos paso a paso cómo insertar un archivo SWF en una página web fácil y rápido. Debes saber que existen varias formas de hacer esto: la más sencilla de ellas es utilizando un editor tipo WYSIWYG, como por ejemplo Macromedia; y la otra es creando el código HTML manualmente.

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 Dreamweaver, son procesadores de texto que muestran el resultado final a medida que se escribe en ellos.

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 click 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.

<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 pixeles, 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. Sólo queda que te familiarices con este sencillo proceso para que tu página web quede impecable y sea un éxito.