Flash Components      Flash Menu      Flash Gallery      Flash Slideshow      FLV Player      Flash Form      MP3 Player      PhotoFlow      Flash CMS      3D Wall      Flash Scroller

 tutorials:
  Flash 8
  Flash MX 2004
  Flash MX
    Flash 5
  Basic
  Animation
  Special Effects
  Advanced
  Forums
  ActionScript
  Graphics | Motion
  PHP and XML
  Web Technologies
  Swift 3D
   
 

 
 

 

 

 

 

 

 

 

 
Publishing
Flash Animations

Often times, a  lot of you post on my message board or email me when there is something that you would need help on. Publishing Flash animations and making it work on a server has been on of the most requested questions in the recent couple of days. Below you will find out how to do make your animations work on the Web.

Publishing to HTML and SWF:
 
When you publish your files in Flash, make sure that you are publishing the SWF file and it's supporting HTML file. The HTML file Flash outputs will make it much easier for you to get the animation to work as planned. To make sure you are publishing your files in both HTML and SWF, go to File > Publish Settings: Formats. Under the Formats area, make sure both HTML and SWF are checked.


The Formats are under Publish Settings

Once you have made sure that Flash will publish both HTML and SWF, you should click on the Publish button. (Unless you are not done with your animation; in which case you would first finish then press Publish).

Incorporating HTML
 
Now that you have published in the HTML format, you need to copy the HTML code from the Flash generated HTML file and paste it into your site's Web document. 

To do that:

  1. Open the Flash-generated HTML file in Notepad or another program that you may be using. FrontPage and DreamWeaver will work as well.
     
  2. Go to the HTML of that file, and copy all the HTML in between the <body> and </body> tags.
     
  3. The last step, open the HTML document from your Web site in which you would like to add the animation into. Paste the HTML code that you just copied into the HTML code of your document. Save the file once the code has been pasted. 

Remember that the actual animation is saved in the SWF file. The HTML file only interprets and links to the animation. Thus, you need to upload the SWF file to the same directory/folder where your HTML page is. If you changed the tags to represent a different location for the animation, then you will need to upload the SWF to the location you specified.

Checklist:

  • Publish animation in SWF
  • Publish animation in HTML
    • Copy the HTML from the Flash-generated HTML
    • Paste the HTML from the above step to the HTML document residing in your website.
  • Upload
    • Save the HTML document from your Web site, and upload it back to your server.
    • Upload the SWF file to the same location as that of your HTML page. If you changed the location of where your animation will be, then upload in that corresponding area.

Troubleshooting
 
If you are unable to get your animation to work on your server, try following the steps below.

  • Upload the SWF and Flash-generated HTML file to your server in the same folder or directory. Then from your browser, try accessing the Flash-generated HTML file. If the animation works from Flash's HTML page, you may have made a mistake somewhere. Try copying and pasting the code again.
     
  • Make sure that your server supports the use of Flash SWF files. Your server administrator or you may to install the correct MIME type on the server to connect the SWF file to the Macromedia Flash Player.

I hope the information helped. If you have any questions or comments, please don't hesitate to post them on the kirupa.com Forums. Just post your question and I, or our friendly forum helpers, will help answer it.

The following is a list of related tutorial and help resources that you may find useful:

How to use the Forums
New, Upcoming, and In-Progress Tutorials
How to Help out kirupa.com
Writing Tutorials
 
Cheers!
Kirupa Chinnathambi
kirupaBlog

 


kirupa.com's fast and reliable hosting provided by Media Temple. flash components
The Text Animation Component for Flash CS3
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.
Check out our high quality vector-based design packs! Flash Effect Components

Flash Templates
CSS Templates
Dreamweaver Templates

flash menus, buttons and components
Digicrafts Components The best flash components ever!
Entheos Flash Website Templates Buy and sell FLAs at Ultrashock!
Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com Purchase & Download Flash Components
Learn how to advertise on kirupa.com