Home | FAQ | Download | Buy | Features | Samples | About us | Testimonials | Affiliates | Link to us
 

Adding an Flash animation into notepad - Hand code HTML

Adding a custom-made Flash animation created with Anim-FX into HTML editors like Frontpage or Dreamweaver is easy.

However, if you do all the coding by hand in Notepad, or your HTML editor does not have a standard Insert Flash option, things can become a bit more complicated, especially if you are not that familiar with HTML coding.

By following these simple steps, you will be up and running in no time at all and impressing all of your visitors with your talents!

In this sample, we used Notepad as our HTML editor. You can use any other HTML editor as long as there is an option that allows you to hand-code your HTML code.

1. Create an animation in Anim-FX
2. Save it and copy and paste the files to your website directory. This is the directory where you will save the index.html file of your website.
3. Click on the generate HTML Button In Anim-FX. Set the scale tag to no border, and copy the html code to your clipboard. (CRTL + C)
3. Open Notepad, and paste the html code into the empty document. Eventually your code should look similar to the code below.

<HTML>
<HEAD>
<TITLE> Flash animations <TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,0,0"
width="400" height="100" align="top">
<param name=movie value="your-swf-file.swf">
<param name="BGCOLOR" value="#FFFFFF">
<param name=quality value=high>
<param name="SCALE" value="noborder">
<embed src="your-swf-file.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="100" scale="noborder" align="top">
</embed>
< /object>


</BODY>
</HTML>

4. Save the file with an .html extension, for instance index.html, and save it every time you change the content of it.
5. To view the created HTML page double click on the file, or open it in your Internet browser.