Inserting Animate HTLM and JS code into a plain, static website? (Not Dreamweaver or Muse!)

Report · Mar 16, 2017

I am totally amazed that this vital information is not included with the Animate instructions/manual as it very well should be!

Once I complete an Animate project, I should be able to easily place the exported code into a simple static webpage without having any problems. However there does not seem to be anywhere on the Adobe website that talks about doing this very important step in producing a webpage with an Animate project within it.

OK, so how does one go about editing the Animate code so that when you put the code into the <body> and <head> of a webpage, the animation will just work? I want something that I can just copy and paste into my web editing software of choice, which is Freeway Pro 7. Usually I can draw a space on the webpage and assign Freeway Pro to drop that code where I need the animation to appear and it is done. I was able to do this quite easily when last using the beta version of Edge Animate, but now the code is so whacked out when it is exported via Animate that I do not know what to edit now.

Can someone please help as this should just be part of the normal, everyday instructions of how to upload your Animate project to a simple, normal, static webpage?

Adobe support!!! Please make this info part of the Animate manual!

You can see that this animation does work when I just drop it on the server: http://lightning-mobile.com/LM-Front-Page-Banner-Draft01.html however it is supposed to be working within the confines of this webpage: Lightning Mobile Test Draft and it does not. What is the solution to this please?

Report · Mar 17, 2017

animate is not an html editor. what your asking is for basic html/css information.

cut and paste the animate head code into your other html's head tags and do the same for the body code. i would imagine you'll have some problems because you probably don't understand css either and should use css to position your animate project within you website.

Report · Mar 17, 2017

I KNOW that Animate is NOT a web editor! I have been using an excellent Mac only web editor for the last eight years ever since I stopped using Adobe GoLive! With Edge Animate is was an easy matter to just paste the generated code into the <head> and <body> with very little editing of that code. Now with the code that Animate generates, it is nearly impossible to figure out what to do with it.

Normally I would just draw a box area with the web editor (Freeway Pro) the exact size I needed and placed it exactly where it is needed and then have the web editor handle the code so that the animations played within the box that was drawn. This is nothing out of the ordinary and this same code should work UNIVERISALLY for all such applications. It does not.

And so you are very WRONG kglad!!! Adobe should be including a code that can be copied and pasted by all so that it can work universally. What seems to be happening is that the code includes things so that without editing the code, it will only work within Dreamweaver and Muse and then only if you export the code via OAM to Muse and/or Dreamweaver! If you ask me, that is a very screwed up way of doing things and Adobe ought to be bitch-slapped hard for using that approach.

Report · Mar 17, 2017

I always just use an iframe. It's the simplest and most secure option.

Report · Mar 17, 2017

Yep! That is what I did and it worked with no hang ups! Just thought that I would attempt to try to do this the “native” way of just placing the code in the <head> and <body>, but it appears that Adobe does not want people to do that, so they made the tast very difficult. So yes, I am using iFrames for now.

But I am still hoping someone here knows how the code needs to be edited so that it just works in any normal, static website. And that ought to be part of the instructions of Animate! Adobe truly dropped the ball on this one!

Inserting Animate HTLM and JS code into a plain, static website? (Not Dreamweaver or Muse!)

1 Correct answer