Home | Purchase | Samples | Download | FAQ | Testimonials | About us | Tutorials

Inserting a Flash animation into WebStudio

I had a hard time to figure out how WebStudio works, as I'm not used to HTML editors that put files automatically into predefined directories. For each page the application creates a unique directory. Each directory contains all the graphical elements for that particular page, including the Flash animations I created with Mix-FX. Just follow the steps below to import a Flash movie into WebStudio.

1. To start, create your web animation or buttons with Mix-FX. Save it as "publish for web"
2. "Publish for web" creates the HTML file containing the required HTML/SWF code
3. Open WebStudio
4. Create a new document
5. Drag and drop the HTML object onto your page. The HTML object can be found in your -view/galleries/"Cool Stuff"/the box with the <html><head> tags (Figure 1)

Figure 1

6. Right click on the HTML object and select "Properties"
7. Now the "Object properties" window pops up
8. First, attach the SWf file to the HTML page. To do this click on the "Attached Files" tab - and then on the "Add files to List" Button. Browse to your SWF file and select your SWF file
9. Next you must insert the special HTML code that is required for all SWF files. To do this click on the "HTML tab" and click on the "Import" button, browse to the HTML file you created with Mix-FX with the "publish for web" save feature
10. Your HTML code will appear. The only code you need is the section between the <object> tags. Make sure you remove all the other HTML tags (Figure 2)

Figure 2 (the required code)

11. Now, strangely enough, you are not done yet. WebStudio requires you to add $thisfolderurl$ in front of your SWF file. My SWF file is named animation.swf and I must rename this to $thisfolderurl$animation.swf. (Figure 3) Note that you must do this twice!

12. Click "OK" to close the object properties window and to save all your data
13. Click on "Preview/Preview this page" to see the final HTML page
14. To stop the Preview click on "File/Close Preview"
15. To save your website select "Website/Save Website to Hard drive"
16. When you check the directory structure of the website you just created on your hard drive you will see that WebStudio created a "Page_1" directory. In this directory it stores the SWF file, hence the strange $thisfolderurl$ piece of code I instructed you to add earlier. If you open the code of the HTML page in Notepad, you will see that the path to the file is "Page_1/animation.swf".
17. Finally, if you want to change the dimensions of the animation, You must change the "width" and "height" tag directly in the HTML content area.


Home | About us | Purchase | Samples | Download | FAQ | Testimonials | Partners | Link to us | Affiliates | News Releases| Flash Tutorials | Sitemap | Flash buttons Samples| Flash animations Samples | Web Design tips| SWF File Format | Flash Facts | Web Design checklist | More Flash software Tools | Flash logos design | | Resources | Basic SEO Tips

If you have any questions, please contact Support@Mix-FX.com

Copyright 1999-2009
Triple W Flash Tools

Privacy statement | Copyright notice