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
Bestand
Snelkoppeling
Nieuw
Ctrl + N
Openen
Ctrl + O
Bladeren in Brug
Ctrl + Alt + O
Sluiten
Ctrl + W
Alles Sluiten
Ctrl + Shift + W
Opslaan
Ctrl + S
Opslaan als
Ctrl + Shift + S
Printen
Ctrl + P
Voorkeuren
Ctrl + U
Voorbeeld in Browser
F12 / Alt + F12
Links controleren
Shift + F8
Sluiten
Ctrl + Q
Weergave / Bewerken
Weergave / Bewerken
Snelkoppeling
Inzoomen
Ctrl + +
Uitzoomen
Ctrl + -
In-/Uitzoomen
Ctrl + Muiswiel
Invoegen met opties
Ctrl + Shift + V
Zoeken
Ctrl + F
Doorgaan met zoeken in selectie
Shift + F3
Doorgaan met zoeken
F3
Weergave wisselen
Ctrl + #
Linialen weergeven
Ctrl + Alt + R
Hulplijnen weergeven
Ctrl + Shift + #
Live-weergave
Alt + F11
Ongedaan maken
Ctrl + Z
Herhalen
Ctrl + Y
Raster weergeven
Ctrl + Alt + G
Uitlijnen op raster
Ctrl + Shift + Alt + G
HTML-kop weergeven
Ctrl + Shift + H
Geavanceerde tabelmodus
Alt + F6
Alles verbergen
Ctrl + Shift + I
JavaScript stoppen
F6
Plug-ins weergeven
Ctrl + Alt + P
Plug-ins stoppen
Ctrl + Alt + X
Ontwerpweergave
Ontwerpweergave
Snelkoppeling
Snel tag-bewerker
Ctrl + T
Code Navigator
Ctrl + Alt + Klik
Ontwerpweergave vernieuwen
F5
Pixeldikte bij hulplijnen
Ctrl
Broncode & Ontwerp
Actie
Snelkoppeling
Geen tekstopmaak
Ctrl + 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
Vet
Ctrl + B
Cursief
Ctrl + I
Werken in de broncode
Actie
Snelkoppeling
Code-assistentie
Ctrl + Spatie
Ga naar regel
Ctrl + G
Markeer geselecteerde met #
Ctrl + Shift + 3
Linksstaand woord verwijderen
Ctrl + Backspace
Rechtsstaand woord verwijderen
Ctrl + Delete
Regel erboven selecteren
Shift + Pijltje omhoog
Regel eronder selecteren
Shift + Pijltje omlaag
Linksstaand karakter selecteren
Shift + Pijltje links
Rechtsstaand karakter selecteren
Shift + Pijltje rechts
Hele pagina tot onderaan selecteren
Shift + Pagina omlaag
Hele pagina tot bovenaan selecteren
Shift + Pagina omhoog
Volgend woord naar links springen
Ctrl + Pijltje links
Volgend woord naar rechts springen
Ctrl + Pijltje rechts
Linksstaand woord selecteren
Ctrl + Shift + Pijltje links
Rechtsstaand woord selecteren
Ctrl + Shift + Pijltje rechts
Naar regelbegin springen
Begin / Pijltje schuin linksboven
Naar regeleinde springen
Einde / Pijltje schuin rechtsonder
Selecteren tot regelbegin
Shift + Begin
Selecteren tot regeleinde
Shift + Einde
Naar regelnummer 1 springen
Ctrl + Begin
Naar laatste regelnummer springen
Ctrl + Einde
Plakken
Actie
Sneltoets
Afbeelding
Ctrl + Alt + I
Tabel
Ctrl + Alt + T
Spatie ( )
Ctrl + Shift + Spatie
Regelovergang (<br />)
Shift + Enter
Hyperlink invoegen
Ctrl + L
Hyperlink verwijderen
Ctrl + Shift + L
Tagselectie
Ctrl + E
SWF-bestand
Ctrl + Alt + F
Genaamde ankerpunt
Ctrl + Alt + A
Bewerkbaar gebied in sjablonen
Ctrl + Alt + V
Vensters
Venster
Sneltoets
AP-elementen
F2
Koppelingen
Ctrl + F10
Codefragmenten
Shift + F9
Code-inspecteur
F10 / Alt + F10
CSS-stijlen
Shift + F11
Databases
Ctrl + Shift + F10
Bestanden
F8 / Ctrl + Shift + F
Eigenschappen
Ctrl + F3
Plakken
Ctrl + F2
Venster verbergen
F4
Frames
Shift + F2
Componenten
Ctrl + F7
Servergedrag
Ctrl + F9
Zoeken
F7
Tag-inspecteur
F9 / Alt + Shift + F9
Gedrag
Shift + F4
Verloop
Shift + F10
Werken met tabellen
Actie
Sneltoets
Cel individueel selecteren
Ctrl + Klik
Tabel selecteren
Ctrl + A 2x
Rij invoegen
Ctrl + M
Rij invoegen versie II
Tab in laatste cel
Kolom invoegen
Ctrl + Shift + A
Rij verwijderen
Ctrl + Shift + M
Kolom verwijderen
Ctrl + Shift + -
Cellen samenvoegen
Ctrl + Shift + Alt + M
Cellen splitsen
Ctrl + 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
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.