Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 510
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/logging.php on line 54
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/logging.php on line 60
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/init.php on line 481
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 74
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 76
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 85
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 86
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/sessions.php on line 93
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/func/func.core.php on line 1836
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/cron.php on line 105
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 49
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 79
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/include/func/func.logging.php on line 86
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/include/get_language.php on line 165
Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/include/func/func.logging.php:510) in /var/www/html/product.php on line 63
Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'UTC' for 'UTC/0.0/no DST' instead in /var/www/html/product.php on line 82
INVALID SQL: 1064 : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_BIG_SELECTS=1' at line 1
SQL QUERY FAILURE:SET OPTION SQL_BIG_SELECTS=1
INVALID SQL: 1064 : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'OPTION SQL_BIG_SELECTS=1' at line 1
SQL QUERY FAILURE:SET OPTION SQL_BIG_SELECTS=1
eClasses.org�::�Course Catalog�::�Introduction to Adobe Edge Animate
eClasses.org :: Course Catalog :: Introduction to Adobe Edge Animate

Introduction to Adobe Edge Animate (G501)

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.

Books:
 No Textbook Required

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 might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

How eClasses Work:Instructors post lectures (text-based, no video or audio), 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.

Student CenterStudent Center
Cart is empty
Introduction to Adobe Edge Animate
Price: $200.00
Item No.: G501
Instructor: William Harrel
Open Courses: No other sessions are scheduled for this course. You can add to your wish list and you will be notified when other sessions are scheduled.

Instructor's ProfileInstructor
William Harrel has owned and operated a design firm, WilliamHarrel.com, for nearly 25 years. WilliamHarrel.com has designed and maintains hundreds of websites for several notable clients, such as the California Spine Institute and Communications Technology Watch. Harrel has written 20 books and hundreds of magazine articles on digital design and computer technology in general. He created and currently instructs six online Flash courses offered at over 2,500 colleges and universities, as well as the popular Mobile Web Design and Introduction to CSS3 courses at eClasses.org. His latest book, HTML, CSS and JavaScript Mobile Development for Dummies, focuses on developing Web content for mobile devices.
Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.
 

Testimonials

Rating
No testimonial available!