Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Inserting Edge Animate Compositions into Web Pages

  • Edge Animate is an exciting new Adobe program that is included in the Creative Cloud subscription
  • This program allows you to create animations that can be used on the web, in iBooks or InDesign
  • Edge Animate creates the animation using HTML, CSS and JS and you publish it out into the correct format
  • We have an Animate Deployment Package which is a self contained animation file with an .oam file extension
  • Dreamweaver allows you to insert an oam file onto a web page
  • When you create the animation, there are other files that are needed in order for this animation to run
  • These must be available on the web server or the animation will not work
  • When you use Dreamweaver to insert an Edge Animate Composition, Dreamweaver will insert the proper code and add all the files needed for the animation into the files panel for you
  • You must be sure all the files Dreamweaver added to your website are uploaded to the web server so the composition will work correctly

Inserting Edge Animate Compositions into Web Pages

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
    • Create New
    • Settings
    • Animate Deployment Package
  • Preview in Browser 4:02
  • Split View 5:08
    • Animation Goes Here Tag
  • Insert Media 6:01
    • Selecting Edge Animate Package
    • Preview in Browser
    • Edge Animate Assets Folder
    • Preview in Live View
    • Split View