Skip to main content
Participant
October 8, 2017
Answered

Should I create the entire Web page with animations in Animate and then move it over to Dreamweaver as an HTML 5?

  • October 8, 2017
  • 4 replies
  • 1919 views

I've created a small animation that I moved into Dreamweaver (for a class project), but when I start moving elements in Dreamweaver, the file is deleted.  As part of the project, I need to add a Photoshop file (which is easy) and a simple form (which I believe can be created in both Animate or Dreamweaver).  Dreamweaver seems to keep everything Flush-left, which leaves no room for the form.  Wouldn't it be easier to create the entire page in Animate and move it over?

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Do not use Animate CC to create web pages.  That's not it's purpose.

    First define a site folder in DW for your project files.  Go to Site > New Site.  Example, C:\MyTestSite.

    Next, you must build a structure for your project.   I would suggest using one of the DW Starter Layouts.  You probably want a 2 or 3 column responsive layout.  Go to File > New... see screenshots.

    After saving your index page, DW will create assets in your local site folder.

    Use CSS styles and HTML structure to create space for your other elements such optimized images from Photoshop, animations exported from Animate CC and your HTML5 form.

    Post back if you have questions.

    4 replies

    Participant
    October 10, 2017

    Thanks, but I was able to figure it iut myself

    Participant
    October 10, 2017

    Thanks, but I figured it out myself.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    October 8, 2017

    Do not use Animate CC to create web pages.  That's not it's purpose.

    First define a site folder in DW for your project files.  Go to Site > New Site.  Example, C:\MyTestSite.

    Next, you must build a structure for your project.   I would suggest using one of the DW Starter Layouts.  You probably want a 2 or 3 column responsive layout.  Go to File > New... see screenshots.

    After saving your index page, DW will create assets in your local site folder.

    Use CSS styles and HTML structure to create space for your other elements such optimized images from Photoshop, animations exported from Animate CC and your HTML5 form.

    Post back if you have questions.

    Nancy O'Shea— Product User & Community Expert
    pziecina
    Legend
    October 8, 2017

    When i first read your question my first thought was that it was a 'joke' post.

    My reason for thinking that is because it shows a complete misunderstanding of how both, Dw and Animate work.

    Animate creates html5 canvas elements in which the animation is placed. Dw is a web page authoring tool, which requires a good understanding of html, css and javascript to use correctly, plus one could create html5 canvas animations with Dw alone if one knows what they are doing.

    Before proceeding further i would recommend learning how one creates a web page -

    https://www.w3devcampus.com

    B i r n o u
    Legend
    October 11, 2017

    I completly agree with you... the announcement that animate produces HTML5 is in my opinion a total misuse of meaning. it's impressive the number of people who strongly claim that Animate produces good and valid HTML5, just because it is said in the song.


    and confusion is total because, by the past, Animate (Edge) was well based on a tagged HTML, unlike Animate (Flash) which encapsulates the entire content in a black box, and worth that is not responsive at all...

    should we write a paper about it ? don't you think ?

    pziecina
    Legend
    October 11, 2017

    Hi Birnou,

    You are correct in pointing out the difference between Edge Animate and CC Animate, though I am not in agreement with anyone using either of the programs except for very complexed animations. My objections are mainly due to the size of the files produced by both programs.

    I am always uncertain about writting anything that I cannot demonstrate the 'how to' in Dw, without having to say 'go to program xyz' and do 'abc' then re-open in Dw.