Wanneer u Web Designer-bronbestanden voor advertenties en HTML-pagina's bekijkt, kunt u schakelen tussen de codeweergave en de ontwerpweergave. De aangebrachte wijzigingen in de codeweergave worden ook aangebracht in de ontwerpweergave, zodat u meteen kunt testen welke invloed wijzigingen in uw code hebben op uw ontwerpen.
Overschakelen naar de codeweergave:
Klik rechtsboven in het venster op de knop Codeweergave
.
De vensters van de ontwerpweergave en bepaalde menuopdrachten zijn niet beschikbaar in de codeweergave.
.Instellingen voor codeweergave
U kunt de opmaak- en editoropties voor de codeweergave in uw voorkeuren aanpassen, waaronder de volgende instellingen:
- Kleurthema
- Sleuteltoewijzing
- Regelterugloop
- Grootte van inspringing
- Automatische inspringing
- Automatisch voltooien
- Spaties gebruiken voor tabs
- Minikaart weergeven
Bekijk de pagina over het instellen van uw voorkeuren voor een volledige lijst met opties.
Werken met uw code
Met de volgende functies kunt u gemakkelijker code schrijven en bewerken. U kunt ook leren navigeren in de codeweergave binnen uw document of tussen bestanden.
Zoomen
Als u de tekstgrootte van de code wilt wijzigen, gebruikt u de zoomknoppen (- en +) aan de rechterkant van de voettekstbalk. Google Web Designer onthoudt standaard het zoomniveau dat u heeft ingesteld voor de codeweergave.
Codeblokken samenvouwen
Gebruik de pijlen in de linkermarge om blokken code samen te vouwen en uit te vouwen.
Inspringing
Google Web Designer springt automatisch nieuwe regels in terwijl u typt. Als een blok code niet goed is ingesprongen (bijvoorbeeld als u de code uit een ander bestand heeft gekopieerd en geplakt), kunt u de code selecteren en op Tab drukken om de code te laten inspringen.
Code automatisch aanvullen
Google Web Designer geeft standaard suggesties weer terwijl u typt. Als u deze voorkeur heeft uitgezet, kunt u op Ctrl+spatiebalk drukken om automatische aanvulling te activeren.
Taalmodus
Google Web Designer baseert syntaxiskleuren en automatisch aanvullen van de code op de bestandsextensie. Als u de standaard taalmodus wilt overschrijven, klikt u op de huidige taal in de voettekst en selecteert u de nieuwe taal in het pop-upmenu.
GreenSock JavaScript-bibliotheken
U kunt populaire GreenSock-animatietools toevoegen via een menuopdracht als uw omgeving Display & Video 360 of als uw project een html-pagina is.
Een GreenSock-bibliotheek invoegen:
- Zorg ervoor dat de codeweergave zichtbaar is.
- Selecteer in het menu Bestand de optie JS-bibliotheek opnemen > GreenSock.
- Selecteer een bibliotheek in de lijst.
U kunt de procedure herhalen om meerdere bibliotheken toe te voegen.
Verschillen met de gepubliceerde code
De codeweergave laat niet noodzakelijkerwijs zien hoe uw code eruitziet wanneer u het document publiceert. De code die u ziet wanneer u het document opstelt, wordt mogelijk gecomprimeerd zodat het document minder ruimte in beslag neemt. Daarnaast is het mogelijk dat bepaalde code niet zichtbaar is in de codeweergave, maar wel wordt opgenomen in het gepubliceerde bestand.