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.
