У динамічному світі веб-дизайну Adobe Dreamweaver є невід'ємним інструментом для розробників та дизайнерів. Але для повного розвитку потенціалу цього потужного програмного забезпечення клавіатурні комбінації є ключовим елементом.

Клавіатурні комбінації в Dreamweaver - це не просто зручні скорочення. Вони є мостом до більш ефективної та швидкої роботи. За допомогою цих скорочень ви зможете виконувати складні завдання за декілька клавішних натискань, що підвищує продуктивність і економить цінний час. Вони дозволяють змінювати функції та вигляди без утомних переміщень по меню, що призводить до більш гладкого та інтуїтивного робочого процесу, що є великою перевагою особливо в умовах тісних термінів.

У цій статті ви дізнаєтеся, як за допомогою основних клавіатурних комбінацій Dreamweaver ви можете оптимізувати свої процеси веб-дизайну та розробки. Незалежно від того, чи ви початківець чи досвідчений професіонал - ці комбінації допоможуть покращити вашу роботу в Dreamweaver. Готові піднести ваші навички веб-дизайну на новий рівень? Давайте поринемо в світ Dreamweaver-скорочень!

Зміст

Файл

ДіяСкорочення
Створити новийCtrl + N
ВідкритиCtrl + O
Переглянути в браузеріF12 / Alt + F12

(додайте переклад)

Перегляд / Редагування

Перегляд / РедагуванняСкорочення
Масштабування вікнаCtrl + +

(додайте переклад)

Інші дії

(додайте переклад)

Працюємо з кодом

(додайте переклад)

Робота з джерелним кодом

(додайте переклад)

Вставка

ДіяШвидкий доступ
ЗображенняCtrl + Alt + I
ТаблицяCtrl + Alt + T
Пропуск ( )Ctrl + Shift + Пробіл
Розрив рядка (<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-макетів" в меню Вид => Візуальні допоміжні засоби => Фони CSS-макетів. Тепер окремі блоки будуть заповнені випадковим кольором. Ці кольори показуються лише в режимі макета.
  • Розмір відображення не повинен змінюватися - за замовчуванням встановлено 100% -, оскільки сторінка в і вигляді Dreamweaver може виглядати розмито.
  • У вікні шарів Перегляд можна скасувати до 50 кроків за замовчуванням. Кількість кроків можна збільшити в налаштуваннях (Ctrl + U) в загальних установках.
  • Часто в таблиці потрібен новий рядок. Для цього просто клацніть в останню клітинку у нижньому правому кутку та натисніть клавішу Tab. Якщо вам потрібно одразу 10 або більше нових рядків або стовпців, це раціонально зробити, перейшовши за допомогою клацання правої кнопки миші => Вставити рядки або стовпці.
  • Щоб швидко показувати або приховувати всі панелі управління, натисніть швидкісну клавішу F4. При цьому будуть показані лише меню та робоче вікно.
  • У Dreamweaver можна шукати та замінювати цілі блоки вихідного коду. Це особливо зручно, якщо ви хочете замінити не один рядок коду, який постійно повторюється.
  • 18 Порад та Хитрощів по Adobe Dreamweaver
  • Щоб швидко вибрати весь вміст таблиці () або DIV (), подвійно клацніть Ctrl + A.
  • Працюючи у вихідному коді, можна швидко закрити теги, натиснувши Вікно => Результати => Перевірка). Дуже зручним є також плагін HTML Validator (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, яка зосереджується на освіті та підвищенні кваліфікації у сфері цифрових професійних навичок.