Огляд та рейтинг Adobe dreamweaver cs6

Adobe Dreamweaver ($ 399, 99; оновлення $ 199, 00, пряме) домінує в області редагування веб-ресурсів довше, ніж більшість людей може запам’ятати, але за останні кілька років він, здавалося, готовий скористатися своєю репутацією, пропонуючи гідні, але неперевершені оновлення з кожною останньою версією . Версія Dreamweaver CS6 відрізняється. Це важливе оновлення для всіх, хто хоче створити веб-сторінки чи додатки, які автоматично адаптуються при перегляді у веб-браузері на телефоні або планшеті або в браузері на ноутбуці або на робочому столі. Протягом останніх декількох років я займаюся більшою частиною свого веб-дизайну в чистому, ефективному та недостатньо опублікованому веб-сайті Expression, але Dreamweaver CS6 - це перший веб-редактор, побудований у епоху багатоплатформних платформ, з повною підтримкою HTML5 та CSS3. Як і решта набору CS6, Dreamweaver орієнтований на професіоналів, які бажають піднятися на його круту криву навчання, але навіть епізодичні кодери можуть використовувати його для створення вражаючих на вигляд сайтів.

Що нового?

Великі нові функції в Dreamweaver - це такі. По-перше, це "макети текучої сітки", які дозволяють точно вказати, як будуть розташовані елементи сторінки, коли ваш сайт відображатиметься на телефоні з невеликим екраном, середньому планшетному ПК або на повноекранному робочому столі. (Прочитайте докладніше про це.) Далі - вбудована підтримка PhoneGap Build, платформи з відкритим кодом, яка дозволяє легко створити єдиний веб-додаток, який працює на декількох платформах телефону. Dreamweaver також покращив свою інтеграцію з Query Mobile, платформою на основі JavaScript для створення програм для телефонів і планшетів на базі браузера. CSS Transitions - веб-аналог переходів у традиційних презентаційних додатках - тепер підтримується через досить інтуїтивний інтерфейс.

Adobe покращила вірність та гнучкість попереднього перегляду Dreamweaver "Live" та покращила його панель попереднього перегляду "багатоекранних", яка показує, як виглядатиме ваша сторінка у розмірах екрана телефону, планшета та робочого столу. Онлайн-лабораторія браузера Adobe дозволяє тестувати ваші сторінки на старих платформах браузера, хоча порівнянна функція SuperPreview від Microsoft пропонує ще більший вибір старих і нових браузерів для тестування.

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

Найбільш вражаюча нова функція Dreamweaver - це підтримка «макетів з текучої сітки», а це означає, що вона створює сторінки, організовані відповідно до невидимої нижньої сітки, яка змінюється відповідно до розміру екрана. Текстові та графічні елементи на сторінці автоматично налаштовують своє положення під час перегляду сторінки на телефоні, планшеті чи настільному комп’ютері. Мені довелося переглянути демонстраційне відео (доступне з меню відкриття Dreamweaver), щоб зрозуміти, як ним користуватися, але після цього було легко.

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

Flash інтеграція

Dreamweaver, передбачувано, тісно інтегрований з форматом Adobe Flash. Але якщо ви розробляєте для iOS, ви не можете використовувати Flash у своїх додатках чи веб-сторінках, якщо ви не придбаєте Flash Media Server 4500 доларів США для передачі Flash у спосіб, який дозволяє iOS. Dreamweaver дозволив мені запустити Flash-відео на свої веб-сторінки без ікони та з великою кількістю варіантів компонування, але коли я спробував додати HTML5-відео на свою сторінку, мені довелося зрозуміти, що мені потрібно завантажити та встановити HTML5-відео " віджет ”, а потім змінити код віджета вручну.

Інтерфейс

Як і решта інтерфейсу Creative Suite Adobe Dreamweaver - це ліс панелей, «груп вкладок» та панелей інструментів, на який потрібен час, щоб звикнути. На відміну від решти набору, який використовує графічний інтерфейс для редагування графічних об’єктів, таких як анімації, фотографії, ілюстрації та друковані сторінки, графічний інтерфейс Dreamweaver - це набір інструментів для редагування необробленого HTML, CSS, JavaScript та іншого текстового коду . Більшу частину часу ви можете використовувати одну з кнопок і меню на основі графічного інтерфейсу Dreamweaver для зміни базового коду, але іноді ви не можете, а це означає, що ви забруднилися під час редагування коду безпосередньо. Це добре, якщо ви знаєте, як редагувати неочищений код, і це засмучує, якщо ви цього не зробите. Іноді, особливо під час роботи з новою функцією сітки розкладки рідини, я відмовився від спроби знайти меню або панель інструментів для зміни деталей компонування, і мені довелося перекопати необроблений код, щоб внести зміни. Функція сітки для розкладки рідини є, очевидно, незавершеною, і майбутні версії полегшать подібну справу, але ви тим часом повинні бути готові до невеликих розладів першої версії.

Надзвичайна гнучкість

Щодо основного редагування HTML та CSS, я все ще віддаю перевагу Microsoft Expression Web 4, але Expression Web працює лише у Windows, тоді як додатки Adobe працюють більш-менш однаково на машинах Windows та Mac. Крім того, Dreamweaver CS6, безперечно, є першим і єдиним інструментом веб-побудови, який плавно і ефективно працює в новому мультиплатформенному світі. У нього є нерівні краї, але Adobe Dreamweaver CS6 також володіє більшою потужністю та гнучкістю, ніж будь-який інший у своїй категорії, і він заслуговує на наш вибір редактора.

Більше оглядів програмного забезпечення для фото, відео та графіки:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Елементи Adobe Premiere

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• більше