Google Web Designer – GWD (MMDE28
Google Web Designer ist ein vielseitiges Tool von Google zur Erstellung interaktiver HTML5-Anzeigen und responsiver Webseiten. Der Einstieg erfolgt durch den Download und die Installation des Programms, das für Windows, macOS und Linux verfügbar ist. Nach der Installation kann man ein neues Projekt beginnen oder aus verschiedenen Vorlagen wählen.
Die Benutzeroberfläche von Google Web Designer besteht aus mehreren Hauptbereichen: der Bühne, auf der das Design angezeigt wird, der Zeitleiste für Animationen und den Werkzeugpaletten für Design- und Bearbeitungswerkzeuge. Die Werkzeugpaletten ermöglichen das Hinzufügen von Text, Formen und Bildern sowie die Anpassung von Layouts. Zudem stehen spezielle Werkzeuge für Animationen und Interaktivität zur Verfügung.
Beim Erstellen eines Projekts wählt man zunächst den Projekttyp aus, zum Beispiel eine HTML5-Anzeige oder eine responsive Webseite. Anschließend werden die Größe und andere grundlegende Eigenschaften festgelegt. Danach beginnt der Designprozess, bei dem Layouts erstellt, Text und Bilder eingefügt und das Erscheinungsbild angepasst werden. Die Zeitleiste erlaubt die Erstellung von Animationen durch das Setzen von Keyframes, und Interaktivität kann durch Ereignisse wie Klicks oder Hover-Effekte hinzugefügt werden, entweder über JavaScript-Event-Listener oder die integrierten Interaktionswerkzeuge.
Um das Design zu überprüfen, kann die Vorschaufunktion genutzt werden. Diese zeigt das Projekt in Echtzeit und ermöglicht es, die Darstellung auf verschiedenen Bildschirmgrößen zu testen. Auch die Interaktivität und Animationen werden in der Vorschau überprüft.
Sobald das Projekt fertiggestellt ist, kann es als HTML5-Datei exportiert werden. Google Web Designer bietet verschiedene Exportoptionen, je nachdem, ob eine Anzeige oder eine vollständige Webseite erstellt werden soll. Die fertigen Dateien können anschließend auf einen Webserver hochgeladen oder auf anderen Plattformen veröffentlicht werden.
Google Web Designer stellt auch integrierte Hilfefunktionen, Tutorials und eine Online-Dokumentation zur Verfügung, um Unterstützung bei Fragen und Problemen zu bieten. Mit diesen Werkzeugen und Funktionen kann man die grundlegenden Fähigkeiten von Google Web Designer nutzen, um ansprechende und funktionale Webprojekte zu erstellen.
Der Inhalt zu diesem Thema, in kurzen Worten beschrieben.
Datum: KW 33 + 34 – 2024
Dieser Blogbeitrag bezieht sich auf das Fernstudium Medieninformatik (interner Link ↪ zu der Übersicht Vita/Medieninformatik ILS), das ich von Mai 2023 bis Mai 2025 verfolgt habe.
Fachlektoren: Dr. Thomas Wecker – Tilman Leher