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
- Shortcut when programming
- Shortcuts to restructure
- Shortcut Control Panel Files
- Shortcuts to find and replace
- Shortcut to insert
- Shortcut CSS
- Shortcuts for Guide, Grid, and Ruler tools (in Design view)
- Shortcut preview
- Shortcuts for specific views
- Shortcuts for windows
- Text shortcut
- Shortcut key adjusts the zoom level
- Shortcuts for tables
- Shortcuts for managing websites
- Create a reference table for the current shortcut set
- Customize shortcuts
- Create a shortcut
- Delete a shortcut from a command
- Add shortcut for a command
- Edit an existing shortcut
Shortcut when programming
Ctrl + Spacebar
Ctrl + SpacebarChoose Child
Command +]
Ctrl +]Go to the line
Command +,
Ctrl + GChoose Parent Tag
Command + [
Ctrl + [Collapse the selection
Command + Shift + C
Ctrl + Shift + CCollapse the outer selection
Command + Opt + C
Ctrl + Alt + CExpand the selection
Command + Shift + E
Ctrl + Shift + ECollapse the entire tag
Command + Shift + J
Ctrl + Shift + JCollapse all external tags
Command + Opt + J
Ctrl + Alt + JExpand all
Command + Opt + E
Ctrl + Alt + EIndent 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 + NDelete from the left
Command + Delete Ctrl + BackspaceDelete from the right
Command + Fn + Delete
Ctrl + DeleteSelect the line above
Shift + Up arrow
Shift + Up arrowSelect the bottom line
Shift + Down arrow
Shift + Down arrowSelect the character on the left
Shift + Left arrow
Shift + Left arrowSelect the right character
Shift + Right arrow
Shift + Right arrowSelect the page above
Shift + Fn + PgUp
Shift + PgUpChoose to page below
Shift + Fn + PgDn
Shift + PgDnMove from left
Opt + Left arrow
Ctrl + Left arrowMove from right
Opt + Right arrow
Ctrl + Right arrowMove to the beginning of the current line
Command + Left arrow
Alt + Left arrowMove 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 + 3Shortcuts to restructure
Shortcut Control Panel Files
Shortcuts to find and replace
Shortcut to insert
Shortcut CSS
Shortcuts for Guide, Grid, and Ruler tools (in Design view)
Shortcut preview
Shortcuts for specific views
Shortcuts for windows
Text shortcut
Shortcut key adjusts the zoom level
Shortcuts for tables
Shortcuts for managing websites
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:
- 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.
- 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.
- 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.
- Shortcuts: Displays all shortcuts assigned to the selected command.
- 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.
- Remove Item (-) : Delete the selected shortcut from the list of shortcuts.
- Press Key : Displays the key combination you enter when you add or change shortcuts.
- Change: Add the key combination displayed in Press Key to the list of shortcuts or change the selected shortcut to the specified key combination.
- Duplicate Set: Copy the current shortcut set. Give it a new name (the default name is the current collection name plus copy).
- Rename Set: Rename the current shortcut set.
- 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.
- 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:
- 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 .
- 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.
You should read it
- Install and use extensions for Adobe Dreamweaver CS6
- Instructions for creating websites with Dreamweaver CC - Part 6: Create links and navigation menus
- Design website with Adobe Dreamweaver CS5 software - Part 1
- Instructions for creating websites with Dreamweaver CC part 7
- Instructions for creating a website using Dreamweaver CC - Part 4: Changing fonts and creating basic styles
- How to add a Wordpress website to Adobe Dreamweaver CS6
- Dreamweaver integrates Photoshop
- Instructions for creating websites with Dreamweaver CC part 1
- Instructions for creating websites with Dreamweaver CC part 3
- Instructions for creating a website with Dreamweaver CC - Part 2: Adding and formatting text
- Instructions for creating websites with Dreamweaver CC part 5
- Design website with Adobe Dreamweaver CS5 software - Part 2
Maybe you are interested
What to do when open command window here does not appear?
How to switch users on the Linux command line
How to fix Mac Homebrew error 'zsh: command not found: brew'
What is the Command key on Windows?
How to use read command in Linux
Basic Linux commands everyone needs to know - Operations on Linux are much faster