Exporting a flash website in adobe flash cs3 for the web So you have created a flash website and it works fine as a .swf file but how do you get it onto the web and upload it onto your server.  This quick guide will show you how to get your flash website exported as a html file so that you have the ability to get it online. I will cover two methods doing it through adobe flash and adding the code to your document manually.

1. Exporting through adobe flash First you want to start up adobe flash and open up your main website document. If you already made website you should know what I am talking about. This is the document that runs all your swf files and acts as your ‘template’ for your entire project. Click on file > publish settings and make sure you have the flash and html format boxes checked.  Click on the flash tab and make sure you have these settings, they may vary depending on your project and the amount of things you have in it.  You can set the minimum version of flash player required to be able to view your website. Click over to the html tab at the top and leave your template as ‘flash only

Click on the html tab and leave your template as flash only unless your project demands other criteria.  Tick the detect flash version tab and set your dimensions to match movie. You can play around with the rest of the settings there, its up to you. I prefer playback to have the boxes loop and display menu checked.

After you have set up all your settings just press the publish button at the bottom of that window and thats it. Name that html file ‘index.html’ and upload it along with all the files in your website and their relative paths to your domain.

2. Manually adding code

Regardless you will still probably have to tweak pieces of code here and there however this section will show you how to add the entire project to your code manually.
Here is a snippet of the flash code from a test site it isn’t to hard to figure out what is what.

<script language=”javascript”>
if (AC_FL_RunContent == 0) {
alert(”This page requires AC_RunActiveContent.js.”);
} else {
AC_FL_RunContent(
‘codebase’, ‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0′,
‘width’, ‘897′,
‘height’, ‘800′,
’src’, ’skate_MAIN’,
‘quality’, ‘high’,
‘pluginspage’, ‘http://www.macromedia.com/go/getflashplayer’,
‘align’, ‘middle’,
‘play’, ‘true’,
‘loop’, ‘true’,
’scale’, ’showall’,
‘wmode’, ‘window’,
‘devicefont’, ‘false’,
‘id’, ’skate_MAIN’,
‘bgcolor’, ‘#ffffff’,
‘name’, ’skate_MAIN’,
‘menu’, ‘true’,
‘allowFullScreen’, ‘false’,
‘allowScriptAccess’,’sameDomain’,
‘movie’, ’skate_MAIN’,
’salign’, ”
); //end AC code
}
</script>
<noscript>
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”897″ height=”800″ id=”skate_MAIN” align=”middle”>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”allowFullScreen” value=”false” />
<param name=”movie” value=”skate_MAIN.swf” /><param name=”quality” value=”high” /><param name=”bgcolor” value=”#ffffff” /> <embed src=”skate_MAIN.swf” quality=”high” bgcolor=”#ffffff” width=”897″ height=”800″ name=”skate_MAIN” align=”middle” allowScriptAccess=”sameDomain” allowFullScreen=”false” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” />
</object>
</noscript>

Your code should look something like that except obviously your file names and links should be in there.
For example the parts I have bolded are the relative path of your .swf file for ’src’ and the name of the file again for movie.  Again it’s all pretty self explanatory there are the basic options of width, height, quality, loop, scale all that. You can edit your code accordingly. Again after you have your index.html file set up just upload it along with all your .swf flash website files with their relative paths.

No Related Posts