Обзор новых возможностей

Dreamweaver 13.1 — это обновление Dreamweaver CC (13.0). Для него необходима установка Dreamweaver CC (13.0) на вашем компьютере. Перечень новых возможностей Dreamweaver CC (13.0) см. в разделе Новые возможности Dreamweaver CC.

Теперь можно использовать палитру цветов для выбора широкого диапазона цветов в таких компонентах Dreamweaver, как Конструктор CSS, панель «Ресурсы» и «Настройки».

Новая палитра цветов в Dreamweaver позволяет:

• выбирать цвета из разных цветовых моделей (RGBa, HSLa) или с помощью шестнадцатеричного кода цвета; Корректировать яркость (f) и непрозрачность (e) цвета по мере необходимости. Сохранять различные сочетания цветов в виде цветовых образцов.
  • Чтобы вернуться от вновь заданного цвета к исходному, щелкните исходный цвет (В).
  • Для изменения порядка расположения цветовых образцов перетащите цветовые образцы в нужное положение.
  • Чтобы удалить цветовой образец, перетащите его за пределы панели.
• используйте инструмент «Пипетка» (h), чтобы выбрать цвет любого места на экране компьютера; Чтобы выбрать цвет из приложений, отличных от Dreamweaver, удерживая кнопку мыши, переместите курсор над необходимым цветом и отпустите кнопку мыши.

Улучшения Cloud Sync

Сочетания клавиш и синхронизация среды

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

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

Улучшения диалогового окна «Установки»

Кнопка «ОК» в диалоговом окне «Установки» заменена на кнопку «Применить», чтобы можно было изменять настройки в нескольких категориях и применять изменения, не закрывая диалоговое окно.

Улучшения в конструкторе CSS

Интерактивное выделение

При редактировании свойств селектора CSS в версиях до Dreamweaver 13.1 было невозможно определить элементы страницы, на которые повлияют изменения.

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

Дополнительные сведения см. в разделе Определение элементов страницы, связанных с селектором CSS.

Сохранение и восстановление контекста

В Dreamweaver применена функция сохранения и восстановления контекста для сохранения исходного контекста панели конструктора CSS при всех операциях редактирования/добавления/удаления.

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

Сохранение и восстановление контекста устраняет эти проблемы.

Увидеть в действии сохранение и восстановление контекста можно в следующих сценариях.

• Отслеживание правил CSS: щелкните любой селектор на панели селекторов. Обновлен IP в коде CSS
• Удаление свойств в тексте/рамке или в любой другой категории. Панель свойств не потеряет контекст.
• Прокрутки и вкладки внутри панели свойств поддерживаются с помощью селекторов. Если вы перейдет к границе в одном селекторе, а затем перейдете к другому селектору, вы по-прежнему будете видеть на панели свойств отображение категории границы.

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

Улучшения представления кода

Выделение номера строки

Номера строк, в которых имеется IP-адрес, выделяются в представлении кода, интерактивном коде, представлении конструктора, интерактивном просмотре и в инспекторе кода. Номера строк также выделяются в случае синтаксических ошибок.

Выделение тегов и атрибутов

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

Цвет выделения тегов можно изменить в настройках (цвета кода).

Подсказка кода для селекторов CSS

Подсказки кода для класса и идентификаторы, присутствующие в родительских html-файлах, теперь можно увидеть в файлах CSS, LESS, SASS, SCSS вместе с встроенным тегом стиля.

Dreamweaver предоставляет подсказки кода при печати, или # в соответствующем файле CSS, или во встроенных тегах стиля родительского файла HTML.

Сочетания клавиш для перехода в начало или конец текущей строки

• В ОС Mac: Cmd + стрелка влево, чтобы перейти к началу текущей строки, Cmd + стрелка вправо, чтобы перейти в конец текущей строки.
• В Win: Ctrl + стрелка влево, чтобы перейти к началу текущей строки, Ctrl + стрелка вправо, чтобы перейти в конец текущей строки.

Сочетания клавиш можно настроить в разделе «Редактирование» > «Комбинации клавиш» > «Команды» > «Редактирование кода».

Интеграция с CEF

Пакет Dreamweaver теперь интегрирован с инфраструктурой CEF (Chromium Embedded Framework), программой с открытым исходным кодом на основе проекта Google Chromium. Эта интеграция позволяет Dreamweaver управлять загрузкой ресурсов, навигацией контекстными меню, печатью и другими функциями, используя преимущества производительности и новых технологий HTML5, доступных в браузере Google Chrome.

Дополнительные сведения см. в разделе Интеграция с CEF.

Примечание. Из-за интеграции с CEF необходимо изменить способ применения <mm:browsercontrol> во время разработки расширения. Подробные сведения см. в этой статье.

Поддержка PHP 5.4

Полная поддержка PHP 5.4 (без синтаксических ошибок).

Обновление Adobe Extension Manager

Новые возможности Adobe Extension Manager 7.1 облегчают загрузку расширений и поддержание их актуальности.

Улучшения в Adobe Exchange

• Ранее любое содержимое для Adobe Exchange требовалось упаковывать в формат ZXP с помощью упаковщика Adobe Exchange. Adobe Exchange и Extension Manager были обновлены, чтобы позволить передавать и устанавливать файлы любого типа. Это означает, что Adobe Exchange может поддерживать больше приложений Adobe СС и значительно больше содержимого. Adobe Exchange будет включать отобранный совместимый контент из Adobe Exchange Classic и Photoshop Marketplace.

• Теперь любой сможет отправить файлы на портале производителя Adobe Exchange. При выборе этой опции Adobe Exchange упаковывает содержимое автоматически как неархивированный файл ZXP, и Extension Manager устанавливает его в папку загрузок пользователя, где он доступен для загрузки тем же способом, что и более сложные динамические расширения. Эта новая поддержка контента работает с любым приложением для настольных систем Exchange, совместимым с СС, например Photoshop® СС, InDesign® СС, Illustrator® СС, Dreamweaver® СС, InCopy® СС, Prelude® СС и Premiere® Pro СС.

Обновление расширений непосредственно через Adobe Extension Manager

Расширение, предлагаемое через Extension Manager, теперь может предоставить ссылку на обновления, указывающую на данные обновления на сервере обновления поставщика. Extension Manager показывает обновления, которые доступны в этом местоположении, и позволяет пользователю запускать обновления. Можно обеспечить загрузку URL-адреса для пакета ZXP — в этом случае Extension Manager автоматически выполняет загрузку и установку. Или можно указать на страницу с инструкциями, позволяющими пользователю загрузить и установить обновление вручную.