У динамічному світі веб-дизайну 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 |
Вікна
Вікно | Шв. доступ |
Елементи AP | F2 |
Зв’язки | 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 |
Вставити рядок Версія II | Tab в останній комірці |
Вставити стовпець | 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.