Версии Dreamweaver CC 2017

Примечание.

Версия Dreamweaver CC за октябрь 2017 г. (18.0) теперь доступна! Дополнительная информация представлена в разделе Обзор новых возможностей.

dreamweaver_facebook_profile

Версия Dreamweaver CC 2017 содержит ряд новых возможностей и улучшений, в том числе поддержку Git, совершенно новый редактор кода, более удобный пользовательский интерфейс с возможностью выбора темной темы и обновленные обучающие материалы. 

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

Краткий обзор возможностей предыдущих версий Dreamweaver CC см. в разделе Обзор функций | Версии Dreamweaver CC 2015.


Adobe Dreamweaver CC, версия 2017.5

Выпуск Dreamweaver CC 2017.5 содержит следующие новые возможности и улучшения:

Более подробно о новых возможностях и улучшениях можно узнать в следующих разделах:

Поддержка Git в Dreamweaver

Новая версия Dreamweaver CC 2017.5 также поддерживает Git — систему управления исходным кодом. Благодаря добавлению поддержки Git легко управлять файлами, содержащими исходный код, из Dreamweaver.

Теперь выполнять основные операции Git можно напрямую из Dreamweaver, при этом отсутствует необходимость в использовании инструментов сторонних разработчиков. Новая панель Git («Windows» > «Git») предоставляет возможность выполнять различные операции Git, включая Commit, Push, Pull и Fetch.

Можно также использовать Git в качестве инструмента для совместной работы путем создания и объединения веток и удаленных репозиториев. Также можно просматривать различия между двумя версиями файлов, а также истории изменения файлов и репозитория. 

Кроме этого, панель «Файлы» в Dreamweaver теперь поддерживает новое представление Git. С помощью этого представления можно просматривать и управлять неотслеживаемыми, измененными, подготовленными и зафиксированными файлами, связанными с вашим сайтом. 

Более подробные сведения об использовании Git для управления версиями и совместной работы см. в разделе Использование Git в Dreamweaver.

Использование Git в Dreamweaver
Использование Git в Dreamweaver

Новые темы кода

В новой версии Dreamweaver CC 2017.5 поддерживаются две новые темы кода: Monaki и Classic. Эти темы кода содержат те же цвета кода, что и в версии Dreamweaver CC 2015. 

Выберите пункт меню «Dreamweaver» > «Настройки» (для macOS) или «Редактирование» > «Настройки» > «Интерфейс» (для Windows), чтобы начать использование новых тем кода, благодаря которым код становится более разборчивым и визуально привлекательным.

Новые темы кода в выпуске Dreamweaver 2017.5 — Monaki и Classic
Новые темы кода в выпуске Dreamweaver 2017.5 — Monaki и Classic

Обновлены обучающие материалы

При первом запуске Dreamweaver CC 2017.5 на экране приветствия отображается улучшенный интерфейс обучающих материалов. В новом режиме обучения демонстрируется одно из двух следующих видеопособий на основе выбранной рабочей среды:

  • Краткое учебное пособие по использованию рабочей среды разработчика
  • Краткое учебное пособие по использованию стандартной рабочей среды
Обновлены обучающие материалы в Dreamweaver
Обновлены обучающие материалы в Dreamweaver 2017.5

Кроме этого, вам доступны два видеопособия из меню «Справка». Выберите «Справка» > «Краткое учебное пособие», чтобы просмотреть пособия.

Доступ к новым обучающим видеопособиям из меню «Справка» в Dreamweaver
Доступ к новым обучающим видеопособиям из меню «Справка»

Другие улучшения

Dreamweaver CC 2017.5 теперь интегрирован с новой версией CEF. Благодаря новой версии CEF в режиме интерактивного просмотра в Dreamweaver отображаются пользовательские элементы HTML, пользовательские свойства CSS и многое другое.

Adobe Dreamweaver CC, версия 2017.1

Dreamweaver CC 2017.1 предоставляет дополнительную поддержку написания кода благодаря следующим возможностям:

В этом разделе содержится краткое описание этих улучшений.

Поддержка PHP 7.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.

Новые сочетания клавиш для поиска и замены

  • Поиск в текущем документе: Ctrl + F (в Windows) и Cmd + F (в Mac). 
  • Поиск и замена в файлах: Ctrl + Shift + F (в Windows) и Cmd + Shift + F (в Mac). 
  • Замена в текущем документе: Ctrl + H (в Windows) и Cmd + Alt + F (в Mac)

Полный список сочетаний клавиш для поиска и замены см. в разделе Сочетания клавиш для поиска и замены.

Обновление до версии Dreamweaver CC 2017 (17.0.2)

Создание кампаний почтовой рассылки с помощью Dreamweaver с Campaign

Теперь расширение Campaign для Dreamweaver можно использовать для создания персонализированных почтовых рассылок. 

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

Если вы используете Dreamweaver для создания сообщений для почтовых рассылок, то можно ввести дополнительные усовершенствования, добавив персонализированное содержимое (например, имя читателя или персонализированное приглашение к действию) с использованием данных из Adobe Campaign.

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

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

Дополнительные сведения см. в разделе Создание персонализированных кампаний почтовой рассылки.

Обновление до версии Dreamweaver CC 2017 (17.0.1)

Встроенная поддержка цветового оформления кода

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

Выберите стандартную светлую или темную тему кода в меню «Редактирование» > «Настройки» > «Интерфейс» и, если необходимо изменить цвета кода, сохраните тему с новым именем, после чего приступите к редактированию файла темы. 

Дополнительные сведения о настройке цветов кода см. в разделе Настройка цветового оформления кода.

Примечание.

Эта версия также содержит исправления для ряда ошибок. Дополнительные сведения об исправленных ошибках см. в разделе Выявленные неполадки и исправленные ошибки в версиях Dreamweaver CC 2017.

Версия Dreamweaver CC 2017 (17.0)

Версия 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.

Поддержка препроцессоров CSS

Теперь Dreamweaver поддерживает распространенные препроцессоры CSS, например Sass, Less и SCSS. Такие функции, как цветовое оформление кода и компиляция, позволяют сэкономить время и повысить качество кода.

Дополнительные сведения о поддержке препроцессоров CSS в Dreamweaver см. в разделе Использование препроцессоров CSS в Dreamweaver.

Просмотр в реальном времени в браузере

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

Просмотр изменений в реальном времени в браузере
Просмотр изменений в реальном времени в браузере

Дополнительные сведения см. в разделе Просмотр в реальном времени в браузере.

Быстрое редактирование связанных файлов кода (Функция быстрого редактирования)

Для быстрого внесения правок в код поместите курсор на нужный фрагмент кода и используйте контекстное меню или нажмите Ctrl + E (в Windows) или Cmd + E (в Mac OS) для перехода в режим быстрого редактирования.

Dreamweaver предоставляет соответствующие для данного контекста параметры кода и встроенные инструменты.

Дополнительные сведения см. в разделе Быстрое редактирование.

Редактировать связанный код можно без открытия нескольких файлов или вкладок
Редактировать связанный код можно без открытия нескольких файлов или вкладок

Контекстная документация CSS (Быстрые документы)

Dreamweaver предоставляет контекстную документацию по свойствам CSS прямо в представлении кода.

Теперь нет необходимости переходить из Dreamweaver на веб-страницу для изучения свойств CSS или обращения к ним. Чтобы получить справку по свойствам CSS, нажмите Ctrl + K (Windows) или Cmd + K (Mac).

Система справки «Быстрые документы» для CSS в интерфейсе представления кода Dreamweaver
Система справки «Быстрые документы» для CSS в интерфейсе представления кода Dreamweaver

Дополнительные курсоры для написания и редактирования кода

Для одновременного ввода нескольких строк кода используйте дополнительные курсоры. 

Эта возможность позволяет значительно повысить производительность, поскольку вам не придется по несколько раз писать одну и ту же строчку кода.

Чтобы создать дополнительные курсоры, выполните следующие действия.

  • Чтобы добавить курсоры к нескольким смежным строкам, удерживайте нажатой клавишу Alt, после чего щелкните мышью в требуемом месте и выполните перетаскивание по вертикали. 
  • Чтобы добавить курсоры к нескольким несмежным строкам, нажмите клавишу Ctrl, после чего выберите строки, в которые нужно поместить курсор.
  • Чтобы выделить текст в нескольких смежных строках, удерживайте нажатой клавишу Alt и выполните перетаскивание по диагонали.
  • Чтобы выделить текст в нескольких несмежных строках, выделите какой-либо текст, после чего, удерживая нажатой клавишу Ctrl (Windows) или Cmd (Mac), продолжайте выделять другие элементы. 
Multicursor-GIF3

Современный пользовательский интерфейс

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

Новый интерфейс также предлагает выбрать один из четырех уровней контрастности — от светлого до темного — что облегчает восприятие и упрощает редактирование кода.

Ниже приведены снимки экрана, на которых отображены прежний и новый варианты пользовательского интерфейса.

Modern user interface_2
Пользовательский интерфейс — версии Dreamweaver 2015

newUI
Новый пользовательский интерфейс — версия Dreamweaver CC 2017


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

Изменения в рабочей среде

Интерфейс Dreamweaver оптимизирован и теперь включает следующие рабочие среды по умолчанию.

  • Рабочая среда разработчика

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

  • Стандартная рабочая среда 

Эта рабочая среда содержит все необходимое для работы как с кодом, так и с дизайном: панели «Файлы», CC Libraries, «Конструктор CSS», «Вставка», «DOM», «Ресурсы» и «Фрагменты кода».

Примечание.

После выбора рабочей среды можно настроить ее, добавляя или удаляя панели. Дополнительные сведения о настройке рабочей среды см. в разделе Создание пользовательских рабочих сред.

Ниже представлена сводная информация о различиях в рабочих средах, представленных в Dreamweaver CC 2015 и Dreamweaver CC 2017.

Dreamweaver CC 2015

  • Для начинающих
  • Код
  • По умолчанию
  • Дизайн
  • Extract

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 Libraries, включая мобильные проекты, файлы в библиотеках Creative Cloud и ресурсы, созданные в приложениях CC для настольных компьютеров.

Автоматическое восстановление файлов после сбоя

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

Дополнительные сведения см. в разделе Автоматическое восстановление файлов

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет