В динамичном мире веб-дизайна Adobe Dreamweaver - незаменимый инструмент для разработчиков и дизайнеров. Но чтобы действительно раскрыть все возможности этого мощного программного обеспечения, клавиатурные комбинации являются ключевым элементом.

Клавиатурные комбинации в Dreamweaver — это гораздо больше, чем просто удобные сокращения. Они являются мостом к более эффективной и быстрой работе. С помощью этих сочетаний клавиш вы можете выполнять сложные задачи всего несколькими нажатиями, что увеличивает производительность и экономит драгоценное время. Они позволяют вам плавно переходить между различными функциями и видами, не тратя время на неудобное перемещение по меню. Это приводит к более плавному и интуитивному рабочему процессу, что особенно важно при сжатых сроках.

В этой статье вы узнаете, как с помощью основных клавиатурных комбинаций Dreamweaver можно оптимизировать свои процессы веб-дизайна и разработки. Независимо от того, начинающий вы или опытный профессионал — эти команды существенно улучшат вашу работу в Dreamweaver. Готовы повысить свои навыки веб-дизайна на следующий уровень? Погрузимся в мир сокращений Dreamweaver!

Содержание

Файл

ФайлСочетание клавиш
НовыйCtrl + N
ОткрытьCtrl + O
Обзор в BridgeCtrl + Alt + O
ЗакрытьCtrl + W
Закрыть всеCtrl + Shift + W
СохранитьCtrl + S
Сохранить какCtrl + Shift + S
ПечатьCtrl + P
НастройкиCtrl + U
Предварительный просмотр в браузереF12 / Alt + F12
Проверить ссылкиShift + F8
ВыходCtrl + Q

Вид / Редактирование

Вид / РедактированиеСочетание клавиш
УвеличитьCtrl + +
УменьшитьCtrl + -
Увеличение / УменьшениеCtrl + колесо мыши
Вставить с выборомCtrl + Shift + V
ПоискCtrl + F
Поиск далее в выделенномShift + F3
Поиск далееF3
Сменить видCtrl + #
Показать линейкуCtrl + Alt + R
Показать направляющиеCtrl + Shift + #
Живой просмотрAlt + F11
ОтменитьCtrl + Z
ПовторитьCtrl + Y
Показать сеткуCtrl + Alt + G
Выровнять по сеткеCtrl + Shift + Alt + G
Показать заголовок HTMLCtrl + Shift + H
Расширенный режим таблицыAlt + F6
Свернуть всеCtrl + Shift + I
Приостановить JavaScriptF6
Воспроизвести плагиныCtrl + Alt + P
Остановить плагиныCtrl + Alt + X

Рабочий режим

Рабочий режимСочетание клавиш
Быстрый редактор теговCtrl + T
Навигатор по кодуCtrl + Alt + Щелчок мыши
Обновить режим просмотраF5
Ширина пикселей с учетом направляющихCtrl

Исходный код и Рабочий режим

ДействиеСочетание клавиш
Отменить форматирование текстаCtrl + 0
Заголовок 1 - <h1>Ctrl + 1
Заголовок 3 - <h3>Ctrl + 3
Заголовок 6 - <h6>Ctrl + 6
Параграф - <p>Ctrl + Shift + P
Ссылки - <div align="left">Ctrl + Shift + Alt + L
Выравнивание влево - <div align="right">Ctrl + Shift + Alt + R
Выравнивание по центру - <div align="center">Ctrl + Shift + Alt + C
Выравнивание по ширине - <div align="justify">Ctrl + Shift + Alt + J
ЖирныйCtrl + B
КурсивCtrl + I

Работа в исходном коде

ДействиеСочетание клавиш
Подсказка по кодуCtrl + Пробел
Перейти к строкеCtrl + G
Окружить выделенный текст #Ctrl + Shift + 3
Удалить слово слеваCtrl + Backspace
Удалить слово справаCtrl + Delete
Выбрать строку вышеShift + Стрелка вверх
Выбрать строку нижеShift + Стрелка вниз
Выбрать символ слеваShift + Стрелка влево
Выбрать символ справаShift + Стрелка вправо
Выбрать всю страницу до низаShift + Страница вниз
Выбрать всю страницу до верхаShift + Страница вверх
Перейти к следующему слову слеваCtrl + Стрелка влево
Перейти к следующему слову справаCtrl + Стрелка вправо
Выбрать слово слеваCtrl + Shift + Стрелка влево
Выбрать слово справаCtrl + Shift + Стрелка вправо
Перейти в начало строкиPos1 / Стрелка вверх влево
Перейти в конец строкиEnd / Стрелка вниз вправо
Выбрать до начала строкиShift + Pos1
Выбрать до конца строкиShift + End
Перейти на строку номер 1Ctrl + Pos1
Перейти на последнюю строкуCtrl + End

Вставка

ДействиеСочетание клавиш
ИзображениеCtrl + Alt + I
ТаблицаCtrl + Alt + T
Пробел ( )Ctrl + Shift + Space
Перенос строки (<br />)Shift + Enter
Вставить гиперссылкуCtrl + L
Удалить гиперссылкуCtrl + Shift + L
Выбор тегаCtrl + E
SWF-файлCtrl + Alt + F
Именованная точка якоряCtrl + Alt + A
Редактируемая область в шаблонахCtrl + Alt + V

Окна

ОкноСочетание клавиш
Элементы APF2
ПривязкиCtrl + F10
Фрагменты кодаShift + F9
Инспектор кодаF10 / Alt + F10
CSS-стилиShift + F11
Базы данныхCtrl + Shift + F10
ФайлыF8 / Ctrl + Shift + F
СвойстваCtrl + F3
ВставкаCtrl + F2
Скрыть окноF4
ФреймыShift + F2
КомпонентыCtrl + F7
Поведение сервераCtrl + F9
ПоискF7
Инспектор теговF9 / Alt + Shift + F9
ПоведениеShift + F4
ИсторияShift + F10

Работа с таблицами

ДействиеСочетание клавиш
Выбор отдельной ячейкиCtrl + Левый клик
Выбор таблицыCtrl + A 2 раза
Вставить строкуCtrl + M
Вставить строку Версия IITab в последней ячейке
Вставить столбецCtrl + Shift + A
Удалить строкуCtrl + Shift + M
Удалить столбецCtrl + Shift + -
Объединить ячейкиCtrl + Shift + Alt + M
Разделить ячейкиCtrl + Alt + S

18 советов и хитростей по Adobe Dreamweaver

  • Хотите быстро передать открытый файл на сервер, если это настроено через сайт, нажмите Ctrl +  + U.
  • В Dreamweaver есть встроенный тест совместимости браузеров, который выводит все недействительные ошибки W3C и совместимость браузеров со всеми скриптами. Эту функцию можно найти в панели документа в пункте Проверить страницу. Очень удобно, чтобы не приходилось постоянно открывать свою страницу во всех браузерах.
  • С помощью Dreamweaver вы можете непосредственно открывать и редактировать файлы с сервера. Это позволяет вам избежать загрузки через FTP-клиент. Просто перейдите в окно Файлы (F8) => Управление сайтом, затем нажмите Новый и заполните все данные. Затем содержимое сервера будет отображено, и можно открыть нужные страницы.
  • Чтобы лучше видеть CSS-фоны, можно активировать в меню Вид => Визуальные вспомогательные средства => Фоны CSS-макета. Теперь каждый блок будет заполнен случайным цветом. Однако эти цвета отображаются только в окне макета.
  • Размер отображения лучше не изменять - по умолчанию установлено 100%, иначе страница будет выглядеть пиксельно в Dreamweaver.
  • В панели возврата по уровням по умолчанию можно сделать до 50 шагов назад. Вы можете увеличить это значение в параметрах (Ctrl + U) на вкладке Общие.
  • Часто бывает необходимо добавить новую строку в таблицу. Для этого просто щелкните в последнюю ячейку справа внизу и затем нажмите клавишу Tab. Если вам нужно сразу добавить 10 или более новых строк или столбцов, удобно воспользоваться контекстным меню ПКМ => Вставить строки или столбцы.
  • Чтобы быстро отобразить все панели элементов управления, нажмите сочетание клавиш F4. Затем будут показаны только меню и рабочее окно.
  • В Dreamweaver можно искать и заменять полные блоки исходного кода. Это особенно удобно, если вы хотите заменить более одной строки кода, которая постоянно повторяется.
  • 18 советов и хитростей по Adobe Dreamweaver
  • Чтобы быстро выбрать весь контент таблицы () или DIV (), дважды щелкните клавишу Ctrl + A.
  • Работая в исходном коде, вы можете быстро закрыть теги, нажав на меню Windows => Results => Verify. Очень удобен также плагин HTML Validator для Firefox (http://users.skynet.be/mgueury/mozilla/), в сочетании с Firebug (http://getfirebug.com/).
  • Хорошие ресурсы для обучения Dreamweaver: www.psd-tutorials.de, www.dreamworker.de и www.adobe.com/devnet/dreamweaver.
  • Существует множество плагинов для расширения возможностей Dreamweaver. Вы можете редактировать шаблоны на основе Joomla! прямо в Dreamweaver. См. http://www.joomlaos.de.
274,342,963

Горячие клавиши для Adobe Dreamweaver - обзор горячих клавиш.

Опубликовано от Stefan Petri
Опубликовано:
От Stefan Petri
Стефан Петри вместе со своим братом Маттиасом управляет популярным специализированным форумом PSD-Tutorials.de, а также платформой для электронного обучения TutKit.com, которая делает акцент на образование и повышение квалификации в области цифровых профессиональных навыков.