Мы рассказали о десятках разработчиков веб-сайтов здесь, на канаве, от возвышенного до смешного. Мы также исследовали приложение, разработанное, чтобы помочь вам написать целую страницу или сайт исключительно в коде. Никаких наворотов, просто сырой HTML. Понятно, что независимо от вашего опыта, будет приложение или сервис для удовлетворения ваших потребностей..
Но есть приложение, разработанное для профессионалов и в значительной степени уникальное в отрасли, которое пережило или выкупило своих конкурентов на протяжении многих лет: могучий Adobe Dreamweaver. Итак, давайте посмотрим на последнюю версию, CC 2020.
Давайте не будем игнорировать слона в комнате и решим его (помните о бивнях): все продукты 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 фунта стерлингов) в месяц на ежегодном плане, что является просто безумной ценностью (или отличным способом зацепить вас).
Давайте начнем — не пугайтесь, хотя бы — по крайней мере, не так скоро … (Изображение предоставлено: Adobe)
Начиная
Как и следовало ожидать, Dreamweaver поддерживает все веб-стандарты от базового HTML до CSS, Javascript и всех современных функций, включая Bootstrap. Он сфокусирован на создании адаптивных веб-сайтов, которые адаптируются к устройству, на котором его просматривает посетитель (будь то компьютер, планшет или телефон), но, конечно, ничто не мешает вам создавать неотвечающие сайты и инструктировать ваш сайт перенаправлять на определенные страницы в зависимости от того, на устройстве это просматривается на.
Dreamweaver предлагает вам несколько шаблонов, которые помогут добиться успеха (Изображение предоставлено Adobe)
Если вы новичок в Dreamweaver, приложение предлагает вам несколько шаблонов для начала работы. Они очень полезны, чтобы помочь вам начать работу, если можно так выразиться, и часто могут быть более полезными, чем смотреть на пустую страницу.
Тем не менее, существует не так много шаблонов на выбор, и не думайте, что Dreamweaver сделает всю работу за вас: воспринимайте заполнители как источник вдохновения и настраивайте эти страницы самостоятельно..
Проверьте предварительный просмотр вашего сайта в реальном времени и перетаскивайте элементы прямо туда, где вы хотите (Изображение предоставлено: Adobe)
Создание сайта
Интерфейс разделен на различные разделы, которые можно настроить в некоторой степени. Боковая панель слева предоставляет вам доступ к общим командам, таким как открытие документов, управление файлами и параметры Live View..
На вкладках справа вы можете управлять файлами своего сайта и библиотеками CC. Существует список элементов, которые вы можете перетащить на свою страницу, а также раздел для создания каскадных таблиц стилей..
А основная часть интерфейса посвящена либо вашему коду, либо предварительному просмотру создаваемой вами страницы..
Проверьте, как будет выглядеть ваш сайт, смоделировав различные экраны и разрешения (Изображение предоставлено: Adobe)
Вы можете легко переключаться между просмотром полного предварительного просмотра вашей страницы (вместе с опциями для имитации того, как страница будет выглядеть на экранах разных размеров), только глядя на код или смесь двух.
Окно свойств поможет вам быстро изменить выделенные элементы (Изображение предоставлено Adobe).
Чтобы изменить части вашей страницы (например, изображение или текст), вызов плавающего окна «Свойства» позволит вам внести необходимые изменения. Существует даже простой способ перетаскивания целевого значка на другое изображение на вкладке «Файл» для быстрого и простого переключения изображений..
Несмотря на такие возможности, если вы не обладаете знаниями кодирования, вы очень быстро потеряетесь. Да, вы можете перетаскивать элементы со вкладки «Вставка» в предварительный просмотр страницы, но это займет у вас слишком много времени, и вы обнаружите, что вам придется быстро и часто углубляться в код, чтобы вносить изменения тебе нужно.
Тем не менее Dreamweaver пытается упростить задачу: выделите текст в разделе предварительного просмотра, и тот же текст будет выделен в коде, что сократит время, затрачиваемое на поиск этого же раздела. Обратное также верно: выделите некоторый код, а также раздел, касающийся выделения в области предварительного просмотра..
Вероятно, это одна из причин, почему мы считаем, что представление «Разделение» является лучшим вариантом, поскольку оно позволяет перетаскивать элементы, а затем погружаться в код, чтобы внести необходимые изменения за считанные секунды..
Подсказка по коду — это отличный способ автозаполнения при вводе текста (Изображение предоставлено Adobe)
Еще одним усовершенствованием, которое мы оценили, стали подсказки по коду: точно так же, как когда вы печатаете на телефоне, а интерфейс предлагает вам выбор слов, которые, как он думает, вы печатаете в настоящее время, вы можете выбрать правильное слово быстрее, чем набирать его полностью, начните писать. код в Dreamweaver, и вы получите подсказки, как вы это делаете. Это не только помогает вам писать быстрее, но и помогает точно набирать код и избегать опечаток. Мы считаем, что это может принести большую пользу как профессионалам, так и новичкам..
Последние дополнения с CC2020
Поскольку Dreamweaver постоянно обновляется, и вы можете загрузить последнюю версию в любое время, пока ваша подписка еще действует, новые функции добавляются и улучшаются постепенно. Как ни странно, два или наши фавориты — а именно редактирование в реальном времени и подсказки кода — некоторые из недавних улучшений.
Другой важный вариант — это новая конфигурация шрифтов для японского Dreamweaver, но, не зная этого языка, мы, к сожалению, не смогли это проверить..
Служба поддержки
«Справка» отправляет вас в онлайн-базу знаний Adobe Dreamweaver, в которой представлены учебные пособия и подробное руководство пользователя. Раздел форума может помочь вам найти других людей, у которых были похожие проблемы, с которыми вы, возможно, боретесь, и — надеюсь, — покажет вам, как их решить..
Если этого недостаточно, вы можете пообщаться с представителем Adobe. Когда мы проверили это, человек, с которым мы общались, вернулся с ответами, которые нам были нужны быстро.
Окончательный вердикт
Dreamweaver — это огромная и сложная программа, и этот обзор едва затронул ее, но мы надеемся, что вы увидите, что здесь есть, что любить. Существует множество функций, предназначенных для быстрого и эффективного создания сайтов, при условии, что вы не будете углубляться в код. Dreamweaver не сделает все за вас, но сделает все возможное, чтобы облегчить процесс создания.
Однако, если ваши знания HTML ограничены или даже отсутствуют, мы рекомендуем начать с другого приложения или службы, поскольку это может показаться слишком пугающим. И наоборот, если у вас уже есть подписка на Adobe Creative Cloud, у вас нет особых причин не попробовать эту программу, тем более что функции поддержки являются исчерпывающими, а служба поддержки очень хорошо осведомлена..
- Мы также выделили лучшее программное обеспечение для веб-дизайна
