Обзор пакета веб-дизайна Adobe Dreamweaver CC 2022-2023

Содержание:

Anonim

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

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

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

  • Хотите попробовать Adobe Dreamweaver? Посетите веб-сайт здесь

Вы можете подписаться на Dreamweaver самостоятельно за 20,99 долларов США (19,97 фунтов стерлингов) в месяц при годовом плане или 31,49 долларов США (30,34 фунтов стерлингов) в месяц за месяц.

Однако 52,99 долларов США (49,94 фунтов стерлингов) в месяц по годовому плану (или 79,49 долларов США (75,85 фунтов стерлингов) в месяц) предоставляют вам доступ ко всему портфолио Adobe, что означает, что вы можете создавать дизайн в Photoshop и Illustrator, перемещать эти файлы в Dreamweaver, редактировать фильм в Premiere и вставьте его на свою веб-страницу. Все разработано для совместной работы, и все интерфейсы имеют сходство между собой, что помогает вам с легкостью переходить от одного приложения к другому - если, конечно, вы понимаете тонкости каждого из них.

Студенты и преподаватели могут получить весь пакет всего за 19,99 доллара (16,24 фунта стерлингов) в месяц по годовому плану, что является просто безумной ценой (или отличным способом вас зацепить).

Приступим - хотя не слишком пугайтесь - по крайней мере, не так скоро …

Начиная

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

Dreamweaver предлагает несколько шаблонов, которые помогут начать работу

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

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

Проверьте предварительный просмотр своего сайта и перетащите элементы прямо туда, где хотите.

Создание веб-сайта

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

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

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

Проверьте, как будет выглядеть ваш сайт, смоделировав разные экраны и разрешения.

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

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

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

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

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

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

Подсказка по коду - отличный способ автозаполнения при вводе

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

Последние дополнения к CC2020

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

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

Служба поддержки

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

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

Окончательный вердикт

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

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

  • Мы также выделили лучшее программное обеспечение для веб-дизайна.