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 a private training session and can be delivered at our own training facilities in San Francisco or Baltimore, or any 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
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
Book this course
Call our sales team today
Other options available
Virtual Classrooms
Our virtual classroom solution allows attendees from anywhere in the world to come together for a fully bespoke and customised training session without anyone having to leave their office.
Enterprise Solutions
Whether you employ ten or ten thousand employees, our enterprise training solutions can be designed to suit your organisations learning needs.
More about Enterprise Solutions
Related news
& insights
14 Funny & Weird Collective Nouns...
01 Sep, 2019
Our love for the English language at Jellyfish Training recently took us down a road of collective nouns. We thought we’d create this funny list for you and bring them to life with illustrations....
How to Create Audience Segments in Google Analytics
10 Sep, 2019
Here's our easy guide to getting started with audience segmentation in Google Analytics....
Free Keyword Research Template
11 Sep, 2019
Keyword research is the process of finding and analyzing actual search terms that people enter into search engines. Find here our free Keyword Research Template do help get you started....
A Social Media Plan to save you hours of work
11 Sep, 2019
A strategic marketing activity plan for your social media allows you to focus on the important factors that are going to help you meet your business objectives, and not get weighted down to the unprod...
North America
Europe, Middle East & Africa