Animated Web Banners

Name: Animated Web Banners
Price: 2700.00 USD

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

Private

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?

Bannertime

What is it?
Why use it?
How to use it
Case Study

Brief

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

+1 (443) 8365333