- Dreamweaver Handboek
- Inleiding
- Dreamweaver en Creative Cloud
- De werkruimten en weergaven van Dreamweaver
- Sites opzetten
- Over Dreamweaver-sites
- Een lokale versie van uw site instellen
- Verbinding maken met een publicatieserver
- Een testserver instellen
- Instellingen van Dreamweaver-sites importeren en exporteren
- Bestaande websites overzetten van een externe server naar de hoofdmap van uw lokale site
- Toegankelijkheidsfuncties in Dreamweaver
- Geavanceerde instellingen
- Sitevoorkeuren instellen voor het overzetten van bestanden
- Proxyserverinstellingen opgeven in Dreamweaver
- Dreamweaver-instellingen synchroniseren met Creative Cloud
- Git gebruiken in Dreamweaver
- Bestanden beheren
- Bestanden maken en openen
- Bestanden en mappen beheren
- Bestanden van uw server ophalen en op uw server plaatsen
- Bestanden inchecken en uitchecken
- Bestanden synchroniseren
- Bestanden vergelijken om verschillen op te sporen
- Bestanden en mappen op uw Dreamweaver-site camoufleren
- Ontwerpnotities inschakelen voor Dreamweaver-sites
- Potentieel misbruik van Gatekeeper voorkomen
- Lay-out en ontwerp
- CSS
- Informatie over CSS (Cascading Style Sheets)
- Pagina's opmaken met CSS ontwerpen
- CSS-preprocessors gebruiken in Dreamweaver
- CSS-stijlvoorkeuren instellen in Dreamweaver
- CSS-regels verplaatsen in Dreamweaver
- Inline CSS converteren naar een CSS-regel in Dreamweaver
- Werken met div-tags
- Verlopen toepassen op een achtergrond
- CSS3-overgangseffecten maken en bewerken in Dreamweaver
- Code opmaken
- Pagina-inhoud en assets
- Pagina-eigenschappen instellen
- Eigenschappen voor CSS-koppen en CSS-koppelingen
- Werken met tekst
- Tekst, tags en kenmerken zoeken en vervangen
- Het deelvenster DOM
- Bewerken in Live View
- Documenten coderen in Dreamweaver
- Elementen selecteren en weergeven in het documentvenster
- Teksteigenschappen instellen in de eigenschappencontrole
- Spelling op een webpagina controleren
- Horizontale lijnen gebruiken in Dreamweaver
- Lettertypecombinaties toevoegen en aanpassen in Dreamweaver
- Werken met assets
- Datums in Dreamweaver invoegen en bijwerken
- Favoriete assets maken en beheren in Dreamweaver
- Afbeeldingen invoegen en bewerken in Dreamweaver
- Mediaobjecten toevoegen
- Video's toevoegen in Dreamweaver
- HTML5-video invoegen
- SWF-bestanden invoegen
- Audio-effecten toevoegen
- HTML5-audio invoegen in Dreamweaver
- Werken met bibliotheekitems
- Arabische en Hebreeuwse tekst gebruiken in Dreamweaver
- Koppelingen en navigatie
- jQuery-widgets en -effecten
- Websites coderen
- Over coderen in Dreamweaver
- Coderingsomgeving in Dreamweaver
- Coderingsvoorkeuren instellen
- Codekleuren aanpassen
- Code schrijven en bewerken
- Coderingstips en codevoltooiing
- Code samenvouwen en uitvouwen
- Code hergebruiken met codefragmenten
- Linting voor code gebruiken
- Code optimaliseren
- Code bewerken in de ontwerpweergave
- Werken met de kopinhoud van pagina's
- Include-bestanden op de server invoegen in Dreamweaver
- Tagbibliotheken gebruiken in Dreamweaver
- Aangepaste tags importeren in Dreamweaver
- JavaScript-gedrag gebruiken (algemene instructies)
- Ingebouwd JavaScript-gedrag toepassen
- Over XML en XSLT
- XSL-transformaties op de server uitvoeren in Dreamweaver
- XSL-transformaties op de client uitvoeren in Dreamweaver
- Tekenentiteiten toevoegen voor XSLT in Dreamweaver
- Code opmaken
- Productonafhankelijke workflows
- Extensies in Dreamweaver installeren en gebruiken
- In-app updates in Dreamweaver
- Microsoft Office-documenten invoegen in Dreamweaver (alleen Windows)
- Werken met Fireworks en Dreamweaver
- Inhoud bewerken op Dreamweaver-sites met behulp van Contribute
- Integratie van Dreamweaver met Business Catalyst
- Persoonlijke e-mailcampagnes maken
- Sjablonen
- Over Dreamweaver-sjablonen
- Sjablonen en op een sjabloon gebaseerde documenten herkennen
- Een Dreamweaver-sjabloon maken
- Bewerkbare gebieden maken in sjablonen
- Herhalingsgebieden en tabellen maken in Dreamweaver
- Optionele gebieden in sjablonen gebruiken
- Bewerkbare tagkenmerken in Dreamweaver definiëren
- Geneste sjablonen maken in Dreamweaver
- Sjablonen bewerken, bijwerken en verwijderen
- XML-inhoud exporteren en importeren in Dreamweaver
- Een sjabloon uit een bestaand document toepassen of verwijderen
- Inhoud bewerken in Dreamweaver-sjablonen
- Syntaxisregels voor sjabloontags in Dreamweaver
- Voorkeuren voor de markering van sjabloongebieden instellen
- Voordelen van het gebruik van sjablonen in Dreamweaver
- Mobiel en meerdere schermen
- Dynamische sites, pagina's en webformulieren
- Informatie over web-applicaties
- Uw computer instellen voor het ontwikkelen van applicaties
- Problemen met databaseverbindingen oplossen
- Verbindingsscripts verwijderen in Dreamweaver
- Dynamische pagina's ontwerpen
- Overzicht van dynamische inhoudsbronnen
- Bronnen met dynamische inhoud definiëren
- Dynamische inhoud toevoegen aan pagina's
- Dynamische inhoud wijzigen in Dreamweaver
- Databaserecords weergeven
- Livegegevens leveren en problemen oplossen Dreamweaver
- Aangepast servergedrag toevoegen in Dreamweaver
- Formulieren maken met Dreamweaver
- Formulieren gebruiken om informatie van gebruikers te verzamelen
- ColdFusion-formulieren maken en inschakelen in Dreamweaver
- Webformulieren maken
- Verbeterde HTML5-ondersteuning voor formulierelementen
- Een formulier ontwikkelen met Dreamweaver
- Applicaties visueel samenstellen
- Hoofd- en detailpagina's maken in Dreamweaver
- Zoekpagina's en resultatenpagina's maken
- Een pagina voor het invoegen van records maken
- Een pagina voor het bijwerken van records maken in Dreamweaver
- Pagina's voor het verwijderen van records maken in Dreamweaver
- ASP-opdrachten gebruiken om een database aan te passen in Dreamweaver
- Een registratiepagina maken
- Een aanmeldingspagina maken
- Een pagina maken waartoe alleen geautoriseerde gebruikers toegang hebben
- Mappen beveiligen in ColdFusion met Dreamweaver
- ColdFusion-componenten gebruiken in Dreamweaver
- Websites testen, voorvertonen en publiceren
- Problemen oplossen
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.
-
Een document weergeven in de codeweergave of de codecontrole.
-
Selecteer Weergave > Code-weergaveopties.
-
Schakel een of meer van de volgende opties in of uit:
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.
Opmerking: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.
-
Selecteer Bewerken > Voorkeuren.
-
Selecteer Codeopmaak in de lijst Categorie aan de linkerkant.
-
Stel vervolgens de volgende opties naar wens in:
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.
-
Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
Selecteer Code herschrijven in de lijst Categorie aan de linkerkant.
-
Stel vervolgens de volgende opties naar wens in:
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.
Voorkeur voor automatisch aanvullen van code instellen in Dreamweaver Voorkeur voor automatisch aanvullen van code instellen in Dreamweaver -
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.
PHP-voorkeuren instellen per site PHP-voorkeuren instellen per site
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 Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
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
-
Selecteer Bewerken > Voorkeuren.
-
Selecteer Bestandstypen/Editors uit de categorielijst aan de linkerkant, stel de opties in en klik op OK.
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.