New ed2go Adobe Muse course announced

(Camarillo, CA – March 22, 2013) Journalist, author, and online course instructor William Harrel and eClasses ( have teamed up once again to announce a new online course. This time, the subject of the class will be Adobe’s new WYSIWYG (what you see is what you get) Website design app, Muse.

The first session starts on April 1, 2013 and you can sign up or get additional information here: Introduction to Adobe Muse.

Harrel teaches Website design and animation at over 3,000 colleges, universities, and other online outlets, and eClasses is one of the world’s largest and most successful online course publishers.

What is Adobe Muse?

Adobe® Muse™ software enables designers to create HTML websites for desktop and mobile devices, without writing code. Design web-standard sites, like you design print layouts. Use familiar features, hundreds of web fonts, and built-in tools to add interactivity.  Then, publish with the Adobe Business Catalyst® service and redeem site hosting support, or publish with any hosting provider. (Source:

Course Overview

This new course, which is under development now, will be entitled: Websites without Coding with Adobe Muse, and will consist of six-week sessions (two lessons per week) covering the following material:

Lesson 1: Getting Started with Muse

  • Overview: Designing Websites in Muse
  • Plan Mode – Starting a Website in Muse
  • Design Mode – The Page Design Interface

Lesson 2 : Creating a Basic Site in Muse

  • Mastering Master Pages
  • Working with Boxes
  • Typography: Working with Text

Lesson 3: Using External Content with Muse

  • Using and Formatting Word Processor Text
  • External Graphics and Images
  • Digital Sound, Video, and other Media

Lesson 4: Working with Widgets

  • Creating Compositions
  • Web Forms
  • Making Menus

Lesson 5: More Widgets and Templates

  • Creating Expanding Panels
  • Slick Slideshows
  • Using Templates with Muse

Lesson 6: Using other CS6 Programs with Muse

  • Using Photoshop and Fireworks with Muse
  • Using Photoshop Buttons with Muse
  • Using Edge Animate with Muse

Lesson 7: Interactivity: Triggers and Targets

  • Making Mouse States
  • Interactivity Triggers
  • Page Navigation with Targets

Lesson 8: Creating Sites for Mobile Devices

  • Repurposing Existing Content
  • Formatting Content for Smartphones
  • Formatting Content for Tablets

Lesson 9: Stylizing Type with Typekit and Web Fonts

  • Decorative Type with Typekit
  • 3D Type and other Special Effects
  • Working with Web Fonts

Lesson 10: Advanced Web Design Techniques

  • Accommodating Flexible Browser Widths
  • Embedding Google Maps
  • Embedding HTML Code


Lesson 11: Working More Efficiently in Muse

  • Getting the Most from Master Pages
  • Sharing Content between Pages and Sites
  • Sharing Muse Content between Media Types

Lesson 12: Publishing Your Muse Websites

  • Publishing to Adobe Business Catalyst
  • CMS Integration on Adobe Business Catalyst
  • Publishing with FTP

Check back with us for updates and projected course release dates.

Introduction to Adobe Edge Animate

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.

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, 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