- 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.
U kunt naar eigen behoefte coderingsvoorkeuren instellen, zoals coderingsopmaak en kleurgebruik.
- Als u geavanceerde voorkeuren wilt instellen, gebruikt u de tagbibliotheek-editor (zie Tagbibliotheken beheren).
- Dreamweaver ondersteunt opmaak voor de bestandstypen CSS, JS en PHP. Zie Code opmaken voor informatie over hoe u de opmaak van PHP-, CSS- en JS-code aanpast.
Het uiterlijk van de code instellen
U kunt tekstterugloop instellen, regelnummers voor code weergeven, syntaxiskleuren voor code-elementen instellen, inspringing instellen en verborgen tekens weergeven via het menu Weergave > Codeweergaveopties.
-
Een document weergeven in de codeweergave of de codecontrole.
-
Selecteer Weergave > Codeweergaveopties.
-
Schakel een of meer van de volgende opties in of uit:
Tekstterugloop
Hiermee kunt u de coderegels laten teruglopen, dat wil zeggen dat ze tijdelijk zodanig worden afgebroken dat u de regels kunt bekijken zonder horizontaal te moeten schuiven. Als u deze optie inschakelt, worden er geen regeleinden ingevoegd, maar wordt alleen het lezen van de code gemakkelijker.
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 met 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.
Als u bestaande HTML-documenten opnieuw wilt opmaken, opent u het document en selecteert u 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
Hiermee geeft u aan of code die is gegenereerd door Dreamweaver, wel of niet moet inspringen (op basis van de regels voor inspringing die in de voorkeuren zijn ingesteld).
Opmerking:De meeste inspringingsopties in dit dialoogvenster zijn alleen van toepassing op code die door Dreamweaver is gegenereerd en niet op code die u 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) Hiermee kunt u opgeven hoeveel spaties of tabs Dreamweaver moet gebruiken voor het laten inspringen van de gegenereerde code. Als u bijvoorbeeld 3 typt in het tekstvak en Tabs selecteert in het pop‑upmenu, springt de code die Dreamweaver genereert, in met drie tabtekens voor elk inspringingsniveau.
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 Inspringen met daarnaast is ingesteld op 3 tabs, springt de code die door Dreamweaver wordt gegenereerd, in met drie tabtekens voor elk inspringingsniveau, wat in de codeweergave wordt weergegeven als een spatie van twaalf tekens groot.
Opmerking:Dreamweaver gebruikt spaties of tabs voor inspringingen. Wanneer u code invoegt, wordt een reeks spaties niet omgezet in een tab.
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. Zie De Emmet-toolkit gebruiken met Dreamweaver voor meer informatie over het gebruik van Emmet.
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.
Opmerking: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 u bestanden downloadt in de ASCII-modus, stelt Dreamweaver regeleinden in op basis van het besturingssysteem van uw computer. Als u bestanden uploadt in de ASCII-modus, worden alle regeleinden ingesteld op CR LF.
TD-tag: Geen regeleinde opnemen binnen de TD-tag
Hiermee lost een weergaveprobleem op dat zich voordoet in sommige oudere browsers als een spatie of regeleinde direct komt na een <td>-tag of direct voor een </td>-tag. Als u deze optie selecteert, voegt Dreamweaver geen regeleinde toe na de tag <td> of voor de tag </td>, zelfs niet als de opmaak in de tagbibliotheek aangeeft dat het regeleinde aanwezig moet zijn.
Geavanceerde opmaak
Hiermee kunt u opmaakopties instellen voor afzonderlijke tags en kenmerken in de tagbibliotheek-editor.
Witruimteteken
(Alleen in de Japanse versie) Hiermee kunt u kiezen tussen en de Zenkaku-spatie voor HTML-code. Het witruimteteken dat u met deze optie selecteert, wordt gebruikt voor lege tags wanneer u een tabel maakt en wanneer de optie Meerdere opeenvolgende spaties toestaan is ingeschakeld voor pagina's met Japanse codering.
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. Zie Code samenvouwen en uitvouwen voor meer informatie over het samenvouwen van code.
Voorkeuren voor het herschrijven van code instellen
Met de voorkeuren voor het herschrijven van code kunt u opgeven of en hoe Dreamweaver de code moet wijzigen wanneer u documenten opent, formulierelementen kopieert en plakt en kenmerkwaarden en URL's invoert met hulpmiddelen, zoals de eigenschappencontrole. Deze voorkeuren zijn niet van toepassing wanneer u HTML of scripts bewerkt in de codeweergave.
Als u de opties voor herschrijven uitschakelt, worden in het documentvenster items voor ongeldige opmaak weergegeven voor HTML-code die Dreamweaver zou herschrijven.
-
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
Hiermee worden overlappende tags herschreven. <b><i>tekst</b></i> wordt herschreven als <b><i>tekst</i></b>. Deze optie voegt ook afsluitende aanhalingstekens en haakjes in als deze ontbreken.
Namen van formulieritems wijzigen als deze worden geplakt
Hiermee voorkomt u dubbele namen voor formulierobjecten. Deze optie is standaard ingeschakeld.
Opmerking: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
Hiermee verwijdert u eindtags waarvoor geen bijbehorende begintag aanwezig is.
Waarschuwen wanneer tags worden gecorrigeerd of verwijderd
Hiermee geeft u een overzicht weer van technisch ongeldige HTML-codes die Dreamweaver heeft geprobeerd te corrigeren. In dit overzicht wordt de locatie van het probleem vermeld (aan de hand van regel- en kolomnummers), zodat u de correctie kunt vinden en kunt controleren of het resultaat naar wens is.
Deze code nooit herschrijven: In bestanden met extensies
Hiermee kunt u voorkomen dat Dreamweaver code herschrijft in bestanden met de opgegeven bestandsextensies. Deze optie is met name handig voor bestanden met tags van derden.
<, >, & 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.
Opmerking: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
Hiermee voorkomt u dat Dreamweaver URL's zodanig verandert dat deze alleen geldige tekens bevatten. Deze optie is standaard ingeschakeld.
Speciale tekens in URL's coderen met &#
Hiermee zorgt u ervoor dat URL's die u invoert of bewerkt met hulpmiddelen van Dreamweaver, zoals de eigenschappencontrole, alleen geldige tekens bevatten.
Speciale tekens in URL's coderen met %
Deze optie werkt op dezelfde manier als de voorgaande optie, maar er wordt een andere methode gebruikt om speciale tekens te coderen. Deze coderingsmethode (met het procentteken) is vaker compatibel met oudere browsers, maar werkt minder goed met tekens uit sommige talen.
Voorkeuren voor coderingstips instellen
Gebruik de voorkeuren voor coderingstips om op te geven hoe u wilt dat coderingstips werken.
-
Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
Selecteer Coderingstips in de categorie aan de linkerkant.
-
Stel vervolgens de volgende opties naar wens in:
Tags sluiten
Geef op hoe u wilt dat Dreamweaver tags sluit.
- Nadat u '</' hebt getypt
- Nadat u '>' van een openingstag hebt getypt. Selecteer deze optie als u wilt dat Dreamweaver automatisch een afsluitende tag toevoegt nadat u de openingstag sluit.
- Nooit. Stel deze optie in als u niet wilt dat Dreamweaver automatisch sluitingstags toevoegt.
Coderingstips inschakelen
Selecteer deze optie als u het weergeven van coderingstips en codevoltooiing in Dreamweaver wilt in- of uitschakelen. Zie Coderingstips en codevoltooiingvoor meer informatie over de functies voor coderingstips en codevoltooiing van Dreamweaver.
Beschrijvende knopinfo inschakelen
Selecteer deze optie als u wilt dat er beschrijvingen worden weergegeven bij uw coderingstips. Deze beschrijvingen bevatten aanvullende informatie over de code die u 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. Dit is op alle typen accolades en alle bestandstypen (html, php, css, js) van toepassing.
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. Dit is op zowel enkele als dubbele aanhalingstekens en alle bestandstypen (html, php, css, js) van toepassing.
Voorkeur voor automatisch aanvullen van codes instellen
U kunt het automatisch toevoegen van afsluitende haakjes en aanhalingstekens in- en uitschakelen door de volgende stappen uit te voeren:
-
Open het bestand brackets.json vanaf de volgende locatie:
- Windows: %appdata%\Adobe\Dreamweaver CC 2018\nl_NL\Configuration\Brackets\
- Mac: ~/Bibliotheek/Application Support/Adobe/Dreamweaver CC 2018/nl_NL/Configuration/Brackets/
-
Als u het automatisch invoegen van afsluitende haakjes wilt uitschakelen, stelt u autoCloseBraces in op false.
-
Als u het automatisch invoegen van bijpassende aanhalingstekens wilt uitschakelen, stelt u autoCloseQuotes in op false.
Als u het automatisch invoegen van afsluitende haakjes en bijpassende aanhalingstekens wilt inschakelen, stelt u de hierboven genoemde 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 voor afzonderlijke sites waaraan u werkt of voor alle PHP-bestanden die zijn opgeslagen buiten Dreamweaver-sites.
Dreamweaver stelt vervolgens de coderingstips en de linting-controles voor de geselecteerde PHP-taalversie in.
Als u voorkeuren voor de PHP-codeversie wilt instellen voor niet-sitespecifieke bestanden, gaat u als volgt te werk:
-
Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
Selecteer PHP in de lijst met categorieën aan de linkerkant van het venster.
-
Kies een PHP-versie in de vervolgkeuzelijst PHP-versie en klik op Toepassen.
Als u de PHP-versie voor een specifieke site wilt instellen, gaat u als volgt te werk:
-
Selecteer in het dialoogvenster Site-instelling onder Geavanceerde instellingen de optie PHP.
-
Kies een PHP-versie in de vervolgkeuzelijst PHP-versie en klik op Opslaan.
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 tussen 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 instellen die moet worden gebruikt voor het bewerken van bestanden met specifieke bestandsnaamextensies. U kunt bijvoorbeeld vanuit Dreamweaver een teksteditor starten, zoals BBEdit, Kladblok of TextEdit om JavaScript-bestanden (JS-bestanden) te bewerken.
U kunt verschillende externe editors toewijzen aan verschillende bestandsnaamextensies.
Een externe editor instellen voor een bestandstype
-
Selecteer Bewerken > Voorkeuren.
-
Selecteer Bestandstypen/editors in de lijst Categorie links, stel de opties in en klik op OK.
Openen in de codeweergave
Hiermee geeft u de bestandsextensies op die automatisch moeten worden geopend in de codeweergave.
Gewijzigde bestanden opnieuw laden
Hiermee geeft u op wat er moet gebeuren wanneer Dreamweaver detecteert dat er extern wijzigingen zijn aangebracht in een document dat in Dreamweaver is geopend.
Opslaan bij het starten
Hiermee geeft u op of Dreamweaver het huidige document altijd moet opslaan voordat de editor wordt gestart, het document nooit moet opslaan of u 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 toepassing op te geven.