Inserting Flash movies to Adobe GoLive.

---

Follow the steps below to add Flash Designer animation (*.swf) to Adobe GoLive webpage

Create new project file

1. Export SWF file from Flash Designer ("File" > "Export SWF File")
2. Launch Adobe GoLive
3. Choose "File" > "New" to create a new web site

4. in a new window you can choose type of new project - select "Web", "Pages" and "Stationery Page"
5. click "OK"

OR

4. in the next dialog you can choose the type of the new project - click on "Site", "Create Site" and select "Blank Site" option
   
   
   
   
5. in next steps you can change some options of your project, but here we use default settings and you can click only three times "Next" button and then "Finish"
6. you should see a list of two files - css file and html webpage file
   
   
   
   
7. click right mouse button on "index.html" file, expand "Open" then "Open in Adobe GoLive" or just double click on "index.html" file

Insert SWF movie to web project
If you choose the first way of this tutorial ("Site" project), you can skip points 5 to 8.

8. switch top menu to "Layout"
9. click right button on project, choose "Insert Object", next "Basic" and next "SWF".
   
   
   
   
10. you have now SWF object, in next step you must link it to the file - click right on SWF object, choose "Source Link" and next "Browse Link..." - now you can select your SWF file and click "Open".

Copying SWF file to project folder and changing path

11. Attention: path to your swf file (view the html source in "Source" view of project) is absolute (like "file:///C:/www/Selteco/file.swf"), not relative (for example: "files/file.swf") and you must copy SWF file to your project folder, if you don't do it, your SWF movie will be visible only on your local computer
    
    
    
    
12. your swf file should be now in your project folder, where is your index.html file - copy it to them
    If you don't know where is folder with your web project, you can check this:
    • click right on your SWF object in "Layout" view, next choose "Source Link" and next click on "Reveal in Explorer" and you can see now folder with your SWF file
      OR
    • in "Layout" view - click right mouse button on your document, move the mouse over "Document" in menu and select "Show properties" and now you can see path to your folder at "Location" paragraph.

OR

12. if you chose a "Site" project (second way of this tutorial at point 4) you can now easily copy your SWF file to your project directory - switch top menu to "Files", click right on free space at directory list on left and next choose "New", next "Add Files..." and select your SWF file, click "Open" and now this file is in your site project directory (for example: /My Documents/New Site/web-content/)
    
    

13. change path to your SWF file in "Source" view from absolute to relative - if SWF file is in the same folder as index.html (or another web project html file) path to this file is only it's name ("file.swf").
14. save project file in Adobe GoLive, open your webpage

Comments?

If you would like to briefly comment on this article, you can enter your remarks in the space below (up to 255 characters):