William Harrel’s latest online class, Introduction to Edge Animate Launches January 2013
Until recently, Web designers relied on Adobe Flash and other application-development programs for creating animated and interactive Websites.
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, as well as easier and less frustrating.
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
- What is the Mobile Web
- The Mobile Web User
- HTML on the Mobile Web
- Cascading Style Sheets (CSS) on the Mobile Web
- Software and Utilities
- Types of Mobile Devices
- Mobile Device Operating Systems
- Mobile Web Browsers
- Which Devices can do what
- Define Devices by Class
- Mobile Detect and Adapt Systems
- Your First Mobile Web Page
- Mobile HTML Page Structure
- Mobile-Friendly and Mobile Specific CSS
- CreateMobile Web Page Elements with CSS
- Design Mobile Web Templates
- Create Mobile Web Buttons and Hyperlinks
- Create and Format Graphics for the Mobile Web
- Create and Format Digital Video for the Mobile Web
- Create and Format Flash Movies for the Mobile Web
- What are WebKit Extensions
- Device Orientation
- Artwork with WebKit Extensions
- Special Effects with WebKit Extensions
- Animations with WebKit Extensions
- Other Browser-Specific Extensions
- Introducing Mobile CSS3
- FormatMobile Page Elements with CSS3
- Mobile HTML5
- Highly Useful Mobile HTML5 Tags
- Server-Side Scripting with PHP
- The User Interface
- Store and Retrieve Data in Radio Buttons
- Store and Retrieve Data in Check Boxes
- Format Your Quiz with CSS
- Script the Form
- Make Your Mobile Site Search Engine Friendly
- Createa Mobile Search Page
- Use Mobile Blog Themes
- Software: Aside from a text editor, such as Windows Notepad or Mac OS TextEdit, there are no required software applications to complete this course; however, you’ll find the following software useful:
- Dreamweaver CS4 or later: 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.
- XAMPPWeb 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 . 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/ . It comes in both Windows and Mac versions.
- Webspace: 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.
If, nearly 20 years ago, when I first started designing Web sites, you’d have told me I’d be writing a book about designing World Wide Web pages for cell phones, I’d have told you to lay off the crack. In those days, cell phones did nothing other than make and receive calls. (Besides, very few people could afford them.) The Internet, which most of us accessed through dial-up modems over inadequate copper phone lines, was a slow and temperamental Never-never land. I, like everybody else writing about information technology (we didn’t call it that then), was still amazed when my mobile calls connected.
But here we are sliding through 2011 with a round of mobile devices that can handle the Internet nearly as well as full-blown computers. Mobile Web surfers have become a force to contend with. It’s time for Web designers and the companies they work for to make their Websites mobile-device friendly. In this new Dummies book, available at Amazon now, I’ll show you how to do that.
William Harrel – www.williamharrel.com
If, nearly 20 years ago, when I first started designing Web sites, you’d have told me I’d be writing a book about designing World Wide Web pages for cell phones, I’d have told you to lay off the crack. In those days, cell phones did nothing other than make and receive calls. The Internet, which most of us accessed through dial-up modems over inadequate copper phone lines, was a slow and temperamental Never-never land. I, like everybody else writing about information technology (we didn’t call it that then), was still amazed when my mobile calls connected.
But here we are sliding into 2011 with a round of mobile devices that can handle the Internet nearly as well as full-blown computers. Mobile Web surfers have become a force to contend with. It’s time for Web designers and the companies they work for to make their Websites mobile-device friendly. In this new Dummies book, due out next spring, I’ll show you how to do that.
William Harrel – www.williamharrel.com