Shortcut Dreamweaver

Dreamweaver provides shortcuts to help you work quickly on documents. Many shortcuts appear next to the command name in the menu.

Dreamweaver provides shortcuts to help you work quickly on documents. Many shortcuts appear next to the command name in the menu.

Shortcuts useful in Dreamweaver

  1. Shortcut when programming
  2. Shortcuts to restructure
  3. Shortcut Control Panel Files
  4. Shortcuts to find and replace
  5. Shortcut to insert
  6. Shortcut CSS
  7. Shortcuts for Guide, Grid, and Ruler tools (in Design view)
  8. Shortcut preview
  9. Shortcuts for specific views
  10. Shortcuts for windows
  11. Text shortcut
  12. Shortcut key adjusts the zoom level
  13. Shortcuts for tables
  14. Shortcuts for managing websites
  15. Create a reference table for the current shortcut set
  16. Customize shortcuts
    1. Create a shortcut
    2. Delete a shortcut from a command
    3. Add shortcut for a command
    4. Edit an existing shortcut

Shortcut when programming

Mac Windows Action Quick edit Command + E Ctrl + E Quick Doc (see the meaning of a CSS attribute) Command + K Ctrl + K Open / Add line on Command + Shift + Enter Ctrl + Shift + Enter Display Parameter Hint (Hint parameters) Ctrl +, Ctrl +, Multiple cursor columns / Optic rectangle selection + Click and drag Alt + Click and drag Select multiple cursor repeatedly Command + Click Ctrl + Click Show code suggestions

Ctrl + Spacebar

Ctrl + Spacebar

Choose Child

Command +]

Ctrl +]

Go to the line

Command +,

Ctrl + G

Choose Parent Tag

Command + [

Ctrl + [

Collapse the selection

Command + Shift + C

Ctrl + Shift + C

Collapse the outer selection

Command + Opt + C

Ctrl + Alt + C

Expand the selection

Command + Shift + E

Ctrl + Shift + E

Collapse the entire tag

Command + Shift + J

Ctrl + Shift + J

Collapse all external tags

Command + Opt + J

Ctrl + Alt + J

Expand all

Command + Opt + E

Ctrl + Alt + E

Indent code

Command + Shift +>

Ctrl + Shift +>

Reduce indent code

Command + Shift + <

Ctrl + Shift + <

Balance Braces (Used to shorten CSS tags in {} )

Command + '

Ctrl + '

Code Navigator

Command + Opt + N

Ctrl + Alt + N

Delete from the left

Command + Delete Ctrl + Backspace

Delete from the right

Command + Fn + Delete

Ctrl + Delete

Select the line above

Shift + Up arrow

Shift + Up arrow

Select the bottom line

Shift + Down arrow

Shift + Down arrow

Select the character on the left

Shift + Left arrow

Shift + Left arrow

Select the right character

Shift + Right arrow

Shift + Right arrow

Select the page above

Shift + Fn + PgUp

Shift + PgUp

Choose to page below

Shift + Fn + PgDn

Shift + PgDn

Move from left

Opt + Left arrow

Ctrl + Left arrow

Move from right

Opt + Right arrow

Ctrl + Right arrow

Move to the beginning of the current line

Command + Left arrow

Alt + Left arrow

Move to the end of the current line

Command + Right arrow

Alt + Right arrow Convert comment lineCommand + / Ctrl + / Convert comment block (for PHP and JS files) Command + Opt + / Ctrl + Shift + / Select duplicate line Commandand + DCtrl + Delete line (s) Command + Shift + DCtrl + Shift + DC move to the definition (JS file) Command + JCtrl + J Select from the rightOpt + Shift + Right arrowCtrl + Shift + Right arrow Select from the leftOpt + Shift + Left arrow Ctrl + Shift + Left arrow Move to the top fileCommand + Fn + Left arrow Ctrl + HomeDi switch to the end of fileCommand + Fn + Right arrow Ctrl + End Select the first fileCommand + Shift + Fn + Left arrow Ctrl + Shift + Home Select the end of fileCommand + Shift + Fn + Right arrow Ctrl + Shift + Fn + Right arrow Ctrl + Shift + Fn + Right arrow Ctrl + Shift + End Go to Source CodeCommand + Opt + `Ctrl + Alt +` Full screen Command + Ctrl + FNo applyClose windowCommand + WCtrl + W Close applicationCommand + QCtrl + QQuick Tag EditorCommand + TCtrl + T Go to next wordCommand + Right arrow Ctrl + Nose numb n Right Back to the previous command Command + Left Arrow + Left arrow Move to the previous paragraph (Design View) Command + Up arrow Ctrl + Up arrow Move to the next paragraph (Design View) Command + Down arrow Ctrl + Nose name downChoose from next word Command + Shift + Right arrowCtrl + Shift + Right arrow Select the previous wordCommand + Shift + Left arrowCtrl + Shift + Left arrowChoose from the previous paragraphCommand + Shift + Up arrowCtrl + Shift + Arrow upChoose until the next paragraph Command + Shift + Down arrow Ctrl + Shift + Down arrow Move to the next attribute frame Command + Opt + Fn + Down arrow Ctrl + Alt + PgDn Move to the previous attribute frame Command + Opt + Fn + Nose name up Ctrl + Alt + PgUp Open a new document in the same window Command + Shift + NCtrl + Shift + NT segmentCommand + ReturnCtrl + ReturnText Documents Command + `Ctrl + Account Tab previous fileCommand + Shift + `Ctrl + Shift + TabSurround with # Command + Shift + 3Ctrl + Shift + 3

Shortcuts to restructure

Act
Mac
Windows
Change the name of Command + Opt + RCtrl + Alt + RExtract variablesCommand + Alt + VCtrl + Alt + VExport functionsCommand + Alt + MCtrl + Alt + M

Shortcut Control Panel Files

Act
Mac
Windows
New file Command + Shift + NCtrl + Shift + NT new folder Command + Opt + Shift + NCtrl + Alt + Shift + N

Shortcuts to find and replace

Act
Mac
Windows
Search in the current document Command + FCtrl + FT find and replace in fileCommand + Shift + FCtrl + Shift + F Replace in the current document Command + Alt + FCtrl + Access the next document Command + GF3 Find the previous document Command + Shift + GShift + F3 Find all and select Command + Ctrl + GCtrl + Shift + F3 Add the next match to the selection Ctrl + Command + RCtrl + Click and add the next match to the selection Ctrl + Command + Opt + RCtrl + Alt + R

Shortcut to insert

Act
Mac
Windows
Insert imageCommand + Opt + ICtrl + Alt + IC HTML5Command video + Opt + Shift + VCtrl + Alt + Shift + V Insert animation component Commandand + Opt + Shift + ECtrl + Alt + Shift + E Insert SWFCommand + Opt + FCtrl + Alt + F Line breakerShift + ReturnShift + ReturnNon-breaking space () - space in HTMLCommand + Shift + SpaceCtrl + Shift + Space

Shortcut CSS

Act
Mac
Windows
Compiling CSSF9F9 preprocessors Add CSS selector or attribute that the panel is focusing on Command + Opt + Shift + = Ctrl + Alt + Shift + = Add CSSCommand + Opt + SCtrl + Alt selector + Add CSSCommand + Opt properties + PCtrl + Alt + P

Shortcuts for Guide, Grid, and Ruler tools (in Design view)

Act
Mac
Windows
Show Guide (centerline) Command +; Ctrl +; GuideCommand + Opt +; Ctrl + Alt +; Attach to GuideCommand + Shift +; Ctrl + Shift +; Guide attach to Element (element) Command + Shift + GCtrl + Shift + Show Grid ( grid) Command + Opt + GCtrl + Alt + G Attach to GridCommand + Opt + Shift + GCtrl + Alt + Shift + Show Ruler (ruler) Command + Opt + RCtrl + Alt + R

Shortcut preview

Act
Mac
Windows
Real-time preview in main browserOpt + F12F12 Preview in browser sideShift + F12Shift + F12

Shortcuts for specific views

Act
Mac
Windows
Freeze JavaScript (Live view) F6F6 Hide View Live ViewCtrl + Command + HCtrl + Alt + H Convert viewCtrl mode + `Ctrl +` Check (Live view mode) Opt + Shift + 11Alt + Shift + F11 Hide all methods intuitive convenience (Design view) Command + Shift + ICtrl + Shift + IC switch between Design and Live Command + Shift + F11Ctrl + Shift + F11

Shortcuts for windows

Act
Mac
Windows
PreferencesCommand + UCtrl + UDisplays the control panelF4F4BehaviorsShift + F4Shift + F4Code InspectorOpt + F10F10CSS DesignerCommand + F11Shift + F11DOMCommand + F7Ctrl + F7FilesF8F8InsertCommand + F2Ctrl + F2PropertiesCommand + F3Ctrl + F3OutputShift + F6Shift + F6SearchF7F7SnippetsDon't apply Shift + F9Dreamweaver Online HelpF1F1

Text shortcut

Act
Mac
Windows
Reduce indentationCommand + Opt +] Ctrl + Alt +] Increase indentCommand + Opt + [Ctrl + Alt + [BoldCommand + BCtrl + BIn inclineCommand + ICtrl + Check spellShift + F7Shift + F7 Remove LinkCommand + Shift + LCtrl + Shift + L

Shortcut key adjusts the zoom level

Act
Mac
Windows
Zoom in (Design and Live view mode) Command + = Ctrl + = Minimize (Design and Live view) Command + -Ctrl + -100% Command + 0Ctrl + 050% Command + Opt + 5Ctrl + Alt + 5200% Command + Opt + 2Ctrl + Alt + 2300% Command + Opt + 3Ctrl + Alt + 3Add to selectionCommand + Opt + 0Ctrl + Alt + 0Avoid all Command + Shift + 0Ctrl + Shift + 0Deep widthCommand + Opt + Shift + 0Ctrl + Alt + Shift + 0 Increase font sizeCommand ++ Ctrl ++ Reduces font sizeCommand + -Ctrl + - Font recoveryCommand + 0Ctrl + 0

Shortcuts for tables

Act
Mac
Windows
Insert tableCommand + Opt + TCtrl + Alt + Merge cellsCommand + Opt + MCtrl + Alt + Command + Opt + Shift + TCtrl + Alt + Shift + TC row row Command + MCtrl + M Insert column Command + Shift + ACtrl + Shift + Delete row Command + Shift + MCtrl + Shift + MX delete columnCommand + Shift + -Ctrl + Shift + - Increase column spacing Command + Shift +] Ctrl + Shift +] Reduce column spacingCommand + Shift + [Ctrl + Shift + [

Shortcuts for managing websites

Act
Mac
Windows
Get Cmd file + Shift + B Ctrl + Alt + D Check Opt file + Shift + Command + D Ctrl + Alt + Shift + D Set Cmd file + Shift + U Ctrl + Shift + U Check-in Opt + Shift + Command file + U Ctrl + Alt + Shift + U Check Sitewide (link appears on all pages of 1 website) Command + F8 Ctrl + F8 Display page title Command + Shift + T Ctrl + Shift + T

Create a reference table for the current shortcut set

Reference table is a record of the current shortcut set. Information is stored in HTML table format. You can view the reference table in the web browser or print it out.

1. Choose Edit> Keyboard Shortcuts (Windows) or Dreamweaver> Keyboard Shortcuts (Mac).

2. Click the Export Set As HTML button, which is the third button in the set of 4 buttons at the top of the dialog box.

3. In the Save dialog box that appears, enter a name for the reference table and select the appropriate location to save the file.

Customize shortcuts

Use Keyboard Shortcut Editor to create your own shortcuts, including shortcuts for snippet code (code). You can also delete shortcuts, edit existing shortcuts and select a predefined shortcut set in Keyboard Shortcut Editor.

Create a shortcut

Create your own shortcuts, edit existing shortcuts or select a predefined shortcut set.

1. Choose Edit> Keyboard Shortcuts (Windows) or Dreamweaver> Keyboard Shortcuts (Mac).

2. Select any of the following options and click OK:

  1. Current Set : Allows you to select a set of predefined shortcuts included in Dreamweaver or any custom set you have created. The predefined shortcut sets are listed at the top of the menu. For example, if you are familiar with the shortcuts found in HomeSite or BBEdit, you can use those shortcuts by selecting the corresponding predefined shortcut set.
  2. Commands: Allows you to select a command type to edit. For example, you can edit menu commands, such as Open commands or code editing commands, such as Balance Braces.

Note : To add or edit shortcuts for a snippet code, select Snippet from the Commands menu that appears.

  1. The command list : Displays the commands associated with the category you selected from the Commands menu , along with the assigned shortcuts. The Menu Commands list displays this list as a tree view, copying the structure of menus. Other categories list commands by name (such as QuitApplication ), in a non-branched list.
  2. Shortcuts: Displays all shortcuts assigned to the selected command.
  3. Add Item (+) : Add a shortcut to the current command. Click this button to add a blank line to Shortcuts. Enter the new key combination and click Change to add a keyboard shortcut for this command . You can assign two different shortcuts for each command. If there are already two shortcuts assigned to a command, the Add Item button will no longer be available.
  4. Remove Item (-) : Delete the selected shortcut from the list of shortcuts.
  5. Press Key : Displays the key combination you enter when you add or change shortcuts.
  6. Change: Add the key combination displayed in Press Key to the list of shortcuts or change the selected shortcut to the specified key combination.
  7. Duplicate Set: Copy the current shortcut set. Give it a new name (the default name is the current collection name plus copy).
  8. Rename Set: Rename the current shortcut set.
  9. Export as HTML File : Save the current shortcut set in HTML table format for easy viewing and printing. You can open the HTML file in the browser and print shortcuts for easy reference.
  10. Delete Set : Delete a shortcut set. (You cannot delete active keyboard shortcuts).

Delete a shortcut from a command

1. Choose Edit> Keyboard Shortcuts (Windows) or Dreamweaver> Keyboard Shortcuts (Mac).

2. From the pop-up Commands menu , select the command list.

3. In the Commands list , select a command and then select the shortcut.

4. Click the Remove Item button (-) .

Add shortcut for a command

1. Choose Edit> Keyboard Shortcuts (Windows) or Dreamweaver> Keyboard Shortcuts (Mac).

2. From the pop-up Commands menu , select the command list.

3. In the Commands list , select a command.

Note : To add keyboard shortcuts for snippet code, select Snippet from the Commands menu .

Shortcuts are assigned to commands that appear in Shortcuts.

4. Prepare additional shortcuts by doing one of the following:

  1. If there are fewer than 2 shortcuts assigned to the command, click the Add Item button (+) . A new blank line appears in Shortcuts and the insertion point will move to the Press Key .
  2. If there are already two shortcuts assigned to the command, select one of them (the shortcut is replaced with a new shortcut). Then click Press Key .

5. Press the key combination. The key combination will appear in the Press Key .

Note : If there is a problem with the key combination (for example, the key combination has been assigned to another command), an explanation message will appear immediately below Shortcuts and you cannot not add or edit the shortcut key .

6. Click Change. New key combination is assigned to the command.

Edit an existing shortcut

1. Choose Edit> Keyboard Shortcuts (Windows) or Dreamweaver> Keyboard Shortcuts (Mac).

2. From the Commands menu that appears, select the command list.

3. In the Commands list , select a command and then select a shortcut to change.

4. Click Press Key and enter the new key combination.

5. To change the shortcut, click the Change button .

Note : If there is a problem with the key combination (for example, the key combination has been assigned to another command), an explanation message will appear immediately below Shortcuts and you cannot not add or edit the shortcut key .

Shortcuts Dreamweaver by default works primarily on US standard keyboards. Keyboards from other countries (including those made in the UK), may not provide the necessary functions to use these keyboard shortcuts. If your keyboard does not support certain shortcuts in Dreamweaver, Dreamweaver will disable their functionality.

4.1 ★ | 16 Vote