Google Web Designer Logo

Goals


- Create advertisements

- Create animated content

- Edit HTML5 / CSS3 code

Program

Web standards: HTML5 / CSS3 / JS
Responsive Design components: grids, media queries
Animations: JS vs Flash
SEO, HTML5 / CSS3 vs Flash
Advertising networks and creation of animations
Google Web Designer: presentation, interest
Google Web Designer vs Adobe Edge Animate

Workshop: Installation and panorama of the workspace, panels and tools

Advertising solutions: DoubleClick Studio, AdMob, Ad Exchange …
Banners, expandable and interstitial ads
Define ad properties (environment, size, etc.)
Insert text content
Manage formatting and Google Fonts
Add multimedia content (images, videos)
Integration and management of shapes
Modification of colors and properties
Management of alignment (between two objects or in relation to the container)
Preview of an advertisement
Publication of an advertisement according to the platforms

Workshop: Creation and publication of a simple banner

Splitting your ad into several divisions
Integration of content in a division
Encapsulation of objects
Adding components (image gallery, Youtube video, Google Maps map …)
3D management: view, movement and rotation of an object
Creation and reuse of a group of objects
Creating and saving a model

Workshop: Creation and publication of a structured banner

Adding an event to existing content
Using predefined actions
Creating a custom action
Inserting a hotspot

Workshop: Display of a legend following the image of a slider

Creation modes: fast or advanced
Management of global animations via scenes
Animation of movement or rotation
Animation of a background color
Parameterization of an animation: duration, acceleration or deceleration
Management of animations by object via a timeline and layers
Apply a repeat for an animation
Lock or hide layers
Insert a keyframe
Repetition on all the animations

Workshop: Animating the objects of an advertisement

Managing the CSS style of an object
Displaying the source code of an ad
Finding the code corresponding to an object
Applying changes

Creation of an HTML5 / CSS3 document
Integration of content, animated objects

Duration

2 days

Price

£ 1218

Audience

Web integrators, graphic designers, developers

Prerequisites

Web concepts (HTML, CSS, JS)

Reference

SIT1023-F

Sessions

Contact us for more informations about session date