Introduction to Adobe Edge Animate

Introduction to Adobe Edge Animate online course
Class Name

Introduction to Adobe Edge Animate

Until the most recent versions of HTML5, CSS3 and JavaScript, Web designers relied on Adobe Flash and other application-development programs for creating animated and interactive Websites. While this approach served us well for many years, it had its share of drawbacks and limitations—not the least of them being forcing site visitors to download huge embedded files and rely on various plugins (Flash Player, for example) to play the content. Now, by combining HTML5, CSS3 and JavaScript, we can create much of our animations and interactivity with browser-compatible code, which downloads and processes much faster than embedded animations and applications. The problem with this approach is that, to create sophisticated animations and interactivity, you need to be fairly proficient at composing at least three types of Web programming languages. And that’s where Adobe Edge Animate comes in. Edge Animate provides a what-you-see-is-what-you-get (WYSIWIG) interface, where you layout your animations and interactivity on a stage and timeline, and Edge Animate in turn creates all the necessary code. Edge Animate eliminates a lot of the trial-and-error and research, making creating the animated and interactive sections of your pages much less time-consuming, easier, and less frustrating.
Outline
Week 1: Introducing Edge Animate
  • What is Edge Animate?
  • How Edge Animate Makes Animation and Interactivity Easier
  • WYSIWIG Design versus Hand-Coding
  • What You can do with Edge Animate
  • The Edge Animate Interface
  • Creating Your First Edge Animation
Week 2: Edge Animation Basics
  • Creating Objects in Edge Animate
  • Importing Objects into Edge Animate
  • Text Objects
  • The Edge Animate Timeline
  • Auto Keyframes and Auto Transitions
  • Revisiting Simple Animations
Week 3: Deploying Your Edge Animate Creations
  • Animating Existing Web Pages
  • Inserting Edge Animations into Your Web Pages
  • Deploying Your Edge Animations with Dreamweaver
  • Publishing Your Edge Animations
  • Testing and Tweaking
Week 4: Creating Sophisticated Edge Animate Layouts
  • Laying Out the Stage
  • Animating Multiple Objects
  • Reusing Content with Symbols
  • What Else You can do with Symbols
  • Deploying Symbols
Week 5: Interactivity
  • Understanding Edge Animate Interactivity
  • What is Interactivity?
  • What Kinds of Interactivity can Edge Create?
  • Creating Simple Links
  • Creating Simple Buttons
  • Navigating the Timeline with Buttons
  • Loading External Edge Animate Content
Week 6: Edge Animate Utilities
  • Coding Your Edge Creations
  • Coding Individual Objects
  • Adobe Edge Code Preview
  • Adobe Edge Inspect
  • Adobe Edge Reflow
  • Adobe Edge Web Fonts
  • Adobe Typekit
  • Adobe Edge PhoneGap Build
Prerequisites
  • Knowledge of computer graphics, digital video, HTML5, CSS3 and JavaScript would be helpful, but by no means required.
Requirements
  • Software: Aside from Adobe Edge Animate, there are no other required software applications to complete this course; however, you'll find the following software useful:
    • Dreamweaver CS6: You can download the latest trial version from adobe.com, but if you do, since the trial version is good for only 30 days, do not install it until the third week of the course.
    • XAMPP Web server software. XAMPP is a free Linux Web server emulator you can use to test your Web pages. You can download it from: http://www.apachefriends.org/en/xampp.html and it comes in both Windows and Mac OS versions.
    • FTP client software: File Transfer Protocol, or FTP, software allows you to upload your Web page files to a Web server. You can perform this function with built-in Windows or Mac utilities, but will find this much easier with an FTP utility. You can download FileZilla for free at: http://filezilla-project.org/ and it comes in both Windows and Mac versions.
  • Web space: You'll need a website to which you can upload your assignments. There are several free Web hosting sites available. However, many of them place ads on your pages. This can be very annoying, but if you can live with it, so can I.
Class Books
No Textbook Required
[
]
Course Price
  • Member Price: $100 US
  • Non-Member Price: $200.00 US
[Register Now]

Additional Information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our "Terms and Refund Policy" before registering for this course.

Additional Cost: Book and software migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.

 

Register Now

  • Member Price: $100 US
  • Non-Member Price: $200.00 US
  • Web Course No: G501
  • Instructor: William Harrel
  • Co-instructor/TA:
  • CEUs: 3
  • Duration: 6 weeks
  • Session Open for Registration
Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.


4 Web Study Certificates

 Valid XHTML 1.0!  Valid CSS1!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Intro to DreamweaverAdvanced DreamweaverBuilding Data-Driven Websites with Adobe Dreamweaver
Advanced Adobe FlashIntro to FlashAdobe Fireworks
Adobe Flash Level IIWeb VideographyContracting Your Services
Intro to Apache AdministrationBlog and Article WritingWeb Content Writing
Intro to DNSIntro to UNIXIntro to Web Analytics
WordPress Theme DesignIntro to WordPressIntro to Drupal
Project ManagementIntro to Joomla!Intermediate Joomla!
Logo DesignWebsite Project ManagementLegal Issues for Web Designers and Content Managers
Search Engine OptimizationWebsite PromotionEmail Marketing and Strategies
Social Media MarketingIntro to Designing Accessible WebsitesDesign Concepts
Intro to Web DesignIntro to Adobe MuseMobile Application UI Design
Photoshop Level 1Photoshop for the WebPhotoshop Retouching
InDesign Level 1Adobe IllustratorAdobe Illustrator Level 2
Intro to Adobe Edge AnimateIntro to HTMLHTML Level 2
Mobile Web DesignHTML5 IntroIntro to Cascading Style Sheets
Intermediate CSS WorkshopCSS 2.1 in DepthIntro to CSS3
Intro to XHTMLIntro to Database DesignIntro to SQL (Using Access)
Intro to SQL (Using MySQL)MySQLIntro to SQL Server
Intro to Programming ConceptsIntro to PHPShopping Cart Using PHP and MySQL
Intro to JSPIntro to ColdFusion Web DevelopmentIntermediate ColdFusion
Intro to JavaScriptIntermediate JavaScriptIntro to AJAX
Intro to jQueryJava for Non-ProgrammersProgramming in Java - Intro
Intermediate Java ProgrammingIntro to PerlIntro to C#
Intro to ASP.NET Web Development with C#Intro to Visual Basic.NETIntro to ASP
Intermediate ASPIntermediate ASP.NET Web Development with C#Intro to Web Security
Intro to XMLIntermediate XMLIntro to Android App Development
Intro to Game ProductionIntro to Game Design and DevelopmentIntro to Flash Game Programming
Intro to C++ Using GamesIntro to Windows Game Programming Using C++3D Game Programming Using DirectX