Обзор Adobe Dreamweaver CC 2020

Обзор Adobe Dreamweaver CC 2020

Подходит ли вам это сложное полнофункциональное приложение для веб-дизайна?

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

Плюсы:

  • Работает на ПК и Mac;
  • Регулярно обновляется;
  • Стабильная и мощная программа;
  • Делает кодирование простым, когда вы знаете, что делаете;

Минусы:

  • Очень сложная программа;
  • Предназначена для профессионалов;
  • Новичку легко заблудиться;

Мы изучали десятки программ для веб-разработки в нашей редакции, от самых тяжелых к откровенно смешным продуктам. Мы также исследовали приложения, разработанные, чтобы помочь вам написать страницу или целый сайт, не выходя из кода. Никаких наворотов, просто сырой HTML. Понятно, что независимо от вашего опыта, найдется приложение или сервис для удовлетворения ваших потребностей.

Но есть приложение, разработанное для профессионалов и в значительной степени уникальное в отрасли, которое не просто переживает, но и давит конкурентов на протяжении многих лет: могучий Adobe Dreamweaver. Итак, давайте рассмотрим последнюю версию CC 2020.

Давайте не будем игнорировать слона в комнате, и начнем с него: все продукты Adobe доступны только по подписке. Это значит, что вы платите каждый месяц, но взамен всегда получаете самую последнюю и лучшую версию софта. Прекратите платить, и приложение исчезнет, а ваши проекты станут недоступны (если вы не извлечете их в необработанных форматах).

Вы можете подписаться на Dreamweaver самостоятельно за 20,99$ (1400р + НДС) в месяц при годовой подписке или 31,49$ (2000р + НДС) если вы платите месяц за месяцем.

Тем не менее, за 52,3$ (3400р + НДС) в месяц при годовой подписке вы получаете полный доступ ко всему портфелю продуктов Adobe, то есть вы сможете создавать дизайн в Photoshop и Illustrator, перемещать эти файлы в Dreamweaver, редактировать фильмы в Premier, а затем установить всё это на веб-страницы. Всё разработано так, чтобы работать в команде, все интерфейсы похожи, что помогает переключаться от одного приложения к другому – при условии, что вы, конечно, понимаете тонкости каждого из них.

Студенты и преподаватели могут получить весь комплект всего за 19,99$ (1300р + НДС) по годовой подписке, что является просто безумным предложением.

Обзор Adobe Dreamweaver CC 2020

Давайте начнем – не пугайтесь – пока ещё рано… (Изображение предоставлено: Adobe)

| НАЧИНАЯ

Как и следовало ожидать, Dreamweaver поддерживает все веб-стандарты, начиная с базового HTML к CSS, Javascript и современным функциям, включая Bootstrap. Программа сосредоточена на создании адаптивных веб-сайтов, которые адаптируются к устройству, на котором его просматривает пользователь (компьютер, планшет, смартфон), но, конечно же, ничто не мешает вам создавать ограниченные сайты и инструктировать свой сайт перенаправлять пользователя на определенные страницы в зависимости от того, на каком устройстве он просматривается.

Обзор Adobe Dreamweaver CC 2020

Dreamweaver предлагает вам несколько шаблонов, которые помогут начать работу. (Изображение предоставлено: Adobe)

Если вы новичок в работе с Dreamweaver, приложение предложит вам несколько шаблонов для начала работы. Это особенно полезно, поскольку гораздо эффективнее, чем смотреть на пустую страницу.

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

Обзор Adobe Dreamweaver CC 2020

Используйте предварительный просмотр сайта и перетаскивайте элементы туда, куда хотите. (Изображение предоставлено: Adobe)

| СОЗДАНИЕ САЙТА

Интерфейс разделен на несколько разделов, которые можно настраивать, в той или иной степени. Боковая панель слева предоставит вам доступ к общим командам, таким как открытие документов, управление файлами и параметры Live View.

На вкладках справа вы сможете управлять файлами своего сайта и библиотеками CC. Есть список элементов, которые вы сможете перетащить на свою страницу, а также раздел для создания каскадных таблиц стилей (CSS).

А основная часть интерфейса переключается между кодом и предварительным просмотром страницы.

Обзор Adobe Dreamweaver CC 2020

Проверьте, как будет выглядеть ваш сайт, имитируя различные экраны и разрешения. (Изображение предоставлено: Adobe)

Вы сможете легко переключаться между режимом предварительного просмотра вашей страницы (вместе с опциями для имитации того, как страница будет выглядеть на экранах разного размера и разрешения), режимом чистого кода или их комбинации.

Обзор Adobe Dreamweaver CC 2020

Окно свойств поможет вам быстро изменить выделенные элементы. (Изображение предоставлено: Adobe)

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

Несмотря на обилие возможностей, если вы не располагаете опытом работы с кодом, вы очень быстро потеряетесь. Да, вы можете перетаскивать элементы с вкладки «Вставка» в режим предварительного просмотра страницы, но это займет у вас очень много времени, и вы быстро придете к тому, что необходимо часто углубляться в код, чтобы корректировать тут и там.

Тем не менее, Dreamweaver пытается упростить задачу: выделите элемент в режиме предварительного просмотра, тот же элемент будет выделен в коде, что сократит время, затрачиваемое на поиск нужного вам раздела. Обратное также верно: выделите часть кода и элемент, к которому он относится, выделится в области предварительного просмотра.

Вероятно, это одна из причин, по которой мы считаем «Разделение» лучшим режимом, поскольку с ним вы можете перетаскивать элементы, а затем сразу погружаться в код, чтобы внести необходимые изменения в считанные секунды.

Обзор Adobe Dreamweaver CC 2020

Подсказки кода – прекрасный способ автозаполнения при вводе. (Изображение предоставлено: Adobe)

Ещё одним улучшением, которое мы оценили, стали подсказки по коду: точно так же, как когда вы набираете текст на телефоне, а интерфейс предлагает вам выбор команд, которые, как он думает, вы набираете в данный момент, с привычкой выбор нужной команды быстрее, чем набрать её полностью. Это решение не только помогает писать код быстрее, но и сокращает количество опечаток. Мы считаем, что это принесет пользу и профессионалам, и новичкам.

| ПОСЛЕДНИЕ ДОПОЛНЕНИЯ В CC 2020

Поскольку Dreamweaver постоянно обновляется, вы можете загрузить последнюю версию в любой момент, пока ваша подписка действует, новые функции добавляются и улучшаются постоянно. Как ни странно, два наших фаворита – редактирование в реальном времени и подсказки в коде – некоторые из недавних улучшений.

Другое важное изменение – новая конфигурация шрифтов для японского Dreamweaver, но, не зная языка, мы, к сожалению, не смогли его оценить.

| СЛУЖБА ПОДДЕРЖКИ

«Справка» отправит вас в онлайн-базу знаний Adobe Dreamweaver, где представлены удобные пособия и подробное руководство пользователя. Раздел форума поможет вам найти других людей, которые сталкивались с похожими на ваши проблемы, с которыми вы, возможно, столкнулись и – надеемся, — поможет вам их решить.

Если этого недостаточно, вы можете пообщаться с представителем Adobe. Когда мы проверили этот функционал, представитель службы поддержки, с которым мы общались, вернулся с ответами, которые решили нашу проблему, и сделал это быстро.

| ОБЗОР DREAMWEAVER CC 2020: ПОДВОДЯ ИТОГИ

Dreamweaver – это огромная и сложная программа, в этом обзоре мы едва ли затронули её возможности, но мы надеемся, что вы увидите потенциал. Существует множество функций, которые призваны помочь вам быстро и эффективно создавать сайты, если вы готовы углубиться в код. Dreamweaver не сделает всего за вас, но сделает всё возможное, чтобы облегчить процесс создания сайта.

Тем не менее, если ваши знания HTML ограничены или вовсе отсутствуют, мы рекомендуем начать с другого приложения или службы, поскольку огромный функционал может оказаться подавляющим. И наоборот, если у вас уже есть подписка на Adobe Creative Cloud, практически нет причин, чтобы пропустить эту программу, тем более что функции поддержки исчерпывающие, а служба поддержки очень оперативная и знающая.

Обзор Adobe Dreamweaver CC 2020 Обзор Adobe Dreamweaver CC 2020 Антон Зим07.06.2020 9/10 Мощное полнофункциональное приложение для веб-дизайна, которое предлагает практически всё, кроме кухонной раковины, но это софт не для слабонервных. 9 Overall Score Вердикт:

Мощное полнофункциональное приложение для веб-дизайна, которое предлагает практически всё, кроме кухонной раковины, но это софт не для слабонервных.