Adobe Dreamweaver CS6 обзор и рейтинг

Adobe Dreamweaver ($ 399, 99; обновление $ 199, 00, прямой) доминирует в области веб-редактирования дольше, чем может вспомнить большинство людей, но в последние несколько лет он, похоже, был готов сохранить свою репутацию, предлагая достойные, но непреодолимые обновления для каждой последней версии., Версия Dreamweaver CS6 отличается. Это важное обновление для тех, кто хочет создавать веб-страницы или приложения, которые автоматически адаптируются при просмотре в веб-браузере на телефоне или планшете или в браузере на ноутбуке или настольном компьютере. В течение последних нескольких лет я делал большую часть своего веб-дизайна в чистом, эффективном и недостаточно опубликованном Microsoft Expression Web, но Dreamweaver CS6 - первый веб-редактор, созданный для многоплатформенной эры, с полной поддержкой HTML5 и CSS3. Как и остальная часть пакета CS6, Dreamweaver предназначена для профессионалов, которые хотят подняться по крутой кривой обучения, но даже случайные программисты могут использовать ее для создания впечатляющих сайтов.

Что нового?

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

Adobe улучшила точность и гибкость предварительного просмотра Dreamweaver «вживую», а также улучшила свою «многоэкранную» панель предварительного просмотра, которая показывает, как будет выглядеть ваша страница на экранах телефонов, планшетов и настольных компьютеров. Онлайновая «лаборатория браузеров» от Adobe позволяет тестировать ваши страницы на старых платформах браузеров, хотя сопоставимая функция Microsoft SuperPreview предлагает еще более широкий выбор старых и новых браузеров для тестирования.

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

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

Вы создаете плавную сетку, ориентируясь на три размера экрана: телефон, планшет и рабочий стол. Сначала вы размещаете элементы страницы так, как вы хотите, чтобы они выглядели на одном экране, каждый элемент должен быть выровнен по невидимой фоновой сетке. Затем вы нажимаете значок, чтобы переключиться на другой размер экрана, и расположить элементы по-другому в сетке. Так, например, телефон будет отображать всю страницу в одном столбце с раскрывающимся меню навигации вверху, а планшет отображает части страницы в трех столбцах с широкой панелью навигации вверху. Базовый CSS автоматически переключается между макетами в соответствии с размером экрана устройства, отображающего страницу. Многоэкранная панель предварительного просмотра позволяет изменить один или все три встроенных размера экрана, чтобы вы могли проверить, как будет работать жидкостная сетка любого размера.

Флэш Интеграция

Dreamweaver, как и ожидалось, тесно интегрирован с форматом Adobe Flash. Но если вы разрабатываете для iOS, вы не можете использовать Flash в своих приложениях или на веб-страницах, если только вы не купите Adobe Flash Media Server за 4500 долларов США для потоковой передачи Flash так, как позволяет iOS. Dreamweaver позволил мне добавлять Flash-видео на свои веб-страницы без сбоев и множества вариантов компоновки, но когда я попытался добавить HTML5-видео на свою страницу, мне пришлось самому решить, что мне нужно загрузить и установить HTML5-видео « widget », а затем измените код виджета вручную.

Интерфейс

Как и остальная часть Adobe Creative Suite, интерфейс Dreamweaver представляет собой набор панелей, «групп вкладок» и панелей инструментов, к которым нужно время, чтобы привыкнуть. В отличие от остальной части пакета, который использует графический интерфейс для редактирования графических объектов, таких как анимация, фотографии, иллюстрации и печатные страницы, графический интерфейс Dreamweaver представляет собой набор инструментов для редактирования необработанного HTML, CSS, JavaScript и другого текстового кода., В большинстве случаев вы можете использовать одну из кнопок и меню Dreamweaver для изменения базового кода, но иногда этого не происходит, а это означает, что вы можете испачкать руки при непосредственном редактировании кода. Это хорошо, если вы знаете, как редактировать необработанный код, расстраивает, если вы этого не делаете. Иногда, особенно при работе с новой функцией сетки макетов, я отказывался от попыток найти меню или панель инструментов для изменения деталей макета, и мне пришлось копаться в необработанном коде, чтобы внести изменения. Функция плавной сетки макетов, очевидно, находится в стадии разработки, и будущие версии упростят эту задачу, но вы должны быть готовы к небольшим разочарованиям в первой версии.

Исключительная гибкость

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

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

• Magix Movie Edit Pro Premium

• Вегас Киностудия Платинум

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• Больше