Course
digicode: GOWEB
Professional HTML5 Banners for Google Ads & Other Advertising Networks
Course facts
Download as PDF- conceptualizing and designing HTML5 advertising banners professionally
- Using the strengths of Google Web Designer and Adobe Animate strategically (you’ll learn advanced animation techniques with Adobe Animate in the «Adobe Animate CC – Basic» course)
- Implementing the requirements for banners on Google Ads and other ad networks with technical accuracy
- Creating smart animations (multi-language, multi-product, multi-format) and incorporating interactive elements
- Optimizing file sizes, performance, and technical requirements (e.g., ClickTag)
- Developing and publishing your own banner campaigns independently
Display advertising remains one of the most important tools in online marketing. However, effective advertising banners today must not only look good but also be technically sound and high-performing. If they are also responsive and easy to maintain in terms of content, this increases the efficiency of managing multi-format, multi-language, and multi-product campaigns.
In this hands-on course, you’ll learn how to independently conceptualize, design, and animate professional HTML5 ad banners for Google Ads and other ad networks. You’ll develop your own banner formats, implement smart concepts, and learn the key requirements for the end products of modern display campaigns.
You’ll work with Google Web Designer and Animate CC and gain a thorough overview of current best practices for layout, design, animation, file sizes, banner formats, and advertising effectiveness.
By the end of the course, you’ll have the knowledge to professionally create your own HTML5 banners and prepare them for production. The course focuses on the technical creation of banners. If you’d like to delve deeper into the creative use of Adobe Animate, check out the «Adobe Animate CC – Basic» course.
The course covers the following topics:
1 Fundamentals of Modern Display Advertising
- Applications of HTML5 advertising banners
- Basic structure of HTML5 advertising banners (from text to images to animations and video)
- Banner formats and current standards
- Success factors for eye-catching advertisements – the AIDA principle
2 Designing Effective Advertising Banners
- Structure and layout of display ads
- Calls to action and advertising impact
- Design ideas for creating banners of various sizes
3 HTML5 Banners with Google Web Designer
- User Interface and workflow
- Working with assets (images, graphics, text, and videos)
- Animations with keyframes and the timeline
- CTA events (proper linking)
- Exporting and publishing HTML5 ads
- Google Web Designer was developed specifically for creating HTML5 ads and supports animations, interactivity, and export for ad networks.
4 Animated Advertising Banners with Adobe Animate
- Introduction to Adobe Animate for advertising materials
- Working with assets (images, graphics, and text)
- Animations using symbols, layers, and keyframes
- Animation techniques for efficient workflow
- Exporting HTML5 banners for advertising platforms
- Customizing results and working with templates
- Adobe Animate enables the creation of sophisticated HTML5 Canvas animations and is frequently used for interactive advertising materials.
5 Technical Optimization & Preparation
- Optimizing file sizes and load times
- Testing banners in the browser
- Understanding and implementing the technical requirements of ad networks
- Best practices for performance and quality
6 Practical Project
- Developing your own banner campaign
- Implementing multiple banner formats
- Animation, testing, and optimization
- Exporting and deploying for production use
- Hands-on training with numerous live demonstrations and exercises
- Step-by-step instructions for the design, animation, and technical implementation of HTML5 advertising banners
- Work on realistic real-world examples and your own banner projects
- Individual coaching and sharing of experiences within the group
- Best practices from daily work with Google Web Designer, Adobe Animate, and ad networks
- Tips and tricks for efficient workflows and the professional preparation of banner campaigns
- Marketing and communications professionals
- Digital marketing managers
- Content creators
- Graphic designers
- Web designers
- Agency staff
- Self-employed professionals and small and medium-sized businesses that want to create their own promotional materials
- Good user knowledge of Windows or macOS
- Basic knowledge of graphic design or digital design is a plus, but not required
- Basic knowledge of the Internet, web browsers, etc., is a plus, but not required
- Some experience with Adobe applications (e.g., Photoshop, Illustrator, or Animate, as taught in the «Adobe Animate CC – Basic» course) will make it easier to get started
- Programming skills are not required
- A basic understanding of online marketing or digital advertising is helpful
Information about classroom equipment
Our courses are usually held on Windows devices. However, we are happy to provide you with an Apple computer in Zurich, Bern, and Basel upon request. Please let us know in advance by emailing info@digicomp.ch.
Of course, you are also welcome to bring your own laptop.
For virtual participation, we recommend using an additional monitor (not just a laptop) so that you can follow the lessons and participate fully.
Adobe CC software and Google WebDesigner
Adobe Creative Cloud software will be made available to you without restriction in the course rooms during the course.
If you are participating virtually, you can work on your own device. You can download Google WebDesigner for free here. Please let us know if you do not have your own Adobe Creative Cloud license. In this case, we will be happy to provide you with the software via remote access for the duration of the course.
The remote environment will be set up on a Windows device; Apple devices are not an option here. Unfortunately, it is not possible to use this environment beyond the course period.