Dreamweaver – HTML-редактор от компании Adobe, который помимо своей основной функции, разборка HTML-кода путем подсветки его частей в разные цвета, оброс уймой других полезных, и не очень, функций. В первую очередь перечислю то, что уже не удивляет: поддержка CSS, JavaScript и PHP. По факту он поддерживает намного больше языков, но они, как правило, не имеют отношения к web-разработке.
Особенности и преимущества Dreamweaver
Однако нынче этим мало кого можно удивить. А вот функция афтопродолжения заслуживает похвалы. Работает это так: стоит вам начать вводить слово, как программа сразу же предложить вам закончить его через список из всех возможных слов, начинающихся на эти буквы. Кроме это, он предложит вам все атрибуты того, или иного тега/стиля стоит только вам его завершить, а в Dreamweaver 2017 СС, именно эту версию программы мы будем рассматривать в этой статье, список будет оснащен дополнительными подсказками, кратко описывающими принцип работы прописсаного элемента и его параметров.
Dreamweaver поддерживает все модные штучки, к примеру, такие препроцессоры как SCSS и SASS, позволяющие писать CSS код быстрее. К сожалению, тем отдающим предпочтение SASS придется забыть о вышеупомянутом функции автозаполнении, которая без проблем работает с SCSS.
Все это напоминает изготовление стола, а точнее долгожданное объединение зашкуреного стола с меламиновой кромкой. И если раньше столом был HTML-редактор, то теперь можно сказать, что это была всего лишь меламиновая кромка. И сейчас я покажу почему.
Dreamweaver имеет стандартную и редактируемую библиотеку сокращений, которая позволит превращать короткую запись в готовый код с указанными параметрами. Кроме того, он поддерживают модное нынче «формулы», которое позволяющее превращать незамысловатые формулы в нужную структуру HTML тагов. Пример работы этих функций вы можете увидеть на картинке справа.
Еще одна немаловажная функция, которая является альтернативой не простому в использовании GULP, это Просмотр в реальном времени (вкладка «Файл»). Она позволяет вам видеть все изменения рабочего документа в режиме реального времени на специальной странице браузера. Функция в сравнении с альтернативой имеет как плюсы, так и минусы. Для отображения изменений не нужно сохранять докумен. К сожалению, при изменении в css и js файлах, подключенных отдельно, в отличии от функции GULP, не происходит авто-обновления страницы. Увидеть эти изменения можно только обновив страницу вручную.
Однако, эта функция блекнет, если не считать её пользу в оптимизации страниц под мобильные устройства (на адрес страницы вы можете зайти через смартфон), в сравнении с режимом интерактивного просмотра, который имеет много дополнительных инструментов, полезных при верстке страниц. Его вы можете включить как отдельно, так и на пополам с вашим кодом, а чтоб не испытывать ни малейшего дискомфорта – воспользуйтесь комбинацией клавиш ctr+ и ctr-.
Множество других функций, таких как: фрагменты кода – внедрение стандартных заготовок и возможность добавлять свои, удаление комментариев (кнопкой, которую глючит), форматирование исходного кода к структурированному по уровню виду, можно работать в одном окне, или разделив экран на две части (код-код, код-интерактивный просмотр, код-дизайн), гибкая настройка (позволяет поместить окно просмотра, как сверху, так и с боку, как слева, так и справа) и многое другое.
Со всеми прочими не маловажными «плюшками» вы можете ознакомится из вот этой серии видео.
loading...
