Wie elke dag in Dreamweaver werkt, merkt snel hoeveel tijd er verloren gaat aan klikken door menu’s. Met de juiste dreamweaver sneltoetsen wissel je in een seconde van weergave, open je het juiste paneel of zet je een bestand direct online. In dit artikel vind je de handigste combinaties voor Windows én macOS, overzichtelijk in tabellen per onderwerp.
Alle sneltoetsen hieronder zijn gecontroleerd met de officiële lijst van Adobe voor Dreamweaver 21.8.1, de actuele versie in Creative Cloud. Onderaan lees je ook hoe je sneltoetsen zelf aanpast of een eigen set maakt, zodat Dreamweaver precies werkt zoals jij gewend bent.
Sneltoetsen voor weergaven en panelen
Dreamweaver kent een Code-, Ontwerp- en Live-weergave. Met de onderstaande combinaties spring je snel tussen weergaven en roep je de panelen op die je het meest gebruikt. Wil je eerst weten wat elke weergave precies doet? Lees dan het artikel over de weergaven Code, Splitsen en Live.
Op de Mac staat Cmd voor Command (⌘) en Option voor de Option-toets (⌥). Een paar combinaties gebruiken op de Mac echt Ctrl. Werken de F-toetsen niet, houd dan Fn ingedrukt.
| Actie | Windows | macOS |
|---|---|---|
| Wisselen tussen weergaven (Switch Views) | Ctrl + ` | Ctrl + ` |
| Wisselen tussen Ontwerp- en Live-weergave | Ctrl + Shift + F11 | Cmd + Shift + F11 |
| Alle panelen tonen of verbergen | F4 | F4 |
| Deelvenster Bestanden (Files) | F8 | F8 |
| CSS Designer | Shift + F11 | Cmd + F11 |
| Deelvenster Eigenschappen (Properties) | Ctrl + F3 | Cmd + F3 |
| Deelvenster Invoegen (Insert) | Ctrl + F2 | Cmd + F2 |
| Voorkeuren (Preferences) | Ctrl + U | Cmd + U |
| Real-time voorvertoning in primaire browser | F12 | Option + F12 |
Vooral F4 is handig: daarmee verberg je alle panelen tijdelijk, zodat je meer ruimte hebt voor je code of het ontwerp. Druk nog een keer en alles staat weer op zijn plek.
Sneltoetsen voor code schrijven
Werk je veel in de Code-weergave, dan leveren deze combinaties de meeste winst op. Ze helpen je sneller te selecteren, te dupliceren en door lange bestanden te navigeren.
| Actie | Windows | macOS |
|---|---|---|
| Snel bewerken (Quick Edit) | Ctrl + E | Cmd + E |
| Codehints tonen | Ctrl + Spatie | Ctrl + Spatie |
| Regelcommentaar aan/uit | Ctrl + / | Cmd + / |
| Regel dupliceren | Ctrl + D | Cmd + D |
| Regel(s) verwijderen | Ctrl + Shift + D | Cmd + Shift + D |
| Bovenliggende tag selecteren | Ctrl + [ | Cmd + [ |
| Ga naar regel | Ctrl + G | Cmd + , |
| Code inspringen | Ctrl + Shift + > | Cmd + Shift + > |
| Alles uitvouwen | Ctrl + Alt + E | Cmd + Option + E |
| Accolades in balans selecteren (Balance Braces) | Ctrl + ' | Cmd + ' |
| Extra cursor plaatsen | Ctrl + klik | Cmd + klik |
| Kolomselectie met meerdere cursors | Alt + klik en slepen | Option + klik en slepen |
Met Snel bewerken (Ctrl + E of Cmd + E) open je de CSS-regels die bij een element horen direct in je HTML-bestand. Je hoeft dus niet meer te zoeken in een apart stijlbestand. Met meerdere cursors pas je in één keer dezelfde tekst op verschillende regels aan, bijvoorbeeld een reeks class-namen.
Tip: Codehints gebruiken op Windows én Mac Ctrl + Spatie. Gebruik je op de Mac die combinatie al om van invoerbron te wisselen, schakel die macOS-sneltoets dan uit of geef de codehints in Dreamweaver een andere combinatie.
Zoeken en vervangen
Een tekst, class of link op tientallen pagina’s aanpassen gaat het snelst met zoeken en vervangen. Let op: op de Mac is vervangen in het huidige document een andere combinatie dan op Windows.
| Actie | Windows | macOS |
|---|---|---|
| Zoeken in huidig document | Ctrl + F | Cmd + F |
| Vervangen in huidig document | Ctrl + H | Cmd + Option + F |
| Zoeken en vervangen in bestanden | Ctrl + Shift + F | Cmd + Shift + F |
| Volgende zoeken | F3 | Cmd + G |
| Volgende overeenkomst aan selectie toevoegen | Ctrl + R | Ctrl + Cmd + R |
Met Zoeken en vervangen in bestanden doorzoek je je hele site. Maak eerst een back-up of werk met versiebeheer voordat je op alle bestanden tegelijk iets vervangt.
Tekst, afbeeldingen en tabellen
In de Ontwerp- en Live-weergave werk je meer visueel. Deze sneltoetsen helpen bij het opmaken van tekst en het invoegen van elementen.
| Actie | Windows | macOS |
|---|---|---|
| Vet | Ctrl + B | Cmd + B |
| Cursief | Ctrl + I | Cmd + I |
| Afbeelding invoegen | Ctrl + Alt + I | Cmd + Option + I |
| Tabel invoegen | Ctrl + Alt + T | Cmd + Option + T |
| Regeleinde (<br>) invoegen | Shift + Enter | Shift + Return |
| Vaste spatie ( ) | Ctrl + Shift + Spatie | Cmd + Shift + Spatie |
| Koppeling verwijderen | Ctrl + Shift + L | Cmd + Shift + L |
Voor opmaak zoals lettertypen en kleuren gebruik je CSS. Hoe je dat visueel regelt, lees je in het artikel over het CSS Designer-paneel.
Bestanden, site en publiceren
Heb je een externe server ingesteld, dan zet je bestanden met één toetscombinatie online. Op de Mac wijkt de combinatie voor ophalen af van wat je misschien verwacht.
| Actie | Windows | macOS |
|---|---|---|
| Bestand plaatsen (Put) | Ctrl + Shift + U | Cmd + Shift + U |
| Bestand ophalen (Get) | Ctrl + Alt + D | Cmd + Shift + B |
| Nieuw bestand in deelvenster Bestanden | Ctrl + Shift + N | Cmd + Shift + N |
| Volgend geopend document | Ctrl + Tab | Cmd + ` |
| Venster sluiten | Ctrl + W | Cmd + W |
| Ongedaan maken | Ctrl + Z | Cmd + Z |
Hoe je de server instelt en wanneer je plaatsen of synchroniseren gebruikt, lees je in de handleiding je website online zetten via FTP.
Sneltoetsen aanpassen in Dreamweaver
Mis je een sneltoets of zit een combinatie in de weg? Dan pas je die aan in de Sneltoetsen-editor. Zo werkt het:
- Open de editor via Bewerken > Sneltoetsen (Windows) of Dreamweaver > Sneltoetsen (macOS).
- De standaardset kun je niet direct wijzigen. Klik daarom eerst op Set dupliceren (Duplicate Set) en geef je eigen set een naam.
- Kies in het menu Opdrachten (Commands) een categorie, bijvoorbeeld menuopdrachten of codebewerking. Kies Fragment (Snippet) als je een sneltoets aan een codefragment wilt koppelen.
- Selecteer de opdracht. De bestaande sneltoetsen verschijnen in de lijst.
- Klik op de plusknop om een sneltoets toe te voegen, of selecteer een bestaande om die te vervangen. Elke opdracht kan maximaal twee sneltoetsen hebben.
- Klik in het veld Toets indrukken (Press Key) en druk de nieuwe combinatie in.
- Klik op Wijzigen (Change). Is de combinatie al in gebruik, dan krijg je een melding en wordt de wijziging niet opgeslagen.
Met de minknop verwijder je een sneltoets. Handig is ook de knop Exporteren als HTML-bestand: daarmee maak je een overzicht van al je sneltoetsen dat je in de browser opent of print.
Tip: Bewaar een kopie van je geëxporteerde overzicht. Bij een grote update of een nieuwe computer zie je dan in één oogopslag welke eigen sneltoetsen je opnieuw moet instellen.
Tot slot: begin met vijf sneltoetsen
Probeer niet alles tegelijk te onthouden. Kies vijf combinaties die je dagelijks nodig hebt, bijvoorbeeld wisselen tussen weergaven, F8, Snel bewerken, regel dupliceren en bestand plaatsen, en gebruik ze een week lang bewust. Daarna voeg je er een paar aan toe. Pas aan wat niet bij jouw manier van werken past en houd de officiële sneltoetsenpagina van Adobe bij de hand voor de volledige lijst.
Veelgestelde vragen
Kan ik een overzicht van al mijn Dreamweaver-sneltoetsen printen?
Ja. Open de Sneltoetsen-editor en kies Exporteren als HTML-bestand. Het bestand open je in je browser, waarna je het kunt printen of als pdf bewaren.
Waarom werkt een functietoets zoals F8 niet op mijn Mac?
Op veel Macs zijn de F-toetsen standaard gekoppeld aan systeemfuncties zoals volume en helderheid. Houd Fn ingedrukt of stel in macOS in dat F-toetsen als standaard functietoetsen werken.
Gaan mijn eigen sneltoetsen verloren als ik de voorkeuren reset?
Bij het resetten van de voorkeuren wordt de map met gebruikersinstellingen verwijderd, en daarin staan ook eigen sneltoetssets. Exporteer je set daarom vooraf. Meer over resetten lees je in Dreamweaver-problemen oplossen.
Hoeveel sneltoetsen kan ik aan één opdracht koppelen?
Elke opdracht kan maximaal twee sneltoetsen hebben. Zo kun je bijvoorbeeld een combinatie uit een ander programma toevoegen naast de standaardcombinatie van Dreamweaver.
