Embed edge animate onto webydo website

Hi,
Just wanted to know the best way to embed a edge animate onto a webydo designed website. A step by step overview would be great.
Cheers,
Shaun

Is the new HTML page in the same directory and level as the HTML file created by Edge? The path to edge files may be off.

Similar Messages

Can Edge Animate Create Full Websites?

Can Edge Animate creat full websites like Flash? Or is it only for content like headers, etc? Could I make a site like this? ---> http://www.ideator.ca/#
Lastly, how well does it work with SEO tools?

Nancy O. wrote:
Edge animation is a combination of HTML5, JavaScript and CSS3. Search engine spiders don't use JavaScript or CSS. All they "see" is the markup inside HTML tags: <h1>, <h2>, <h3>, <p>, <li>, etc...
Does this answer your question?
Nancy O.
Hi Nancy,
Thanks for the response. I understand that the spiders only see html code, but when the final render is in the browser AE has added a whole series of div tags. This can be seen when using the F12 mode in Chrome.
John Hall wrote:
There are some folks experimenting with SEO using the publishing settings:
Hi John,
Since posting my question above I have seen these, but thanks for posting them. The problem I have is after publishing using the static HTML option I still do not have the additional markup code, despite using h and p tags for all the text in AE. Any idea what might be going on there?
Saying all that I really thought spides saw the end result that the browser presents rather than just the raw html/php/etc... files. One reason I thought this is I have used PHP includes to add html into files and the 'included' code was picked up correctly in a search. Anyone have any thoughts or experience on this here?

How to embed Edge Animate 2014.1 object in html page?

Since there is no more *_edgePreload.js file, I don't know how to embed my animation into an html page. I don't wanna use iframe.

I am new to Edge Animate, and I've created my first project and I believe that it is nearly web ready. The problem is that I already have a site that was not built with Adobe products... again, I'm new here.
I have scoured the internet trying to find out how to implement this job into our site, but the only answers that I find are statements saying that it works with this builder or that one...or that it can be put in with Dreamweaver and instructions on how to do so.
We built this site using OptimizePress 2 (a site/page builder for WordPress) , and I would need to put in the created content that I am speaking of via a custom code/html block that I can put on the page in the location I desire the finished product to be located.
How do I go about adding the finished product to the site... is there a step by step list of instructions on how to do this? There will come a time soon where I will want to make pages using only Edge Animate content for things like landing pages, welcome pages, error pages, etc... but for now I would like to be able to put things in like this that I've built.
It's just a scrolling "ticker-style" schedule of our session hours. People seem to have trouble scrolling to find them, or even clicking on "Schedule" on our membership side, so we are putting it up in bright scrolling letters.
One of the guys that helps me with site work managed to get it here.... Trading Scheudle Roller but I need to get this to a code block (element as OP2 calls it) to display this in a particular location. I'm not sure if it's even done right the way he has it in there now
I'm sorry this got long winded, but any help...instruction or tutorial would be greatly appreciated.
Thank you,
Brandon D Gibbs
The Lion's Den Trading, LLC
https://thelionsdentrading.com

Embed Edge Animate animation into a Powerpoint presentation?

Is there a way to embed the animation I created into a Powerpoint presentation. My client wants a rather detailed animation and I know I can do it in Edge Animate, but how can they use it in their presentation? Is there any workaround for this? All help is really appreciated.

I don't think powerpoint supports html.
But you can insert video in slides.
So, better you create Edge Animate composition and preview in browser in fullscreen mode and use any screen capture software that will create a video out of it.
Then insert this video in the slides to have the animation.
hope it helps,
Vivekuma

Adding to a website animation made in edge animate

Hello, I am web designer, I made several banners for our webpage in edge animate, and now our programmists are having trouble adding them to a website. May be someone can tell, what they did wrong? Or may be you may give as lint to a tutorial explaining, how to add it in the right way?
link to a website: https://imfoption.com/a/new-home-page/
link to a banner: http://giteldesign.com/portfolio/works/banners/imfoption/man-moving/

This may be because of the site being served on https and some of the edge animate scripts being served over http, which are blocked by the browser. You can change the URL scheme from http to https in the file /wp-content/themes/imfoption/js/newban/man_edgeActions.js to make it work.
Following URLs will need a change:
aLoader = [
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min. js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
You can also just use the URLs without a scheme as follows, then the scheme will be automatically chosen.
aLoader = [
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min.js" },
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
There are some other resources which are loaded over http, for eg:
http://fonts.googleapis.com/css?family=Economica%3A700%2C400italic&ver=1.7.4
http://imfoption.com/wp-content/themes/imfoption/css/impreza/fonts/fontawesome-webfont.svg ?v=4.0.3
These may or may not work depending on the client settings, ideally you should fix all of these issues too. Hope this helps.
-Dharmendra

Can you create a multiple page website in Edge Animate?

Would like to have a home and just one other page for my website. Is this possible in EA? I assumed it would be easy but cant figure how to do it. Thanks

Please check Re: 2014.1 issue with multiple compositions on page . It also has a sample attached. The reference can also be found @ Adobe Edge Animate CC JavaScript API

When Editing A Web Page In Edge Animate, How Can I Embed Edge Elements Into Pre-Existing DIV's?

I created a basic layout with some boxes in Dreamweaver. I set the Overflow property on them to "Hidden". I then opened the page in Edge Animate. However I noticed that when I import stuff, such as an image, then try to drag it into one of the existing DIV's, it won't work. It stays on top of all the other DIV's. However if I create a box or some other sort of DIV directly in Edge Animate, I can drag the Image element into that, so it's enclosed within that DIV.
I guess the workaround appears to be to embed the image into the DIV in Dreamweaver first, then open the page in Edge. However it would be nice to not have to keep jumping back and forth like that. Is there a way to do this in Edge Animate?
Also, I noticed when I select one of the DIVs I made in Dreamweaver, many of the Properties such as Corners, Shadow, and Filters are missing. Can these only be used on DIV's created directly in Edge Animate?

Hi, neohtom-
What you're seeing is the difference between what we define as a static div (one that is defined outside of Animate) and a managed div (one that is defined inside of Animate). Due to the fact that we expect other products to change a static div, we limit the amount of changes you can make to a static div. Because we "manage" a div that is created inside of Animate, we allow a lot more changes to be made to a div. Hope that answers your question! I'd suggest creating divs within Animate if you want to eventually change them to have corners, etc.
Cheers,
-Elaine

Can you have more than one Edge Animate "project" on a website? I'm getting messages that there is already a file with the same name and I'm asked if I want to replace it?!?!

I've created more than one Edge Animate "Object" for the website, but can't seem to get them both to load into Dreamweaver. Is it possible to have more than one "Object" on a site?
I'm using Windows 8.1

I think you are using the same Composition Class on both project. On the properties tab, you can change this number (e.g.: EDGE-1637270).

I've built a header/nav bar, for a website I'm designing, in Edge Animate but when I click on one of the links it opens the URL in the header/nav bar and not the whole web page? How do I fix this so the links open the URL when click on the whole page?

I'm designing the website in Adobe Muse, using the .OAM file from Edge Animate. Please help.

Sounds like you may need to set the target url to _parent
See reference: HTML a target Attribute
Darrell

Website with edge animate

Hi! I've started making a website entirely with adobe Edge animate, it's not finished yet but anyone can view the progression so far at http://ayar.be
If anyone is interested on having a look at the source files I'll be glad to share them.
Any advice is warmly welcome.
This program is really powerful and simple, I love it!

Looks great Ayar2045! Thanks for sharing and trying out Edge Animate! : )

Is it possible (or feasible) to create an entire website full of animations using Edge Animate?

Back when Adobe Edge preview first came out I tried making this site:
http://www.bluekanji.net based on a friends request to have everything animate, with sound effects, music, etc. It didn't turn out too well and the coding is a mess because of my lack of coding knowledge and trying to jam stuff in there when Edge didn't allow it at the time.
I'm currently recreating the site from scratch, but hoping to make it all one cohesive page, instead of every animation having to be on a new page.
My main issue now is that when I have any animation play the next one will overlap and block one another and it becomes a pretty big mess. So my question is is it possible to do a full site full of animations with Edge Animate (and/or with Edge Reflow)? Or is it better to try something else?
Thanks.

There has been many new features added post the preview releases. You can check the below links for information on what added in 2.0,3.0 and CC 2014 releases.
Latest Version: https://helpx.adobe.com/edge-animate/using/whats-new.html
EA 3.0: https://helpx.adobe.com/edge-animate/using/whats-new-edge-animate-30.html
EA 2.0: Edge Animate Help | New features summary
I would recommend you to try Edge Animate/Reflow/Muse for creating websites and let us know if you encounter any issues.
-Sujai

When i apply adobe edge animate full page width OAM file website get padding on right , how i can resolve this problem

When i apply Adobe Edge Animate file OAM for Adobe Muse over full page width website show on preview 200 pixel empty space on right side of the page .

Please check the fill type and follow the suggestion mentioned here :
https://helpx.adobe.com/muse/how-to/add-svg-graphics.html
Thanks,
Sanjit

How can I maintain the font used in Adobe Edge Animate for Adobe Muse website?

I used a png file which is working perfect and then used the font Montez in Edge Animate for 2 titles, however once I published the file(live) to muse it a totally different font. Is there something in particular I need to do in Animate to avoid alteration of font. Help!

The original photo gallery is:
http://www.bethanyjanedavies.com/portfolio.html
You can see that the right side is chopped off
But I may have to compromise and use:
http://www.bethanyjanedavies.com/portfolio2.html
This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
Cheers
Helen

How can someone without Edge Animate see an animation if I don't upload it to a website yet?

So I just got Adobe Edge Animate CC and I've watched a few videos about the different saving options but I don't talk HTML/code or anything like that so I just want to make sure I'm doing things right. I designed and animated a banner and I have to send this to the webmaster where he will put the banner online but I want to make sure before I send anything that he will ble able to view the animation even without having Adobe Edge or not using Dreamwaever or Muse or any Adobe program. Just like a photo in Photoshop can be saved in jpeg, png. etc. I wanted to know if there is a file extension that can be opened with Flash or some other software that people don't need to pay for in order to watch my products.
I don't want to upload the banner and then find out it needs edits- that's why I'd like others to be able to see rought cuts.
Thanks for your help!
Andrea

Hi, PR-
You would upload it the way you would upload any set of files to your web server. Some companies have them set up as network shares, some have them set up so that you log in with an FTP or SFTP account, and some have them set up so that you use SCP or a similar protocol. Basically, you will want to publish to web and then take the contents of the publish/web/ directory and put them into a directory on your webserver.
Hope that helps,
-Elaine

Getting Edge animate website online

Hi all,
I had a flash site, then decided to re-vamp it in html5. So I made a bare bone site on Edge animate, published to web, and it made a bunch of nice organized files to upload. I went into Dreamweaver CS6, deleted old files, and uploaded the new files. However, I kept getting the following message. After a bit of googling, I realize that I need an index.html. But I am not sure how to generate it since it doesn't seemed to be generated by Edge Animate.
Any guidance is greatly appreciated.
Thanks
Angela
Forbidden
You don't have permission to access / on this server.
Apache/2.2 Server at www.nowastedpaper.com Port 80

You can rename your landing page to index.html in the web root directory. Make sure that if you have any other links to the original page, then those are also updated.
Another option would be to put a redirecting index.html page in your web root, which redirects to the correct page automatically. Use this option only if you cannot use the first one.

Embed edge animate onto webydo website

Similar Messages

Maybe you are looking for