In de dynamische wereld van webdesign is Adobe Dreamweaver een onmisbare tool voor ontwikkelaars en ontwerpers. Maar om echt het volledige potentieel van deze krachtige software te benutten, zijn toetsenbordsnelkoppelingen een essentieel element.

Toetsenbordsnelkoppelingen in Dreamweaver zijn veel meer dan alleen handige snelkoppelingen. Ze vormen een brug naar efficiënter en sneller werken. Met deze sneltoetsen kun je complexe taken met slechts een paar toetsaanslagen uitvoeren, wat de productiviteit verhoogt en kostbare tijd bespaart. Ze stellen je in staat vloeiend te schakelen tussen verschillende functies en weergaven, zonder door omslachtige menu's te hoeven navigeren. Dit leidt tot een naadlozere en intuïtievere werkstroom, wat vooral bij strakke deadlines een groot voordeel is.

In dit artikel leer je hoe je met de belangrijkste Dreamweaver-toetsenbordsnelkoppelingen je webdesign- en ontwikkelingsprocessen kunt optimaliseren. Of je nu een beginner bent of een ervaren professional - deze shortcuts zullen je werk in Dreamweaver ingrijpend verbeteren. Klaar om je webdesignvaardigheden naar het volgende niveau te tillen? Laten we duiken in de wereld van de Dreamweaver-snelkoppelingen!

Inhoudsopgave

Bestand

BestandSnelkoppeling
NieuwCtrl + N
OpenenCtrl + O
Bladeren in BrugCtrl + Alt + O
SluitenCtrl + W
Alles SluitenCtrl + Shift + W
OpslaanCtrl + S
Opslaan alsCtrl + Shift + S
PrintenCtrl + P
VoorkeurenCtrl + U
Voorbeeld in BrowserF12 / Alt + F12
Links controlerenShift + F8
SluitenCtrl + Q

Weergave / Bewerken

Weergave / BewerkenSnelkoppeling
InzoomenCtrl + +
UitzoomenCtrl + -
In-/UitzoomenCtrl + Muiswiel
Invoegen met optiesCtrl + Shift + V
ZoekenCtrl + F
Doorgaan met zoeken in selectieShift + F3
Doorgaan met zoekenF3
Weergave wisselenCtrl + #
Linialen weergevenCtrl + Alt + R
Hulplijnen weergevenCtrl + Shift + #
Live-weergaveAlt + F11
Ongedaan makenCtrl + Z
HerhalenCtrl + Y
Raster weergevenCtrl + Alt + G
Uitlijnen op rasterCtrl + Shift + Alt + G
HTML-kop weergevenCtrl + Shift + H
Geavanceerde tabelmodusAlt + F6
Alles verbergenCtrl + Shift + I
JavaScript stoppenF6
Plug-ins weergevenCtrl + Alt + P
Plug-ins stoppenCtrl + Alt + X

Ontwerpweergave

OntwerpweergaveSnelkoppeling
Snel tag-bewerkerCtrl + T
Code NavigatorCtrl + Alt + Klik
Ontwerpweergave vernieuwenF5
Pixeldikte bij hulplijnenCtrl

Broncode & Ontwerp

ActieSnelkoppeling
Geen tekstopmaakCtrl + 0
Titel 1 - <h1>Ctrl + 1
Titel 3 - <h3>Ctrl + 3
Titel 6 - <h6>Ctrl + 6
Alinea - <p>Ctrl + Shift + P
Links - <div align="left">Ctrl + Shift + Alt + L
Rechts - <div align="right">Ctrl + Shift + Alt + R
Gecentreerd - <div align="center">Ctrl + Shift + Alt + C
Blocksatz - <div align="justify">Ctrl + Shift + Alt + J
VetCtrl + B
CursiefCtrl + I

Werken in de broncode

ActieSnelkoppeling
Code-assistentieCtrl + Spatie
Ga naar regelCtrl + G
Markeer geselecteerde met #Ctrl + Shift + 3
Linksstaand woord verwijderenCtrl + Backspace
Rechtsstaand woord verwijderenCtrl + Delete
Regel erboven selecterenShift + Pijltje omhoog
Regel eronder selecterenShift + Pijltje omlaag
Linksstaand karakter selecterenShift + Pijltje links
Rechtsstaand karakter selecterenShift + Pijltje rechts
Hele pagina tot onderaan selecterenShift + Pagina omlaag
Hele pagina tot bovenaan selecterenShift + Pagina omhoog
Volgend woord naar links springenCtrl + Pijltje links
Volgend woord naar rechts springenCtrl + Pijltje rechts
Linksstaand woord selecterenCtrl + Shift + Pijltje links
Rechtsstaand woord selecterenCtrl + Shift + Pijltje rechts
Naar regelbegin springenBegin / Pijltje schuin linksboven
Naar regeleinde springenEinde / Pijltje schuin rechtsonder
Selecteren tot regelbeginShift + Begin
Selecteren tot regeleindeShift + Einde
Naar regelnummer 1 springenCtrl + Begin
Naar laatste regelnummer springenCtrl + Einde

Plakken

ActieSneltoets
AfbeeldingCtrl + Alt + I
TabelCtrl + Alt + T
Spatie ( )Ctrl + Shift + Spatie
Regelovergang (<br />)Shift + Enter
Hyperlink invoegenCtrl + L
Hyperlink verwijderenCtrl + Shift + L
TagselectieCtrl + E
SWF-bestandCtrl + Alt + F
Genaamde ankerpuntCtrl + Alt + A
Bewerkbaar gebied in sjablonenCtrl + Alt + V

Vensters

VensterSneltoets
AP-elementenF2
KoppelingenCtrl + F10
CodefragmentenShift + F9
Code-inspecteurF10 / Alt + F10
CSS-stijlenShift + F11
DatabasesCtrl + Shift + F10
BestandenF8 / Ctrl + Shift + F
EigenschappenCtrl + F3
PlakkenCtrl + F2
Venster verbergenF4
FramesShift + F2
ComponentenCtrl + F7
ServergedragCtrl + F9
ZoekenF7
Tag-inspecteurF9 / Alt + Shift + F9
GedragShift + F4
VerloopShift + F10

Werken met tabellen

ActieSneltoets
Cel individueel selecterenCtrl + Klik
Tabel selecterenCtrl + A 2x
Rij invoegenCtrl + M
Rij invoegen versie IITab in laatste cel
Kolom invoegenCtrl + Shift + A
Rij verwijderenCtrl + Shift + M
Kolom verwijderenCtrl + Shift + -
Cellen samenvoegenCtrl + Shift + Alt + M
Cellen splitsenCtrl + Alt + S

18 Tips en trucs voor Adobe Dreamweaver

  • Je wilt snel het geopende bestand naar de server overbrengen, mits dit via de site is ingesteld, druk dan op Ctrl +  + U.
  • Er is in Dreamweaver een interne browsercompatibiliteitstest die alle W3C-ongeldige fouten en de browsercompatibiliteit van alle scripts weergeeft. Deze functie is te bereiken via de documentbalk met het menu-item Pagina controleren. Zeer nuttig, zodat je je pagina niet steeds met alle browsers hoeft te openen.
  • Met Dreamweaver kun je bestanden rechtstreeks vanaf de server openen en bewerken. Zo bespaar je de upload met de FTP-client. Klik eenvoudig in het venster Bestanden (F8) => Beheer sites, vervolgens op Nieuw en vul alle gegevens in. Vervolgens wordt de serverinhoud daar weergegeven en kun je de gewenste pagina's openen.
  • Om CSS-achtergronden beter zichtbaar te maken, kun je in het menu Beeld => Visuele hulpmiddelen => CSS-layout-achtergronden activeren. De verschillende blokken worden nu met een willekeurige kleur gevuld. Deze kleuren worden echter alleen weergegeven in het ontwerpscherm.
  • De weergavegrootte mag bij voorkeur niet worden gewijzigd - standaard is 100% ingesteld -, omdat de pagina anders in de Dreamweaver-weergave te pixelachtig lijkt.
  • In het venster Lagenbediening kunnen standaard tot 50 stappen ongedaan worden gemaakt. Je kunt deze waarde in de voorkeuren (Ctrl + U) in het tabblad Algemeen verhogen.
  • Er komt vaak een nieuwe rij nodig in een tabel. Klik gewoon in de laatste cel rechtsonder en druk dan op de Tab-toets. Als je meteen 10 of meer nieuwe rijen of kolommen nodig hebt, is het handig om via rechtsklik => Rijen of kolommen invoegen te gaan.
  • Om snel alle bedieningspanelen te tonen of te verbergen, druk op de sneltoets F4. Alleen het menu en het werkvenster worden dan weergegeven.
  • In Dreamweaver is het mogelijk om complete blokken met broncode te zoeken en te vervangen. Dit is vooral handig als je meer dan één regel code die steeds weer voorkomt, wilt vervangen.
  • 18 Tips en trucs voor Adobe Dreamweaver
  • Om snel de volledige inhoud van een tabel () of een DIV-element () te selecteren, dubbelklik op Ctrl + A.
  • Als je in de broncode werkt, kun je de tags snel sluiten door Venster => Resultaten => Controleren). Zeer handig is ook de Firefox- plug-in HTML Validator (http://users.skynet.be/mgueury/mozilla/) in combinatie met Firebug (http://getfirebug.com/).
  • Goede bronnen voor Dreamweaver-tutorials zijn: www.psd-tutorials.de, www.dreamworker.de en www.adobe.com/devnet/dreamweaver.
  • Er zijn verschillende plug-ins om Dreamweaver uit te breiden. Je kunt sjablonen op Joomla!-basis ook in Dreamweaver bewerken. Zie http://www.joomlaos.de.
274,342,963

Sneltoetsen voor Adobe Dreamweaver - Overzicht van toetscombinaties

Gepubliceerd op van Stefan Petri
Gepubliceerd op: Van Stefan Petri
Stefan Petri runt samen met zijn broer Matthias het populaire vakforum PSD-Tutorials.de en het e-learningplatform TutKit.com, dat zich richt op de opleiding en bijscholing van digitale beroepsvaardigheden.