Dreamweaver shortcut keys for Windows

Dreamweaver is an overall web development package. Having the option to code using design tools, like, drag and drop, makes this app the stabilisers of dev tools. You’ll see from the range of Dreamweaver shortcut keys that it’s a large program. Even if a more stripped back text editor is preferred, the fact that Dreamweaver has FTP support makes it well worth getting to know.

Macromedia release Dreamweaver in 1997 and it became a standout part of the Adobe Creative Suite is 2005 after Macromedia’s buyout. It was very ahead of its time,  probably as significant as WordPress. Dreamweaver was one of the first programs that made it possible to build websites without any knowledge of code.  The design tab helped people learn. You could draw out what you wanted but also look under the hood and build up an appreciation for how the HTML syntax works. From drawing out a table and making a change people would start to realise that it’s actually easier to just type out the code. But starting from a visual prompt was a gateway from graphic design to full on web development.  Suddenly coding isn’t such as scary thing and a binary universe opened up.  You saw the Matrix (that reference wasn’t out of date then and still witty).

These days as more people code and it’s not so far out the program and become less visual and more supportive of modern technologies such as code compiling and minification.  Dreamweaver shortcut keys still support a visual based approach with shortcuts to insert media and tables but this area hasn’t grown much.  There has been more growth over the years better code typing workflow.  Probably trying to keep up with Visual Studio Code and Sublime.  For example, a useful lesser used shortcut is multi-cursor select. Hold ‘Control’ while highlighting text to select multiple instances, then you can overtype all of them at once.

 

Windows Mac
24 most useful shortcuts
Action Shortcut keys
New file
Windows keys: Control-Shift-N

New folder

New folder
Windows keys: Control-Alt-Shift-N

Preview in primary browser

Preview in primary browser
Windows keys: Function 12

Preview in secondary browser

Preview in secondary browser
Windows keys: Shift-Function 12
Go to line
Windows keys: Control-G

Collapse selection

Collapse selection
Windows keys: Control-Shift-C

Expand selection

Expand selection
Windows keys: Control-Shift-E

Collapse full tag

Collapse full tag
Windows keys: Control-Shift-J
Indent text
Windows keys: Control-Shift-Greater than
Outdent text
Windows keys: Control-Shift-Less than
Move to start of current line
Windows keys: Alt-Left arrow
Move to end of current line
Windows keys: Alt-Right arrow
Close all
Windows keys: Shift-Control-W
Find in current document
Windows keys: Control-F
Find and replace in files
Windows keys: Control-Shift-F
Insert line break
Windows keys: Shift-Enter
Non-breaking space
Windows keys: Control-Shift-Space
Preferences
Windows keys: Control-U
Show panels
Windows keys: Function 4
Bold
Windows keys: Control-B
Italic
Windows keys: Control-I

Get file

Get file
Windows keys: Control-Alt-D

Put file

Put file
Windows keys: Control-Shift-U
Coding shortcuts
Refactoring
Find and replace
Insert
CSS
Guides, grids and rulers in design view
Inside views
Windows and tabs
Text
Magnification
Tables
Site management

If there’s anything you want to know or if you spot something wrong please flag it up in the comments below.

This content is intended for entertainment and informational purposes only.  Adobe has an excellent help resource for Dreamweaver that far exceeds anything we’ve shown here.

No Comments »

Leave a comment