Shortcut Dreamweaver

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

May be interested

  • Instructions for creating websites with Dreamweaver CC part 5Instructions for creating websites with Dreamweaver CC part 5
    learn how to use css in code view and css designer to style the home page, set the spacing around components, and add automatically resized images on different devices.
  • Design website with Adobe Dreamweaver CS5 software - Part 2Design website with Adobe Dreamweaver CS5 software - Part 2
    in part 2, you will learn how to insert multimedia content such as photos (with effects when moving mouse cursor), flash clips, video clips. also guide using sothinkdhtmlmenu software (integrated into adobe dreamweaver) to create dynamic menus ...
  • Work with the library item in Adobe Dreamweaver CS6Work with the library item in Adobe Dreamweaver CS6
    the library is a dreamweaver file that specifically contains a collection of your own content or copies of the content you can place on your website. the content in a library is called library item.
  • The shortcut virus removal has never been this simpleThe shortcut virus removal has never been this simple
    shortcut virus has become one of the 'popular' problems for computer users. in fact, this is not a virus but a vbs script. when you plug the usb drive into your computer or laptop to open these files and folders, you can see only the shortcut icons that cannot be opened.
  • How does Windows stop adding '- Shortcut' to the file name Shortcut?How does Windows stop adding '- Shortcut' to the file name Shortcut?
    normally when creating a new shortcut on your windows computer, windows will automatically add '- shortcut' to the end of the shortcut file name. sometimes this makes users feel uncomfortable, and aesthetics of the shortcut. in the following article, network administrator will show you how to stop windows from adding - shortcut to file name shortcut.
  • What is a shortcut? How to create a Shortcut on WindowsWhat is a shortcut? How to create a Shortcut on Windows
    what is a shortcut? how to create a shortcut on windows. when you first use the computer will have some unique terms that make you not know what it means? today, software tips will help you define what is shortcut? and will show you how
  • List of common Mac shortcutsList of common Mac shortcuts
    shortcuts on the mac also support users to easily and quickly manipulate them. in the article below, network administrator will introduce you the list of the most popular macos shortcut keys.
  • Summary of priceless shortcuts on AndroidSummary of priceless shortcuts on Android
    just like computers, on android devices also have shortcuts to support users to perform quick and simple operations. in the article below, network administrator will introduce you to the list of the most commonly used shortcuts on your android device, making it easy to master your android device.
  • Photoshop shortcuts help you work faster (part 1)Photoshop shortcuts help you work faster (part 1)
    these photoshop shortcuts will help you work faster in photoshop. here is a summary of the most useful and useful photoshop shortcuts for you!
  • Quick shortcut for Coc Coc web browserQuick shortcut for Coc Coc web browser
    quick shortcut is the way you use the keyboard with shortcuts instead of using the mouse. and surely it will help you work faster when using coc coc browser. moreover, it helps you look more professional when using a computer.