Meer informatie over het instellen van coderingsvoorkeuren, codethema's, codeopmaak en voorkeuren voor het herschrijven van code in Dreamweaver.
Je kunt codeervoorkeuren instellen zoals codeformattering en -kleuring, en andere opties, om aan je specifieke behoeften te voldoen.
- Als u geavanceerde voorkeuren wilt instellen, gebruikt u de tagbibliotheek-editor (zie Tagbibliotheken beheren).
- Dreamweaver ondersteunt opmaak voor de bestandstypen CSS, JS en PHP. Voor informatie over het aanpassen van PHP-, CSS- en JS-codeformattering, zie Code formatteren
Het uiterlijk van de code instellen
Je kunt woordomloop instellen, regelnummers voor de code weergeven, syntaxiskleuring voor code-elementen instellen, inspringing instellen en verborgen tekens tonen via het menu Weergave > Code-weergaveopties.
Selecteer Weergave > Code-weergaveopties.
Tekstterugloop
Vouwt de code zo dat je deze kunt bekijken zonder horizontaal te scrollen. Deze optie voegt geen regeleinden toe; het maakt de code alleen makkelijker leesbaar.
Regelnummers
Hiermee kunt u regelnummers naast de code weergeven.
Verborgen tekens
Hiermee kunt u speciale tekens weergeven in plaats van witruimte. Zo wordt een spatie vervangen door een stip, een tab door een dubbele chrevron en een regeleinde door een alineamarkering.
Tijdelijke regeleinden die Dreamweaver gebruikt voor tekstterugloop worden niet weergegeven door een alineamarkering.
Syntaxiskleuring
Hiermee kunt u codekleuren in- of uitschakelen. Zie Codekleuren instellen voor informatie over het wijzigen van het kleurenschema.
Automatisch inspringen
Hiermee kunt u ervoor zorgen dat code automatisch inspringt wanneer u op Enter drukt terwijl u code schrijft. De nieuwe coderegel springt in tot hetzelfde niveau als de vorige regel. Zie de optie Tabgrootte in De codeopmaak wijzigen voor informatie over hoe u de grootte van de inspringing wijzigt.
De codeopmaak wijzigen
U kunt het uiterlijk van uw code wijzigen door opmaakvoorkeuren in te stellen, zoals inspringing, regellengte en het gebruik van hoofdletters en kleine letters voor namen van tags en kenmerken.
Alle opties voor codeopmaak, behalve de optie Hoofdlettergebruik vervangen in, worden alleen automatisch toegepast op nieuwe documenten of toevoegingen aan documenten die u daarna maakt.
Om bestaande HTML-documenten opnieuw te formatteren, open je het document en selecteer je Bewerken > Code > Bronopmaak toepassen.
Inspringen
Geeft aan of door Dreamweaver gegenereerde code moet worden ingesprongen (volgens de inspringingregels die in deze voorkeuren zijn opgegeven) of niet.
De meeste inspringingopties in dit dialoogvenster zijn alleen van toepassing op code die door Dreamweaver wordt gegenereerd, niet op code die je zelf typt. Als u wilt dat elke nieuwe regel code die u typt, inspringt tot hetzelfde niveau als de vorige regel, selecteert u Weergave > Codeweergaveopties > Automatisch inspringen. Zie Het uiterlijk van de code instellen voor meer informatie.
Met
(Tekstvak en pop-upmenu) Specificeert hoeveel spaties of tabs Dreamweaver moet gebruiken voor het inspringen van code die het genereert. Als je bijvoorbeeld 3 in het vak typt en Tabs selecteert in het pop-upmenu, dan wordt door Dreamweaver gegenereerde code ingesprongen met drie tabtekens voor elk niveau van inspringing.
Tabgrootte
Hiermee bepaalt u hoeveel tekens breed elk tabteken in de codeweergave wordt weergegeven. Als Tabgrootte bijvoorbeeld is ingesteld op 4, wordt elke tab in de codeweergave weergeven als een spatie van vier tekens breed. Als bovendien Inspringen met is ingesteld op 3 tabs, dan wordt door Dreamweaver gegenereerde code ingesprongen met drie tabtekens voor elk niveau van inspringing, wat in de codeweergave verschijnt als een twaalf tekens brede spatie.
Dreamweaver springt in met spaties of tabs; het converteert geen reeks spaties naar een tab bij het invoegen van code.
Emmet
Selecteer deze optie als u van plan bent om Emmet-afkortingen te gebruiken terwijl u code schrijft. Als u deze optie selecteert, zorgt u ervoor dat wanneer u op Tab drukt, Dreamweaver de Emmet-afkorting omzet in volledige HTML- of CSS-code. Voor meer informatie over het gebruik van Emmet, zie De Emmet-toolkit gebruiken met Dreamweaver.
Type regeleinde
Hiermee kunt u het type externe server (Windows, Macintosh of UNIX) opgeven die als host optreedt voor de externe site. Als u het juiste type regeleindeteken selecteert, zorgt u ervoor dat de HTML-broncode correct wordt weergegeven op de externe server. Deze instelling is ook handig als u werkt met een externe teksteditor die alleen bepaalde soorten regeleinden herkent. Gebruik bijvoorbeeld CR LF (Windows) als Kladblok uw externe editor is en gebruik CR (Macintosh) als SimpelTekst uw externe editor is.
Voor servers waarmee u verbinding maakt via FTP is deze optie alleen van toepassing op de binaire overdrachtsmodus. In de ASCII-overdrachtsmodus negeert Dreamweaver deze optie. Als je bestanden downloadt met ASCII-modus, stelt Dreamweaver regeleinden in op basis van het besturingssysteem van je computer; als je bestanden uploadt met ASCII-modus, worden alle regeleinden ingesteld op CR LF.
TD-tag: Geen regeleinde opnemen binnen de TD-tag
Lost een weergaveprobleem op dat voorkomt in sommige oudere browsers wanneer er witruimte of regeleinden direct na een <td>-tag of direct voor een </td>-tag staan. Wanneer je deze optie selecteert, schrijft Dreamweaver geen regeleinden na een <td> of voor een </td> tag, zelfs niet als de opmaak in de Tag-bibliotheek aangeeft dat het regeleinde daar zou moeten staan.
Geavanceerde opmaak
Hiermee kun je opmaakopties instellen voor individuele tags en attributen in de Tag-bibliotheek-editor.
Witruimteteken
(Alleen Japanse versie) Hiermee kun je kiezen tussen of Zenkaku-spatie voor HTML-code. De geselecteerde witruimte in deze optie wordt gebruikt voor lege tags bij het maken van een tabel en wanneer de optie "Meerdere opeenvolgende spaties toestaan" is ingeschakeld in Japanse codering pagina's.
Minimumformaat voor code invouwen
De standaardinstelling voor het minimum aantal regels code voor samenvouwen is twee regels. Met deze standaardinstelling kunnen alle codefragmenten met ten minste twee regels code worden samengevouwen. Codefragmenten die kleiner zijn dan twee regels, kunnen alleen worden samengevouwen door de code te selecteren. Voor meer informatie over code samenvouwen, zie Code samenvouwen en uitvouwen.
Voorkeuren voor het herschrijven van code instellen
Gebruik de codeherschrijfvoorkeuren om op te geven hoe en of Dreamweaver je code wijzigt bij het openen van documenten, bij het kopiëren en plakken van formulierelementen, en bij het invoeren van attribuutwaarden en URL's met hulpmiddelen zoals de Eigenschappencontrole. Deze voorkeuren hebben geen effect wanneer je HTML of scripts bewerkt in de codeweergave.
Als je de herschrijfopties uitschakelt, worden ongeldige markup- items weergegeven in het documentvenster voor HTML die het zou hebben herschreven.
Onjuist geneste en niet-afgesloten tags corrigeren
Herschrijft overlappende tags. Bijvoorbeeld, <b><i>text</b></i> wordt herschreven als <b><i>text</i></b>. Deze optie voegt ook sluitende aanhalingstekens en sluitende haakjes toe als deze ontbreken.
Namen van formulieritems wijzigen als deze worden geplakt
Hiermee voorkomt u dubbele namen voor formulierobjecten. Deze optie is standaard ingeschakeld.
In tegenstelling tot de andere opties in dit voorkeurenvenster wordt deze optie niet toegepast wanneer u een document opent, maar alleen wanneer u een formulierelement kopieert en plakt.
Extra afsluitende tags verwijderen
Verwijdert sluitende tags die geen bijbehorende openingstag hebben.
Waarschuwen wanneer tags worden gecorrigeerd of verwijderd
Hiermee geeft u een overzicht weer van technisch ongeldige HTML-codes die Dreamweaver heeft geprobeerd te corrigeren. De samenvatting geeft de locatie van het probleem aan (met regel- en kolomnummers) zodat je de correctie kunt vinden en kunt controleren of deze wordt weergegeven zoals bedoeld.
Deze code nooit herschrijven: In bestanden met extensies
Hiermee kun je voorkomen dat Dreamweaver code herschrijft in bestanden met de opgegeven bestandsextensies. Deze optie is vooral handig voor bestanden die derde partij tags bevatten.
<, >, & en " in kenmerkwaarden coderen met &
Hiermee zorgt u ervoor dat de kenmerkwaarden die u invoert of bewerkt met hulpmiddelen van Dreamweaver, zoals de eigenschappencontrole, alleen geldige tekens bevatten. Deze optie is standaard ingeschakeld.
Deze optie en de volgende opties zijn niet van toepassing op URL's die u in de codeweergave typt. Ook wijzigen ze bestaande code in een bestand niet.
Speciale tekens niet coderen
Voorkomt dat Dreamweaver URL's wijzigt om alleen geldige tekens te gebruiken. Deze optie is standaard ingeschakeld.
Speciale tekens in URL's coderen met &#
Zorgt ervoor dat wanneer je URL's invoert of bewerkt met Dreamweaver Tools zoals de Eigenschappencontrole, deze URL's alleen geldige tekens bevatten.
Speciale tekens in URL's coderen met %
Werkt op dezelfde manier als de voorgaande optie, maar gebruikt een andere methode voor het coderen van speciale tekens. Deze coderingsmethode (met gebruik van het procentteken) is mogelijk beter compatibel met oudere browsers, maar werkt niet zo goed met tekens uit sommige talen.
Voorkeuren voor coderingstips instellen
Gebruik de coderingstip-voorkeuren om te configureren hoe je wilt dat coderingstips voor je werken.
Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
Selecteer Coderingstips uit de categorie aan de linkerkant.
Stel vervolgens de volgende opties naar wens in:
Tags sluiten
Geef aan hoe je wilt dat Dreamweaver tags sluit.
- Na het typen van "</" -
- Na het typen van de openingstag ">" - Selecteer deze optie als je wilt dat Dreamweaver automatisch een sluitende tag toevoegt nadat je de openingstag sluit.
- Nooit - Stel deze optie in als je niet wilt dat Dreamweaver automatisch sluitende tags toevoegt.
Coderingstips inschakelen
Selecteer deze optie als u het weergeven van coderingstips en codevoltooiing in Dreamweaver wilt in- of uitschakelen. Voor meer informatie over Dreamweaver's coderingstips en code-aanvullingsfuncties, zie Coderingstips en code-aanvulling.
Beschrijvende knopinfo inschakelen
Selecteer deze optie als u wilt dat er beschrijvingen worden weergegeven bij uw coderingstips. Deze beschrijvingen geven aanvullende informatie over de code die je schrijft.
Automatisch accolades invoegen Wanneer deze optie is ingeschakeld, wordt er automatisch een afsluitende accolade ingevoegd wanneer de gebruiker een openingsaccolade typt. Als deze optie is uitgeschakeld, wordt er geen afsluitende accolade ingevoegd wanneer de gebruiker een openingsaccolade typt. Geldt voor alle soorten haakjes en alle bestandstypen (html, php, css, js).
Automatisch aanhalingstekens invoegen Wanneer deze optie is ingeschakeld, wordt er automatisch een afsluitend aanhalingsteken ingevoegd wanneer de gebruiker een openingsaanhalingsteken typt. Als deze optie is uitgeschakeld, wordt er geen afsluitend aanhalingsteken ingevoegd wanneer de gebruiker een openingsaanhalingsteken typt. Geldt voor zowel enkele als dubbele aanhalingstekens en alle bestandstypen (html, php, css, js).
Voorkeur voor automatisch aanvullen van codes instellen
Je kunt het automatisch sluiten van haakjes en aanhalingstekens in- en uitschakelen door de volgende stappen uit te voeren:
Open het brackets.json bestand vanaf de volgende locatie:
- Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
Om het automatisch sluiten van haakjes en ronde haakjes uit te schakelen, stel je autoCloseBraces in op false.
Om het automatisch invoegen van overeenkomende aanhalingstekens uit te schakelen, stel autoCloseQuotes in op False.
Als u het automatisch sluiten van haakjes en overeenkomende aanhalingstekens wilt inschakelen, stel dan de bovengenoemde waarden in op true.
Sla het .json-bestand op en start Dreamweaver.
PHP-voorkeuren instellen
U kunt selecteren in welke ontwikkelomgeving voor PHP-codering u wilt werken. U kunt dit doen op site-specifieke basis voor individuele sites waaraan u werkt, of op algemene basis voor alle PHP-bestanden die buiten Dreamweaver sites worden opgeslagen.
Dreamweaver stelt de codecontroles en linting-controles in voor de geselecteerde PHP-taalversie.
Volg deze stappen om PHP-codeversievoorkeuren in te stellen voor niet-sitespecifieke bestanden:
Selecteer Edit > Preferences (Windows) of Dreamweaver > Preferences (Macintosh).
Stel PHP in via de categorielijst aan de linkerkant.
Kies een PHP-versie uit de PHP Version vervolgkeuzelijst en klik op Apply.
Volg deze stappen om de PHP-versie voor een specifieke site in te stellen:
Selecteer in het dialoogvenster Site-instellingen onder Advanced Settings de optie PHP.
Kies een PHP-versie uit de PHP Version vervolgkeuzelijst en klik op Save.
Kleurenthema's en codethema's instellen
Wanneer u Dreamweaver start, kunt u het kleurenthema van uw voorkeur kiezen. U kunt deze voorkeur ook op elk gewenst moment wijzigen.
Selecteer Interface in de lijst Categorie aan de linkerkant.
Kies een thema in de lijst met kleurenthema's.
Nadat u het interfacethema hebt ingesteld, stelt u het codethema in.
U kunt kiezen voor een licht of donker codethema.
Klik op Toepassen om de wijzigingen op te slaan.
U kunt de codekleuren verder aan uw wensen aanpassen. Zie voor meer informatie Codekleuren aanpassen.
Een externe editor gebruiken
U kunt een externe editor opgeven voor het bewerken van bestanden met specifieke bestandsextensies. U kunt bijvoorbeeld vanuit Dreamweaver een tekstverwerker zoals BBEdit, Notepad of TextEdit starten om JavaScript (JS)-bestanden te bewerken.
U kunt verschillende externe editors toewijzen aan verschillende bestandsextensies.
Een externe editor instellen voor een bestandstype
Openen in de codeweergave
Geeft de bestandsextensies aan die automatisch worden geopend in de codeweergave in Dreamweaver.
Gewijzigde bestanden opnieuw laden
Bepaalt het gedrag wanneer Dreamweaver detecteert dat er externe wijzigingen zijn aangebracht aan een document dat is geopend in Dreamweaver.
Opslaan bij het starten
Geeft aan of Dreamweaver het huidige document altijd moet opslaan voordat de editor wordt gestart, het document nooit moet opslaan, of moet vragen of het document moet worden opgeslagen telkens wanneer u de externe editor start.
Fireworks
U kunt Fireworks met Dreamweaver verbinden door hier het pad naar de app op te geven.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.