Adobe Dreamweaver: всі плюси (Частина 2)

Ми продовжуємо серію публікацій про чудову програму Adobe Dreamweaver – один з флагманів компанії Adobe. У першій частині ви можете ознайомитися з такими перевагами цього незмінного помічника дизайнерів як підсвічування та автопідстановка коду або його зручна перевірка. Отож, які ще плюси ми змогли помітити?

Глобальна функція “Знайти / Замінити”

Це може врятувати не одну годину вашого дорогоцінного часу адже ви зможете знаходити і замінювати код не тільки на одній сторінці, але й повністю на сайті. Але на цьому дива не закінчуються: ви можете здійснювати пошук тільки по тексту на сторінці або навіть за спеціальними тегами.

Наприклад, компанія, якій ви робите сайт, поміняла в своїй назві літери LTD на PLC. Без DreamWeaver вам би довелося перебирати сотні або тисячі сторінок вашого сайту, а з Дрімвейвером ви зможете все замінити за пару секунд.

Або ще варіант: наприклад, вам потрібно оновити версію jQuery на статичному сайті. Натискаємо Ctrl + F, щоб викликати вікно пошуку / заміни, в поле “Знайти” вводимо “jquery.1.XXXXXXX” а в полі “Замінити” – “jquery.XXXXX”, вибираємо опції «Шукати на сайті” і “Шукати в вихідному коді “і натискаємо кнопку” Замінити все “. Через дві секунди всі сторінки вашого сайту оновлені і готові до завантаження на сервер разом з останньою версією JQuery.

Але перш ніж запускати функцію “Знайти / Замінити”, будь ласка, будьте дуже обережні і уважні – двічі все перевірте, адже скасувати результат застосування цієї функції не можна.

Файловий менеджер

Система роботи з файлами – це, напевно, одна з головних особливостей, яка перетворює DreamWeaver в щось більше, що просто редактор коду.

Перш за все, визначте розташування вашого сайту (Site> New Site> Ім’я сайту> Потім виберіть папку в якій знаходиться ваш локальний сайт) і далі дозвольте програмі подбати про всі файли вашого сайту.

Якщо ви зміните ім’я якого-небудь файлу, то DreamWeaver запропонує вам оновити посилання. Наприклад, якщо ви змінили ім’я файлу “about-web-courses-bangkok.html” на просто “about.html” він оновить всі посилання, які повинні бути пов’язані з цим файлом.

Це також стосується і файлів контенту, наприклад при зміні імені картинки з “dc2234.jpg” на “product-name-2345.jpg” все посилання, що ведуть до цього зображення будуть негайно оновлені.

Також файловий менеджер може з’єднатися по фтп з вашим віддаленим сервером і при збереженні змін в будь-якому файлі цей файл буде автоматично завантажуватися на сервер. Ще ви можете включити відображення всіх видалених файлів і працювати безпосередньо з файлами на віддаленому сервері.

Шаблони

Можливо, ви захочете створювати все більше і більше сайтів. І наступний крок до створення CMS – це використання шаблонів. Ви створюєте одну сторінку, дизайн якої буде використовуватися для всього сайту, і перетворюєте її шаблон, вибираючи ті області, які будуть редагованими і ті області які будуть одними і тими ж на всьому сайті.

Таким чином, через функцію “Save as” можна створити з шаблону нову сторінку. Коли ви будете оновлювати якісь елементи в шаблоні, вони будуть оновлюватися на всіх сторінках.

Отже, у вас вийде подоба динамічного сайту, коли оновлюючи одну сторінку, ви оновлюєте всі інші. При цьому вам не потрібно знати php 🙂

Вкладки і пов’язані файли

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

Ще однією дійсно корисною річчю є поява значка * на вкладці тих файлів, зміни в яких ви вже зробили, але ще їх не зберегли. Таким чином, ви можете відразу зрозуміти, чому ті зміни, які ви вже зробили в редакторі не відображаються в браузері – ви просто забули їх зберегти.

Починаючи з версії CS4 з’явилася можливість бачити всі підключені до сторінки файли, такі як файли таблиць стилів або javaскрипт-файли. Вони відображаються трохи нижче вкладок файлів. Це дозволяє швидко переключитися наприклад на css-файл, підключений до редагованої сторінці. Також в режимі split (одночасне відображення режиму коду і режиму візуального відображення) дуже зручно бачити зміни на сторінці при редагуванні css-стилів.

Нові цікаві можливості, що з’явилися у версії CS5

Більше немає головного болю через різне відображення сайту в різних браузерах.

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

BrowserLab колись був окремим сервісом, розробленим Adobe, який дозволяв перевірити сайт у всіх браузерах, а тепер цей сервіс є у CS5, щоб ви змогли перевірити, чи все в порядку з дизайном до запуску сайту.

Підтримка “великої трійки” CMS

Єдиний спосіб ефективно управляти великими сайтами – це, звичайно, використання CMS. Просто-напросто непрактично робити кожну сторінку у DreamWeaver, потім завантажувати її на сервер з іншим контентом (зображення і т.п.). Якраз в цьому випадку на допомогу приходять CMS.

До появи версії DreamWeaver CS5 ми повинні були створювати весь код окремо для нашого шаблону, завантажити його і потім перевірити онлайн безпосередньо на движку, як зроблені зміни працюють. Тепер же DreamWeaver може продемонструвати результат в режимі Live View, разом з даними, завантаженими з бази даних движка.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.