Версии Dreamweaver CC 2017
Версия Dreamweaver CC за октябрь 2017 г. (18.0) теперь доступна! Дополнительная информация представлена в разделе Обзор новых возможностей.
Версия Dreamweaver CC 2017 содержит ряд новых возможностей и улучшений, в том числе поддержку Git, совершенно новый редактор кода, более удобный пользовательский интерфейс с возможностью выбора темной темы и обновленные обучающие материалы.
В этом разделе содержится краткое описание этих новых возможностей и улучшений.
Краткий обзор возможностей предыдущих версий Dreamweaver CC см. в разделе Обзор функций | Версии Dreamweaver CC 2015.
Выпуск Dreamweaver CC 2017.5 содержит следующие новые возможности и улучшения:
Более подробно о новых возможностях и улучшениях можно узнать в следующих разделах:
Новая версия Dreamweaver CC 2017.5 также поддерживает Git — систему управления исходным кодом. Благодаря добавлению поддержки Git легко управлять файлами, содержащими исходный код, из Dreamweaver.
Теперь выполнять основные операции Git можно напрямую из Dreamweaver, при этом отсутствует необходимость в использовании инструментов сторонних разработчиков. Новая панель Git («Windows» > «Git») предоставляет возможность выполнять различные операции Git, включая Commit, Push, Pull и Fetch.
Можно также использовать Git в качестве инструмента для совместной работы путем создания и объединения веток и удаленных репозиториев. Также можно просматривать различия между двумя версиями файлов, а также истории изменения файлов и репозитория.
Кроме этого, панель «Файлы» в Dreamweaver теперь поддерживает новое представление Git. С помощью этого представления можно просматривать и управлять неотслеживаемыми, измененными, подготовленными и зафиксированными файлами, связанными с вашим сайтом.
Более подробные сведения об использовании Git для управления версиями и совместной работы см. в разделе Использование Git в Dreamweaver.
В новой версии Dreamweaver CC 2017.5 поддерживаются две новые темы кода: Monaki и Classic. Эти темы кода содержат те же цвета кода, что и в версии Dreamweaver CC 2015.
Выберите пункт меню «Dreamweaver» > «Настройки» (для macOS) или «Редактирование» > «Настройки» > «Интерфейс» (для Windows), чтобы начать использование новых тем кода, благодаря которым код становится более разборчивым и визуально привлекательным.
При первом запуске Dreamweaver CC 2017.5 на экране приветствия отображается улучшенный интерфейс обучающих материалов. В новом режиме обучения демонстрируется одно из двух следующих видеопособий на основе выбранной рабочей среды:
Кроме этого, вам доступны два видеопособия из меню «Справка». Выберите «Справка» > «Краткое учебное пособие», чтобы просмотреть пособия.
Dreamweaver CC 2017.5 теперь интегрирован с новой версией CEF. Благодаря новой версии CEF в режиме интерактивного просмотра в Dreamweaver отображаются пользовательские элементы HTML, пользовательские свойства CSS и многое другое.
Dreamweaver CC 2017.1 предоставляет дополнительную поддержку написания кода благодаря следующим возможностям:
В этом разделе содержится краткое описание этих улучшений.
В предыдущих версиях Dreamweaver можно было использовать подсказки по коду и проверки анализатора для PHP 5.6. В Dreamweaver 17.1 можно работать с PHP версий 5.6 и 7.1.
Скомпилировать файлы PHP для сайта можно в версии 5.6 или 7.1 с помощью диалогового окна «Настройка сайта» или при переходе в меню Редактирование > Настройки.
Дополнительные сведения о поддержке PHP 7.1 см. в следующих статьях:
В эту версию входят важные улучшения функций поиска и замены.
Теперь можно выполнять поиск атрибутов и тегов с помощью диалогового окна «Поиск и замена» (Найти > Найти и заменить в файлах). Использовать это диалоговое окно можно, даже если в Dreamweaver не открыт ни один файл (например, при поиске в папке).
Кроме того, панель быстрого поиска и замены (Найти > Найти и заменить) перемещена в нижнюю часть рабочей среды Dreamweaver. Используйте эту панель для быстрого выполнения операций поиска и замены текста и атрибутов в текущем документе.
Более подробную информацию об операциях поиска и замены см. в разделе Поиск и замена текста, тегов и атрибутов. Ознакомиться со списком выявленных неполадок с операциями поиска и замены в Dreamweaver 17.1 можно в разделе Выявленные неполадки и исправленные дефекты в выпусках Dreamweaver CC 2017.
Новые сочетания клавиш для поиска и замены
Полный список сочетаний клавиш для поиска и замены см. в разделе Сочетания клавиш для поиска и замены.
Теперь расширение Campaign для Dreamweaver можно использовать для создания персонализированных почтовых рассылок.
Создание персонализированного содержимого очень важно для установления прямой связи с читателем и, по возможности, повышения показателей маркетинга за счет использования почтовых рассылок.
Если вы используете Dreamweaver для создания сообщений для почтовых рассылок, то можно ввести дополнительные усовершенствования, добавив персонализированное содержимое (например, имя читателя или персонализированное приглашение к действию) с использованием данных из Adobe Campaign.
Для начала загрузите расширение Campaign, щелкнув Окно > Расширения > Просмотр расширений, после чего создайте новый информационный бюллетень почтовой рассылки или отредактируйте существующий. После завершения разработки персонализируйте содержимое с использованием полей персонализации и блоков содержимого Campaign и продолжайте работу.
Dreamweaver автоматически выполнит синхронизацию с расширением Campaign, чтобы изменения, внесенные в содержимое в Dreamweaver, были доступны и в Campaign. После этого достаточно ввести адреса электронной почты получателей вашей электронной рассылки, чтобы отправить им персонализированные сообщения.
Дополнительные сведения см. в разделе Создание персонализированных кампаний почтовой рассылки.
Теперь можно создавать и настраивать темы кода на основе стандартных светлой и темной тем. После этого можно настроить цвета кода, изменяя соответствующие селекторы в файле темы.
Выберите стандартную светлую или темную тему кода в меню «Редактирование» > «Настройки» > «Интерфейс» и, если необходимо изменить цвета кода, сохраните тему с новым именем, после чего приступите к редактированию файла темы.
Дополнительные сведения о настройке цветов кода см. в разделе Настройка цветового оформления кода.
Эта версия также содержит исправления для ряда ошибок. Дополнительные сведения об исправленных ошибках см. в разделе Выявленные неполадки и исправленные ошибки в версиях Dreamweaver CC 2017.
Версия Adobe Dreamweaver CC 2017 содержит полностью обновленный редактор кода, интуитивно понятный пользовательский интерфейс с возможностью выбора темной и светлой темы, а также ряд улучшений, в том числе поддержку новых технологических процессов (например, препроцессоров CSS).
Полный список новых возможностей и изменений в Dreamweaver CC 2017 доступен в следующих разделах:
В редактор кода Dreamweaver внесен ряд усовершенствований, связанных с производительностью, которые позволят быстро и эффективно справляться с задачей написания кода.
Подсказки по коду помогают новым пользователям изучить HTML, CSS и другие веб-стандарты, а визуальные средства, такие как автоматические отступы, цветовое оформление кода и шрифты с изменяемым размером, позволяют избежать ошибок и облегчают чтение кода.
Улучшена функциональность подсказок по коду в Dreamweaver для предоставления более полезной информации для выделенного кода.
В предыдущих версиях Dreamweaver при вводе левой угловой скобки просто появлялся раскрывающийся список релевантного кода.
В данной версии Dreamweaver вы получите не только варианты соответствующего кода, но и дополнительную информацию, которая позволит использовать все возможности HTML, CSS и других веб-технологий в рамках самого Dreamweaver.
Дополнительные сведения см. в разделе Подсказки по коду и автозавершение кода.
Улучшился общий вид кода за счет повышения его читабельности. Заметные улучшения в форматировании и цветовом оформлении кода.
Форматирование кода
При написании кода в Dreamweaver выполняется его автоматическое выравнивание, чтобы избежать ввода ошибочного отступа вручную и повысить удобочитаемость текста.
Цветовое оформление кода
Теперь Dreamweaver поддерживает цветовое оформление кода для ряда дополнительных типов файлов.
Цветовое оформление кода теперь поддерживается для HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML и YAML.
Подсветку синтаксиса для различных типов файлов можно изменить непосредственно из строки состояния в представлении кода.
Дополнительные сведения обо всех этих изменениях см. в разделе Среда написания кода в Dreamweaver.
Теперь Dreamweaver поддерживает распространенные препроцессоры CSS, например Sass, Less и SCSS. Такие функции, как цветовое оформление кода и компиляция, позволяют сэкономить время и повысить качество кода.
Дополнительные сведения о поддержке препроцессоров CSS в Dreamweaver см. в разделе Использование препроцессоров CSS в Dreamweaver.
Сразу просматривайте результаты изменения кода в браузере без необходимости обновлять страницу вручную. Теперь Dreamweaver подключается к вашему браузеру, поэтому все новые изменения немедленно отображаются в нем без необходимости перезагружать страницу.
Дополнительные сведения см. в разделе Просмотр в реальном времени в браузере.
Для быстрого внесения правок в код поместите курсор на нужный фрагмент кода и используйте контекстное меню или нажмите Ctrl + E (в Windows) или Cmd + E (в Mac OS) для перехода в режим быстрого редактирования.
Dreamweaver предоставляет соответствующие для данного контекста параметры кода и встроенные инструменты.
Дополнительные сведения см. в разделе Быстрое редактирование.
Dreamweaver предоставляет контекстную документацию по свойствам CSS прямо в представлении кода.
Теперь нет необходимости переходить из Dreamweaver на веб-страницу для изучения свойств CSS или обращения к ним. Чтобы получить справку по свойствам CSS, нажмите Ctrl + K (Windows) или Cmd + K (Mac).
Дополнительные сведения см. в разделе Получение справки по CSS в Dreamweaver с помощью функции «Быстрые документы».
Для одновременного ввода нескольких строк кода используйте дополнительные курсоры.
Эта возможность позволяет значительно повысить производительность, поскольку вам не придется по несколько раз писать одну и ту же строчку кода.
Чтобы создать дополнительные курсоры, выполните следующие действия.
Дополнительные сведения см. в разделе Использование дополнительных курсоров для добавления или изменения текста в нескольких местах.
Переработан дизайн приложения Dreamweaver: более интуитивно понятный и настраиваемый интерфейс обеспечивает быстрый доступ к меню и панелям, а также включает в себя настраиваемую контекстную панель инструментов, где отображаются только необходимые значки.
Новый интерфейс также предлагает выбрать один из четырех уровней контрастности — от светлого до темного — что облегчает восприятие и упрощает редактирование кода.
Ниже приведены снимки экрана, на которых отображены прежний и новый варианты пользовательского интерфейса.
Меню, панели инструментов и рабочие среды Dreamweaver также были переработаны в этой версии. В следующих разделах можно узнать подробнее об этих изменениях.
Интерфейс Dreamweaver оптимизирован и теперь включает следующие рабочие среды по умолчанию.
Эта рабочая среда является минимальной и по умолчанию содержит только самые необходимые инструменты для разработчиков, пишущих код для веб-сайтов: например, панели «Файлы» и «Фрагменты кода».
Эта рабочая среда содержит все необходимое для работы как с кодом, так и с дизайном: панели «Файлы», CC Libraries, «Конструктор CSS», «Вставка», «DOM», «Ресурсы» и «Фрагменты кода».
После выбора рабочей среды можно настроить ее, добавляя или удаляя панели. Дополнительные сведения о настройке рабочей среды см. в разделе Создание пользовательских рабочих сред.
Ниже представлена сводная информация о различиях в рабочих средах, представленных в Dreamweaver CC 2015 и Dreamweaver CC 2017.
Дополнительные сведения об изменениях рабочей среды см. в разделе Рабочая среда Dreamweaver.
Меню приложения было обновлено: некоторые редко используемые пункты были удалены из него, другие —перенесены в более интуитивно ожидаемые места.
Подробное описание изменений в меню приложения Dreamweaver см. в разделе Переработанные меню.
Панель инструментов теперь является общей для всех представлений. На панели инструментов отображаются только инструменты, необходимые для представления, в котором вы работаете.
Однако панель инструментов можно настроить для отображения необходимого набора инструментов.
Дополнительные сведения см. в разделе Обзор панели инструментов.
Строка состояния теперь отображает полезную информацию при работе в представлении кода.
Теперь вы можете:
Дополнительные сведения см. в разделе Обзор строки состояния.
Панель для работы с фрагментами кода теперь имеет обновленный внешний вид. Она также была переработана для упрощения процесса вставки фрагментов кода.
На следующем изображении выделены основные изменения на панели «Фрагменты кода»:
В предыдущих версиях Dreamweaver требовалось вставлять фрагменты кода с помощью сочетаний клавиш.
Вставка фрагментов кода с помощью сочетаний клавиш затрудняла работу по следующим причинам:
В данной версии Dreamweaver для вставки фрагментов кода можно использовать ключи триггера.
Ключи триггера — это понятные пользователю текстовые строки, назначенные фрагментам кода. Например, для фрагмента кода, который создает ссылку mailto, можно ввести «mailto:» и сделать этот текст ключом триггера.
После этого поместите курсор в требуемое место документа, введите «mailto» и нажмите клавишу Tab. При этом Dreamweaver вставит связанный фрагмент кода в документ.
Дополнительные сведения об использовании панели «Фрагменты кода» см. в разделе Повторное использование кода с фрагментами.
Панель «Файлы» переработана и стала более простой и интуитивно понятной для использования.
В простейшем случае панель «Файлы» отображает список только локальных файлов на вашем компьютере. При дальнейшей работе с панелью «Файлы» (настройка веб-сайта, установка подключения к удаленным серверам, включение извлечения и возврата файлов) в ней появляются дополнительные параметры.
Дополнительные сведения об изменениях на панели «Файлы» см. в разделе Переработанная панель «Файлы».
При запуске Dreamweaver или закрытии всех документов отображается новая рабочая среда «Начало работы». Рабочая среда «Начало работы» предоставляет удобный доступ к недавно использованным файлам, библиотекам и начальным шаблонам.
Если вы предпочитаете прежние версии диалоговых окон, то можете по-прежнему использовать сочетания клавиш Ctrl/Cmd + O для отображения диалогового окна «Открыть» и Ctrl/Cmd + N для отображения диалогового окна «Создать документ».
Чтобы помочь вам использовать все возможности, появившиеся в рабочей среде Dreamweaver CC 2017, мы подготовили для вас обучающие материалы. Они позволят быстро выполнить настройку приложения, получив рабочую среду с темой и инструментами по своему вкусу.
Дополнительные сведения см. в разделе Рабочая среда Dreamweaver.
Новая ненавязчивая панель инструментов «Поиск и замена» находится в верхней части окна, не закрывая при этом других частей экрана.
Операции поиска и замены в целом стали быстрей и эффективней по сравнению с предыдущими версиями Dreamweaver. Dreamweaver теперь выполняет поиск строк по мере ввода текста на панели «Поиск» и подсвечивает все вхождения заданной строки в текущем документе.
Более подробную информацию см. в разделе Поиск и замена текста.
Выполняйте архивацию и восстановление, добавляйте комментарии и просматривайте историю версий всех ваших ресурсов в Creative Cloud Libraries, включая мобильные проекты, файлы в библиотеках Creative Cloud и ресурсы, созданные в приложениях CC для настольных компьютеров.
Если приложение Dreamweaver неожиданно завершило свою работу из-за системных ошибок, отключения электропитания или других проблем, то можно восстановить все несохраненные изменения, внесенные в файлы, с которыми вы работали.
Дополнительные сведения см. в разделе Автоматическое восстановление файлов
Вход в учетную запись