Google Web Designer is voorzien van een groot centraal gebied waarin u uw projecten kunt maken en code kunt bewerken. Het centrale gebied wordt omgeven door een werkbalk, een balk met gereedschapsopties, een tijdlijn en een reeks deelvensters waarin u elementen kunt aanpassen, componenten kunt toevoegen, gebeurtenissen kunt toevoegen en meer.
Het document
In het midden van de interface van Web Designer ziet u het huidige document.
Er zijn 2 verschillende documentweergaven beschikbaar:
- In de ontwerpweergave worden de afbeeldingen, tekst en andere elementen visueel weergegeven, net zoals in een browser. Het witte werkvlak komt overeen met het zichtbare gedeelte van de advertentie of webpagina.
- In de codeweergave wordt de documentcode met de bijbehorende kleurcode en opmaak weergegeven.
U kunt de ontwerpweergave en codeweergave aanpassen door uw voorkeuren in te stellen.
1. Werkbalk 2. Balk met gereedschapsopties 3. Tijdlijn 4. Deelvensters 5. Weergavebalk
Weergavebalk
Met de weergavebalk kunt u kiezen tussen de ontwerpweergave en de codeweergave, een voorbeeld van uw document in een browser bekijken en uw advertentie publiceren.
Gereedschappen
De werkbalk bevat gereedschappen waarmee u elementen kunt maken en bewerken op het werkvlak. Dit is inclusief gereedschappen voor het maken van tekst en eenvoudige pagina-elementen, gereedschappen voor kleurselectie en 3D-gereedschappen.
| Gereedschap | Beschrijving |
|---|---|
Selectie |
Objecten op het werkvlak selecteren en verplaatsen. |
Bewegingspad |
Gebogen bewegingspaden voor elementen met animaties tekenen. Niet beschikbaar voor AMP HTML- of beeldadvertenties. |
3D-objecten draaien |
Objecten in drie dimensies draaien. |
3D-objecten vertalen |
Objecten verplaatsen in drie dimensies. |
Element |
Html-tags van elk gewenst type maken door op het werkvlak te klikken en te slepen. |
| Pen, Ovaal, Rechthoek en Lijn |
Svg-tekeningen maken, inclusief eenvoudige vormen met de vormgereedschappen en Béziercurves, met het gereedschap Pen. |
Gereedschap Tekst |
Tekst toevoegen of bewerken. |
Rechthoekig, ovaal en polygoonmasker |
Een clippadmasker aan een element toevoegen. |
Gereedschap Rechthoekige achtergrond, Ovaalvormige achtergrond en Polygoonachtergrond |
Voeg een div-element toe met een achtergrondfilter. Alleen beschikbaar voor afbeeldings- en videodocumenten. |
Vullen, Streek en Kleurovergang |
De kleur van elementen in uw project aanpassen, waaronder opvulkleur van elementen, pennenstreken en opvulkleur van kleurovergangen. |
Druppelaar |
Een kleur van een element op het werkvlak selecteren. |
3D-werkgebied draaien |
De 3D-weergave van het project wijzigen. |
Hand |
De weergave van het werkvlak wijzigen. |
Zoomen |
In- en uitzoomen op uw advertentiemateriaal. |
 Vulkleur en lijnkleur |
De actieve vul- en lijnkleur (rand) wijzigen. |
Gereedschapsopties
De balk met gereedschapsopties bovenaan bevat de opties voor het gereedschap dat op dat moment is geselecteerd. Als bijvoorbeeld het gereedschap Tekst is geselecteerd, bevat de balk met gereedschapsopties opties voor het lettertype en de tekstopmaak.
Tijdlijn
Via de tijdlijn kunt u animaties maken met sleutelframes. In de snelle modus wordt de animatie scène voor scène gemaakt. In de geavanceerde modus kunt u animaties aan afzonderlijke elementen toevoegen.
Deelvensters
Deelvensters zijn onder andere Kleur, Eigenschappen, Tekst, Componenten, Css, Css-effecten, Responsief, Gebeurtenissen, Dynamisch, Bibliotheek, Advertentievalidatie en Structuuroverzicht. Het formaat en de positie van de deelvensters kunnen worden aangepast en de deelvensters kunnen worden gecombineerd en gesloten. Meer informatie over rangschikking van deelvensters
Documenttabbladen
Als er meerdere documenten zijn geopend, worden de bestandsnamen op afzonderlijke tabbladen weergegeven. Schakel tussen documenten door op een tabblad te klikken of op Ctrl+Tab te drukken om naar het volgende document te gaan of op Shift+Ctrl+Tab te drukken om naar het vorige document te gaan.
Als niet alle documenttabbladen in het venster passen, kunt u een lijst met alle geopende documenten weergeven in een pop-upmenu door rechts van de tabbladen op het icoon Meer 