Animierte HTML5-Banner mit dem Google Web Designer erstellen [1593]

Mit Web Designer - dem kostenlosen Tool von Google - können Sie interaktive HTML5-basierte Designs und animierte Grafiken erstellen, die auf allen Geräten überzeugend dargestellt werden.

In diesem Kurs lernen Sie, wie Sie ansprechende, wirkungsvolle Banner mit dem Google Web Designer gestalten. Sie erfahren, worauf Sie unbedingt achten müssen, wie Sie dabei die aktuellen technischen Anforderungen im Blick behalten und Ihren Workflow optimieren.

Seminarinhalte:

• Einführung
• Überblick über die Programmoberfläche und Fenster von Google Webdesigner
• Animationen erstellen
  • Vorbereitung, Formen und Objekte erstellen, Bilder und Grafiken importieren und optimieren
  • automatische Bewegungen auf der Zeitleiste erzeugen – „Tweening“
  • das Konzept von Keyframes und Frames auf der Zeitleiste
• ein Banner als HTML5-Animation erstellen
  • Dokument, Quellformat und Ausgabeformat richtig einstellen
  • Text und Webfonts integrieren und optimieren
  • Aktionen mit Codefragmenten einfügen und editieren, z.B. Banner verlinken, Banner als Loop abspielen
  • Optimierungsmöglichkeiten vor der Veröffentlichung
• HTML5-Animationen veröffentlichen
  • Veröffentlichungseinstellungen, Details und Tipps
  • Weitergabe und Editierbarkeit der HTML5-Dokumente
  • Responsive Design, Skalierbarkeit, HiDPI-Anpassung
  • optimierte Aufbereitung der Bannerformate für AdServer
• Vorstellung eines optimalen Workflows (Konzeption, Abstimmung mit dem Kunden, Produktion, Optimierung nach Sizmek und Google Ads, finale Auslieferung der Files) anhand einer Beispiel-Banner Produktion sowie
• Vorstellung realer Banner-Produktionen mit unterschiedlichen Workflows
  

Voraussetzungen:

Grundlegende Computerkenntnisse (MacOS oder Windows), praktische Kenntnisse in einem Grafikprogramm sind von Vorteil.

Seminardauer:

1 Tag (9:00 - 16:00 Uhr)

Kursart:

Live-Online-Training, bis max. 6 Teilnehmer

 

Diese Zusatzleistungen sind im Preis enthalten:

• Tagungspaket (vorab per Post an den Arbeitsplatz oder ins Homeoffice)
• ein detailliertes Teilnahme-Zertifikat

Teilnehmerstimmen zu unseren Kurs HTML5-Banner erstellen:

Hat das Seminar Ihre Erwartungen erfüllt?

• Ja. Guter Grundaufbau der Funktionen und deren Nutzung. Tipps aus der Praxis zur Gestaltung und Anwendung.
  

Welche Punkte waren für Sie besonders wertvoll / praxisnah?

• Export der Daten nach aktuellen Vorgaben mit praxisrelevanten Hinweisen. Die gängigen verwendeten Formate.
• es war alles praxisnah
• dass der Trainer seine praktische Erfahrung geteilt hat.
• die praktischen Übungen
• Real Cases, troubleshooting beim erstellen
• die Beispiele die wir durchgearbeitet haben, haben viele Fragen für mich geklärt und den Workflow einfach und anschaulich gezeigt

Wie beurteilen Sie den strukturellen Aufbau des Seminars und die fachlichen und didaktischen Fähigkeiten des Trainers?

• Der Aufbau war sehr gut. Von der ersten Einführung bis hin zu den Details.
• sehr gut, großes Wissen, 3 Tage wären auch nicht schlecht gewesen
• sehr netter Typ. Großer Erfahrungsschatz. Kann Inhalte super vermitteln.
• freundlich, kompetent

Ihre Kommentare und Anregungen zum Seminarformat „Live-Online-Training“:

• Für mich war es äußerst lehrreich und spannend (für Google Web Designer heißt das auch was). Der Trainer hat freundlich und kompetent die Inhalte übermittelt und man konnte sie viel mitnehmen. Besonders toll finde ich das Lehrmaterial, mit dem man dann nochmal alles durchmachen kann, da die MP4-Daten auch dabei sind.

Termine, Preise und Anmeldung 

 

Weitere Seminartipps:

 

Conversion Optimierung | Web-Analytik mit Google Analytics | Landingpages aufbereiten und optimieren | Suchmaschinenoptimierung (SEO): technische Grundlagen

 

Digital-Marketing Expert: Strategie und Umsetzung für ein erfolgreiches Onlinemarketing

 

Adobe XD: User Experience UX/UI-Design, Prototyping und Testing

 

Animierte HTML5-Banner mit Adobe Animate erstellen | Animierte HTML5-Banner mit google Web Designer erstellen

 

Videomarketing: Konzeption, Gestaltung, Videoerstellung mit dem Smartphone | Einstieg in die Videoproduktion: Konzeption, Gestaltung, Videoerstellung mit Camcorder und Systemkamera

 

JavaScript Einführung | JavaScript Fortgeschriten | JavaScript Intensivkurs

 

alle b.itmap-Seminare im Überblick