Animated Web Banners

Want to take your web animation skills to the next level and use HTML, CSS & JavaScript to create professional banners? This course will get you started.
2 day course
Supporting material
A private training session for your team. Groups can be of any size, at a location of your choice including our training centres.

There are a number of tools and languages that are available to facilitate web animation and depending on the complexity of your requirements it is important to know which will give you the best outcome.

During this two day course we'll use a combination of expert explanation and short exercises to take you on a journey of web animation. You will start by understanding the principles using Google Web Designer.

Day two will be a hands-on workshop where you'll your learn what a rich media add is, how to use an open source framework called bannertime, as well as how to follow a brief to create an animated web banner. We also look at how to publish your ad within the Google Marketing Platform.

Our Animated Web Banner course is offered as private training session and can be delivered on-site at your office or a location of your choice.

Course overview
Who should attend:

If you have a desire to learn how to create animated web banners to a professional standard and acquire skills that will allow you to provide solutions, regardless of the complexity of the brief. This course will run over two consecutive days.

Walk away with the ability to:
  • Gain insights into the 12 principles of animation
  • Use Google Web Designer to see how those principles apply to web
  • Investigate how you can use CSS to animate HTML elements
  • Understand the power of JavaScript & Greensock and how to use them effectively
  • Take a project from initial brief to publishing on the Google Marketing Platform
Course agenda
On day one we’ll cover:
Concepts, Tools and Techniques of Web Animation
  • Disney’s 12 principles of Animation
  • What are the principles
  • How do the principles translate into web animation
Google Web Designer
  • Interface overview
  • Timeline
  • Motion with properties
  • Nested animations
  • Strengths & limitations
HTML & CSS Animations
  • Transitions
  • Keyframing
  • Strengths & limitations
JavaScript & Greensock Animations
  • Triggers & Events
  • Timers
  • DOM manipulation
  • Good programming practices
  • Strengths & limitations
On day two we’ll cover:
Animated Web Banner Workshop
  • What is Rich Media?
  • What is it?
  • Why use it?
  • How to use it
  • Case Study
  • Requirements
  • Asset ingestion
  • Animation prototyping
  • Animation mastering
  • Production
  • Publishing
Google Marketing Platform
  • Studio
  • Campaign Manager
  • Google Ads
  • Other platforms
Book this course
Call our sales team today
Don't miss out
Keep up to date with news, views and offers from Jellyfish Training.
Your data will be handled in accordance with our Privacy Policy