How do youimport your flash animation      into your website?  Presentation by www.bubblefruit.com – Website design & deve...
First save your file in a                                                    known folderPresentation by www.bubblefruit.c...
Now click on publish settingsPresentation by www.bubblefruit.com – Website design & development
Ensure you are on the     formats tab    Check boxes flash &     HTML are checked     Presentation by www.bubblefruit.com ...
1. Click on HTML tab2. Depending how you would   like the animation to run   check and un-check the         required boxes...
Once you have clicked publish Flash willgenerate 3 files in the folder you saved theanimation in.  Presentation by www.bub...
Now these file are stored locally on your PC inyour named folder.We have to get these 3 files onto your websitedomain. If ...
If your using a 3rd party design package likeWebeden or 1on1 websites the these will have acontainer to drop the flash Jav...
1. Enter your website FTP settings,                             Host, username & passwordPresentation by www.bubblefruit.c...
2. This window contains your local ( thats files on your PCs hard disk)           Find the folder you saved you flash anim...
3. Once Filezilla connects to your website these boxes will fill with folders andfiles. These are folders and files that m...
4. Highlight the folder with the files in and left click, this now brings up an upload window. Click Upload and the file t...
Once this process completes you will see the new folder              appear on the your websites file structurePresentatio...
We can now test the animation on the website,the animation will run in a web browser underthe URL that you saved it in.In ...
Although we have managed to test and run ouranimation within the browser, this does not helpuse get this snippet of animat...
1. Go to the browser displaying the animation and           right click the blank part of the page away from the          ...
2. The code we need to copy is between                               and including the <object & …. below                 ...
Once you have highlighted this text copy with holding the two      keys on your keyboard, CTRL & C. This copies the text, ...
We now have the Javascript code for the flashanimation safe.This code can be added to flash content fields in3rd party web...
If you are unsure about how to do this just emailor reply to this blog and we will happy to help.With so many website deve...
Remember we are here to help so please feelfree to ask us any questions either via email orvia our contact form on the web...
Upcoming SlideShare
Loading in …5
×

Adding flash animation to a website

3,003 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Adding flash animation to a website

  1. 1. How do youimport your flash animation into your website? Presentation by www.bubblefruit.com – Website design & development
  2. 2. First save your file in a known folderPresentation by www.bubblefruit.com – Website design & development
  3. 3. Now click on publish settingsPresentation by www.bubblefruit.com – Website design & development
  4. 4. Ensure you are on the formats tab Check boxes flash & HTML are checked Presentation by www.bubblefruit.com – Website design & development
  5. 5. 1. Click on HTML tab2. Depending how you would like the animation to run check and un-check the required boxes. In our example we want the animation to run when loaded and play just once. By checking loop for example would cause 3. Click publish the animation to keep repeating. Presentation by www.bubblefruit.com – Website design & development
  6. 6. Once you have clicked publish Flash willgenerate 3 files in the folder you saved theanimation in. Presentation by www.bubblefruit.com – Website design & development
  7. 7. Now these file are stored locally on your PC inyour named folder.We have to get these 3 files onto your websitedomain. If you have created your own website andused a website design package then you shouldbe able to upload the files via the FTP facility.If you have no idea what Im talking about then wedo have a free user guide to FTP Coming soon onthis blog. Dont be scared this is just a way ofgetting files from your PC to a website......cont Presentation by www.bubblefruit.com – Website design & development
  8. 8. If your using a 3rd party design package likeWebeden or 1on1 websites the these will have acontainer to drop the flash Java script into.I know this part can get complicated as there is somany methods and packages that can do this FTPprocess. To list and show you all these would takea lifetime :-)In this example Im going to use FileZilla, this is aFTP (file transfer protocol) program and free todownload and use, we like free stuff :-) Presentation by www.bubblefruit.com – Website design & development
  9. 9. 1. Enter your website FTP settings, Host, username & passwordPresentation by www.bubblefruit.com – Website design & development
  10. 10. 2. This window contains your local ( thats files on your PCs hard disk) Find the folder you saved you flash animation in. Presentation by www.bubblefruit.com – Website design & development
  11. 11. 3. Once Filezilla connects to your website these boxes will fill with folders andfiles. These are folders and files that make up your websites file structure. Just like your PC choose a destination for this flash animation. Note, remember where you save this so you can find it on your websites URL e.g. www.bubblefruit.com/demo/ Presentation by www.bubblefruit.com – Website design & development
  12. 12. 4. Highlight the folder with the files in and left click, this now brings up an upload window. Click Upload and the file transfer process will start to upload the folder to your designated location on your website . Presentation by www.bubblefruit.com – Website design & development
  13. 13. Once this process completes you will see the new folder appear on the your websites file structurePresentation by www.bubblefruit.com – Website design & development
  14. 14. We can now test the animation on the website,the animation will run in a web browser underthe URL that you saved it in.In our example we saved the “demo” folder inthe root directory of our website e.g.www.bubblefruit.com/demo/The file the browser will run is the .html file. Wesaved our animation as demo so the file will bedemo.html. Full URL will bewww.bubblefruit.com/demo/demo.html Presentation by www.bubblefruit.com – Website design & development
  15. 15. Although we have managed to test and run ouranimation within the browser, this does not helpuse get this snippet of animation into a websitepage with other text and images.We need to copy the Javascript code that hasbeen placed in the demo.html file and paste itinto our desired website page.This is easy to copy …... cont Presentation by www.bubblefruit.com – Website design & development
  16. 16. 1. Go to the browser displaying the animation and right click the blank part of the page away from the animation. Now select view page source.Presentation by www.bubblefruit.com – Website design & development
  17. 17. 2. The code we need to copy is between and including the <object & …. below </object>Presentation by www.bubblefruit.com – Website design & development
  18. 18. Once you have highlighted this text copy with holding the two keys on your keyboard, CTRL & C. This copies the text, now save this into a notepad or word file by holing CTRL & V this pastes the text into notepad or word.Presentation by www.bubblefruit.com – Website design & development
  19. 19. We now have the Javascript code for the flashanimation safe.This code can be added to flash content fields in3rd party website software like 1on1 & Webeden.If you have a website developer you can emailthem this code to insert into the website.If your self developing them using your websitedesign software add this in to the area you wishto display it. Presentation by www.bubblefruit.com – Website design & development
  20. 20. If you are unsure about how to do this just emailor reply to this blog and we will happy to help.With so many website development and designpackages its impossible to show how to do thiswith each one.Note, if you change your animation in anywaythe Javascript code will change and you willhave to re-copy and paste into your site.Also remember to size your animation at thebeginning of your design as this cannot beresized after within your website. Presentation by www.bubblefruit.com – Website design & development
  21. 21. Remember we are here to help so please feelfree to ask us any questions either via email orvia our contact form on the website.Also feel free to comment or add a reply to theblog as your input is always welcome, andthank you for viewing. Our email address is paul@bubblefruit.com Presentation by www.bubblefruit.com – Website design & development

×