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.

ex VAT

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 at our training centre in The Shard, London.

We also offer private training courses which are ideal if you have a whole team that requires training.

Animated Web BannersStandard2 day Classroom 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.
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
2 days£599 ex VAT
Upcoming CoursesView all
Tue | January 29 | 2 day
Animated Web Banners Standard
The Shard, London
£599 +VAT
Tue | March 26 | 2 day
Animated Web Banners Standard
The Shard, London
£599 +VAT
Our facilities


Our trainers are all seasoned experts that have extensive experience working in the industry. They will be happy to answer questions, on the day or post training as part of our ongoing support.



Jellyfish have first class training facilities. Our regular venues include our flagship training centre located at The Shard in London, or Manchester. We can also train at a location of your choice.

Food & Drink

Food & Drink

We pride ourselves on providing our attendees with high quality food and refreshments. Both are available throughout the day and we cater for any dietary requirements for you.

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.