How to Insert a SWF File into a Web Page - Quick and Easy

Who I am
Philippe Gloaguen
@philippegloaguen
Author and references

Are you struggling to make your website perfect? Today we come to save you the trouble with this tutorial so that you can learn how to insert a SWF file into a web page quickly and easily, as we know this can be a difficult task when building a webpage with Google Sites, Word Press, and other platforms.

What is a SWF file?

SWF stands for 'Small Web Format' and refers to a format of graphic files that can be animated or static and which are created in the Adobe Flash program. Although this program also allows you to create EXE format files which can be converted to MP4 online for free.



In the next sections we will explain step by step how to insert a SWF file into a web page in a way quick and easy. You should know that there are several ways to do this: the simplest is to use a WYSIWYG type editor, such as Macromelia; and the other is manually creating the HTML code.

These files come run by Adobe Flash Player, so if you don't have the latest version of that plugin, you may not be able to view SWF files online. However, it is very easy to successfully update Adobe Flash Player to the latest version, so this shouldn't be a problem.

Steps to insert a SWF file using a WYSIWYG editor

WYSIWYG editors (acronym for 'what you see is what you get' which in Spanish means 'what you see is what you get'), such as Microsoft FrontPage and to insert tables in a web page this Dreamweaver, are word processors that display the final result as you write to them.


If you know how to use one of these processors, you will see that insert a SWF file into a web page it will be very simple. Go to the "Insert" menu and select the SWF file from your hard drive. With this, the editor will generate an HTML code, so it would only be necessary to change the file path so that it stays where you want it.


Steps to insert a SWF file using a text editor

If you don't manage WYSIWYG editors you can use a text editor. The difference will be that you will have to write the HTML code from scratch, which WYSIWYG processors do automatically. While this is a bit longer way, it's not that complicated. You just have to follow these steps:

  • When you create your SWF file in Flash, you need to export it in HTML format before you can create the code later.
  • Find this HTML file on your computer and right-click it to select the "Open with" option. When the new box opens, select Notepad or any other text editor you have. This will allow you to see the HTML code for your file. You can also write HTML code in Windows Notepad.
  • Copy this code and paste it into the source code of your web page, making sure it's where you want it to be.
  • Change the file path so that represent its location on your server and upload the files (both HTML and SWF) in the corresponding directories.

Code sample

Below we leave you an example of what the code looks like. You can copy it to use it, but you have to keep in mind that you have to change the path of the file: in all the places where it says 'archivoflash.swf' you have to put the name of your file why it works.







One more thing you have to change the code is the size of the file, where it says 'width' (which in our example is 550) you have to put the width in pixels, and where it says 'high' (which in our example is 400), the height. This is so that your file size is not altered and is viewed appropriately.


As you can see, the insert a SWF file into a web page it is a fairly simple operation and can be done quickly. It only remains for you to familiarize yourself with this simple process so that your website is flawless and successful.

TagsTutorial Internet
add a comment of How to Insert a SWF File into a Web Page - Quick and Easy
Comment sent successfully! We will review it in the next few hours.