Animated Web Banners

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.

Call our Sales team today 0808 250 4012

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.

We'll then look at HTML & CSS where you'll gain an understanding of the actual element properties that are being manipulated in any web animation. Finally, using JavaScript and a library called Greensock, you will see how to manipulate the Document Object Model in the most efficient and effective way.

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 available as a private session, either at our training centre in The Shard, London, or a location of your choice.

Animated Web BannersPrivateClassroom Course

Led by one of our in-house experts, this training will take you from the point of beginner / intermediate knowledge in HTML, CSS & JavaScript to the level where you are able to start using techniques that will allow you to produce and publish professional standard web animations.

We’ll share our years of industry experience to help you avoid the common potholes and fast track you on your way to becoming a valued member of any web animation team.

What will I learn?
Upon completion of this course you’ll have gained the skills 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
Why should I take this course?
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.
Course Overview
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

Don't miss out

Your data will be handled in accordance with our Privacy Policy

Inspiring and knowledgeable trainer

Gained very practical advice that I could immediately put into practice.

Great environment for learning

The training was relevant, insightful and presented in a fun but professional manner.

They certainly know the digital world

Very useful insights that have paid off time and time again since the course.