Set Up Your Files
These are the folders you will need. You can save your
- Flash .fla and .swf files in the flash folder,
- images and
- css go in their respective folders.
- HTML is just in the main containing folder.
Ready Your Movie
Make sure your flash movie is ready with all of the Animations (1) , FPS (2) , Size (3) and content (4).
Open the Publish Settings
Make sure you have:
- Flash checked
- At least one image format (jpeg, gif, png) you can choose more than one
We won't need the HTML wrapper. We will do that by hand.
When you're ready click the Publish button (3)
If you have simple animations you may be able to choose an earlier version of the Flash Player. This will just have the effect of allowing people who havn't upgraded their plugin to the latest version to also see your Movie.
If you have a newer version of Flash installed (CS6 is shown) then the options might be different.
Whatever you choose. Write it down or remember it because you will need it later.
You should now see the files you selected to publish in your flash folder
Copy the Image(s)
Copy your images, We will paste them into the Images folder
Move to the Images Folder
Paste in the images.
Check that everything is setup.
Make sure you have all of the necessary files before completing the next step
- .swf in the flash folder
- Image you will use in the Images folder
- swfobject.js in the js folder
Check that your HTML file is setup
You need to have a few things in place before you add the code needed to insert the Flash file.
- Leave an open script element. We wil write in here in the next step.
- You need a div with an ID (not a class) that will be where the Flash content will go.
Add the code for the swf object
Paste in the swfobject code.
swfobject.embedSWF("flash/SiteTitle.swf", "headerFlash", "800", "200", "9.0.0");
YOu will need to modify the following to match your movie:
- The path to your swf file. Make sure to use the name you chose
- The id of the div you want the movie to appear in
- the width of the movie
- the height of the movie
- The version of the player it needs (from the previous step where you published the movie)