Обзор Adobe Dreamweaver CC 2020

10 Total Score
Adobe Dreamweaver CC

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

Плюсы
  • Гибкий и мощный.
  • Полная поддержка сторонних платформ.
  • Встроенная адаптивная поддержка дизайна.
  • Тесная интеграция с другими приложениями Adobe.
  • Полный редактор кода в стиле IDE с редактированием в реальном времени WYSIWYG.
  • Предварительный просмотр в реальном времени.
Минусы
  • Крутая кривая обучения в первый раз и сложный интерфейс.
  • Функция отмены не работает во всех контекстах.
Добавить свой отзыв

Вы можете создавать веб-сайты с помощью любого из десятков инструментов – некоторые из которых работают в сети, некоторые из них работают на локальном компьютере, другие – частично в сети, частично на вашем компьютере – но Adobe Dreamweaver 2020 является единственным приложением для создания сайтов, которое просто подходит как для индивидуальных дизайнеров, так и для проектов масштаба предприятия. Это так же полезно, когда вы создаете сайт с помощью написания реального кода, как и при работе в графическом макете WYSIWYG, который скрывает весь код, пока он вам не понадобится. Приложение выполняет работу для отдельных пользователей или групп, в которых разные члены группы имеют разные уровни свободы для добавления или изменения контента, и, конечно, оно прекрасно работает с арсеналом графических приложений и веб-сервисов Adobe.

Как и все другие приложения Adobe, он поставляется в практически идентичных версиях для Mac и Windows и доступен либо по платной подписке только на Dreamweaver (20,99 долл. В месяц с обязательством на 1 год, 31,49 долл. В месяц или 239,88 долл. С предоплатой за год). ) или как часть полного пакета Creative Cloud (52,99 долл. США в месяц), который предоставляет вам Photoshop, Illustrator и все другие творческие программы и приложения. Как отдельное приложение, так и полная подписка поставляются с облачным хранилищем объемом 100 ГБ.

Адаптивный дизайн сайта
Dreamweaver отлично подходит для создания многоплатформенных (адаптивных) веб-сайтов, которые одинаково хорошо работают на телефоне, планшете или компьютере. Любой частный или корпоративный веб-дизайнер, желающий заменить старый веб-сайт в стиле настольного компьютера или ноутбука современным мультиплатформенным сайтом, найдет Dreamweaver очевидным первым выбором. Позже я опишу некоторые альтернативы в этой истории, но ни один из них не приблизится к Dreamweaver по мощности и легкости.

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

Adobe хочет, чтобы вы работали с инструментами Adobe, поэтому легко использовать Photoshop и Illustrator для редактирования изображений или Premiere Pro и Audition для видео и звуковых файлов. Вы также можете использовать Photoshop для создания макета того, как должен выглядеть ваш сайт, а затем использовать меню «Извлечение» Dreamweaver для перетаскивания элементов из файла Photoshop на свои веб-страницы. Но Dreamweaver также работает практически со всеми сторонними инструментами для создания сайтов, которые вы можете использовать. Например, вы можете использовать Dreamweaver для разработки и редактирования сайтов, управляемых WordPress, Joomla !, или Drupal, или вы можете создать Git-репозиторий и использовать его для отслеживания изменений на вашем сайте.

Dreamweaver использует платформу Bootstrap для отзывчивых сайтов и по умолчанию использует последнюю версию Bootstrap, 4.3.1, хотя более ранняя версия 3.4.1 по-прежнему встроена, если вы хотите продолжать использовать ее. Dreamweaver проведет вас через обновление сайтов, основанных на более ранней версии, и попытается устранить ошибки, связанные с несовместимостью, путем создания новых файлов CSS и JavaScript, которые используют последний стандарт. Адаптивные сайты Bootstrap ориентированы на мобильные устройства. Это означает, что среда Bootstrap в основном оптимизирована для телефонов или планшетов, но встроенные шаблоны Adobe Bootstrap достаточно хорошо спроектированы, чтобы одинаково хорошо выглядеть на настольных компьютерах и телефонах.

Dreamweaver Опыт

Dreamweaver Опыт

Новые пользователи сталкиваются с крутой кривой обучения, но если вы знакомы с Photoshop или Illustrator, вы сможете пройти его довольно быстро. Если, как и я, вы будете озадачены поиском какой-то непонятной функции, меню «Справка» поможет вам найти именно тот пункт меню, который вам нужен, даже если он глубоко в структуре меню. Dreamweaver использует стандартный интерфейс Adobe, главное окно редактирования, окруженное панелью инструментов слева и информационными панелями с несколькими вкладками справа. Если вы не являетесь опытным программистом, которому не нужны все экранные инструменты и панели, даже не думайте об использовании Dreamweaver на маленьком ноутбуке. Это приложение требует всей недвижимости, которую вы можете дать.

При редактировании типичного, относительно простого веб-сайта у вас открываются как минимум четыре вкладки документа, одна для текущей страницы, другие для файлов JavaScript и CSS, а также информационная панель, содержащая как минимум семь вкладок с файлами, библиотеками Creative Cloud, HTML теги, которые можно перетащить в файл, сложный набор элементов управления CSS, дерево объектной модели документа (DOM), список ресурсов (отсортированных по URL-адресам, изображениям, мультимедиа и т. д.), а также длинный список предварительно созданных и пользовательских Отрезки Добавьте к этому настраиваемую панель инструментов слева и густонаселенное меню вверху, и вы получите один из самых сложных интерфейсов, когда-либо встроенных в приложение, который можно сравнить только с другим программным обеспечением для разработки, таким как Microsoft Visual Studio.

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

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

Новые особенности

Только что выпущенный Dreamweaver 2020 выглядит и работает почти так же, как и прошлогодний Dreamweaver 2019. Adobe упоминает только три новые функции: упрощенное редактирование в режиме реального времени, позволяющее редактировать текст, а не только теги, в режиме реального времени, просто нажав на текстовом элементе; новые настройки по умолчанию для японских шрифтов; и улучшенные всплывающие подсказки кода. Там нет новой кривой обучения, а интерфейс и другие функции не изменились. Одна небольшая потенциальная ошибка в расширенной функции редактирования Live view заключается в том, что некоторые нажатия клавиш работают не так, как вы могли бы ожидать. Например, вы можете разделить абзац, нажав Enter в некотором тексте в интерактивном представлении, но Backspace не будет рекомбинировать разделенные абзацы – вам придется переключиться в представление кода и удалить тег для нового абзаца.

У веб-редакторов всегда была функция предварительного просмотра их веб-страницы в настольном браузере. Dreamweaver становится еще лучше, добавляя предварительный просмотр на мобильных устройствах, что является важной функцией при разработке адаптивной страницы, которая должна работать на нескольких платформах. Вы щелкаете значок предварительного просмотра в правом нижнем углу окна редактирования, используете свой телефон или планшет для сканирования QR-кода, который появляется во всплывающем меню значка предварительного просмотра, вводите свой пароль Adobe на своем устройстве. После этого вы можете предварительно просмотреть свой код в браузере по умолчанию на своем устройстве, и изменения, внесенные на рабочем столе, сразу же появятся. Вам не нужно устанавливать какие-либо новые приложения на свой телефон или планшет.

Стоит ли покупать подписку на Dreamweaver? Если вы уже используете Photoshop или Illustrator или создаете корпоративный сайт или сайт, насыщенный дизайном, Dreamweaver – очевидный выбор. Если вы не любите программировать, то вы можете делать то, что кажется половиной онлайн-мира, и использовать WordPress для создания своего сайта, выбрав визуальную тему и используя или изменяя ее из простых меню. Вам понадобятся некоторые технические знания, но вы можете обойтись практически без них.

Если вы вообще не хотите думать о кодировании, воспользуйтесь услугой хостинга, предлагающей Wix или Weebly, или любой другой полностью визуальной средой для создания сайтов, которая не требует никакого кодирования. Однако имейте в виду, что вы жертвуете некоторыми возможностями настройки и контроля. Weebly позволяет менять темы в любое время, но предоставляет ограниченные возможности для форматирования текста. Оба предлагают платные варианты электронной коммерции. Вы также можете попробовать бесплатную версию корпоративной системы CKEditor, которая предлагает расширенные функции, такие как совместное редактирование, WYSIWYG-редактирование и полный контроль над кодом вашего сайта.

Для небольших веб-сайтов, предназначенных главным образом для браузеров для ноутбуков и настольных компьютеров, вы можете использовать любой из десятков традиционных редакторов веб-страниц, таких как RapidWeaver или Coda на Mac, но вы не получите истинного редактирования WYSIWYG, как в Dreamweaver или в системах на основе браузера, таких как WordPress или Wix. Многие традиционные редакторы веб-страниц предлагают режимы предварительного просмотра, а некоторые (например, потрясающий и бесплатный редактор скобок Adobe) предлагают предварительный просмотр в реальном времени в вашем браузере, но это не то же самое, что редактирование полностью в режиме WYSIWYG и в режиме Live-редактирования Dreamweaver.

Мой любимый быстрый и понятный веб-редактор WYSIWYG для простых сайтов – это бесплатное Microsoft Expression Web, которое раньше было дорогостоящим, но теперь бесплатно скачиваемым, потому что Microsoft прекратила его обновление после того, как Visual Studio предоставила более продвинутые возможности создания сайтов. инструменты. Expression Web не обновлялся с 2011 года, но его набор функций по-прежнему выполняет работу для основных веб-сайтов, и с ценой не поспоришь.

Сонник иногда может показаться немного капризным. Например, если вы щелкнете не в том месте, компоновка экрана может внезапно измениться, и это будет трудно восстановить без сброса компоновки экрана по умолчанию. Функция отмены отлично работает, когда вы работаете в окне кода, но не работает во всех контекстах, например, когда вы перетаскиваете ресурсы в окно, используя функцию, которая извлекает элементы страницы из файла Photoshop.

Все еще отлично

Несмотря на некоторые незначительные споры, Adobe Dreamweaver 2020 в основном построен как линкор, и в нем заложена лучшая комбинация гибкости, мощности и простоты любого инструмента, когда-либо изобретенного для создания веб-сайтов. У Dreamweaver нет реальной конкуренции, и без него не должно быть серьезного веб-дизайнера. Dreamweaver – выбор редакторов PCMag для программ по разработке сайтов.

Мы будем рады и вашему мнению

Оставить отзыв

Онлайн-журнал - LifePick
Logo
Вход / Регистрация временно отключены