Новые возможности CS6

Обновления Creative Cloud позднее CS6

Обновление 12.1, 24 сентября 2012 г.: 

Описание новых возможностей этого выпуска см. в статье Новые возможности | Creative Cloud.

Обновление 12.2, 14 февраля 2013 г.:

Описание новых возможностей этого выпуска см. в статье Новые возможности | Creative Cloud | Фев 2013

Учебные видеопособия

Учебные видеопособия о новых возможностях Dreamweaver CS теперь доступны на Adobe TV (http://www.adobe.com/go/learn_dwcs6_adobetv_ru).

Новый диспетчер сайта

Диалоговое окно «Управление веб-сайтами» («Сайты»> «Управление веб-сайтами») выглядит иначе, но большинство функциональных возможностей остались прежними. Дополнительные функции включают возможность создавать или импортировать сайты Business Catalyst.

«Резиновые» макеты CSS на основе сетки

Воспользуйтесь надежными новыми «резиновыми» макетами сетки в Dreamweaver («Создать > Создать «резиновый» макет сетки») для создания адаптивных макетов CSS, реагирующих на изменение размера экрана. При создании веб-страницы с «резиновой» сеткой макет и его компоненты автоматически настраиваются на устройство, на котором пользователь просматривает эту страницу: настольный компьютер, планшет или смартфон.

Переходы CSS3

Используйте новую панель переходов CSS для применения плавных изменений свойства к элементам основанных на CSS страниц, реагирующих на события активации, такие как наведение указателей, щелчок или фокусировка. (Распространенный пример — элемент строки меню, который постепенно меняет цвет при наведении на него курсора.) Теперь создавать переходы CSS можно как с поддержкой уровня кода, так и в новой панели «Переходы CSS» («Окно > Переходы CSS»).

Выбор нескольких классов CSS

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

Диалоговое окно «Выбор нескольких классов» можно открыть из нескольких мест:

  • Инспектор свойств HTML (выберите в меню «Применить несколько классов»)
  • Всплывающее меню «Целевое правило» инспектора свойств CSS
  • Контекстное меню селектора тегов внизу окна документа (щелкните правой кнопкой мыши тег и выберите «Задать класс» > «Применить несколько классов».)
Adobe TV: выбор нескольких классов в Dreamweaver CS6

Интеграция с PhoneGap Build

Благодаря прямой интеграции с восхитительным новым сервисом PhoneGap пользователи Dreamweaver CS6 могут создавать собственные приложения для мобильных устройств, используя имеющиеся навыки работы с HTML, CSS и JavaScript. После входа в PhoneGap Build через панель PhoneGap Build («Сайт > PhoneGap Build») можно выполнить построение веб-приложения непосредственно в службе PhoneGap Build и загрузить полученное мобильное приложение либо на локальный компьютер, либо на мобильное устройство. Сервис PhoneGap Build управляет вашим проектом и позволяет вам создавать собственные приложения для самых популярных мобильных платформ, включая Android, iOS, Blackberry, Symbian и webOS.

jQuery Mobile 1.0 и цветовые образцы jQuery Mobile

jQuery Mobile 1.0

Dreamweaver CS6 поставляется вместе с jQuery 1.6.4, а также с файлами jQuery Mobile 1.0. Начальные страницы jQuery Mobile доступны из диалогового окна «Новый документ» («Файл» > «Новый» > «Страница из образца» > «Начало работы с JQuery Mobile»). Также теперь при создании мобильных страниц jQuery можно выбрать между двумя видами файлов CSS: полные файлы CSS или файлы CSS, разделенные на структурные компоненты и темы.

Цветовые образцы jQuery Mobile

Предварительный просмотр всех образцов (тем) в файле CSS jQuery Mobile доступен с помощью новой панели «Цветовые образцы jQuery Mobile» («Окно» > «Цветовые образцы jQuery Mobile Swatches»). Используйте панель, чтобы применить образцы или удалить их из различных элементов веб-страницы jQuery mobile. Используйте эту функцию, чтобы применить образцы отдельно к заголовкам, спискам, кнопкам и другим элементам.

Интеграция с Business Catalyst

Новые сайты Business Catalyst

Теперь можно создать новый пробный сайт Business Catalyst непосредственно из Dreamweaver и исследовать широкие возможности, предоставляемые Business Catalyst вашим клиентам и проектам.

Панель Business Catalyst

После выполнения входа на веб-сайт Business Catalyst можно вставлять и настраивать модули Business Catalyst непосредственно из панели Business Catalyst («Окно > Business Catalyst») в Dreamweaver. Предоставляется доступ к богатому набору функций, таких как каталоги продуктов, интеграция с блогами и социальными сетями, корзины покупок и другие. Интеграция обеспечивает возможность оптимальной работы с локальными файлами в Dreamweaver и содержимым базы данных Business Catalyst для вашего сайта.

Веб-шрифты

Теперь в Dreamweaver можно использовать для оформления веб-шрифты (такие как Google или Adobe Fonts). Сначала воспользуйтесь диспетчером веб-шрифтов («Изменение»> «Веб-шрифты») для импорта веб-шрифтов на сайт Dreamweaver. Веб-шрифт станет доступен для использования на веб-страницах.

Упрощенная оптимизация PSD

Диалоговое окно Dreamweaver CS5 «Просмотр изображения» теперь называется диалоговым окном «Оптимизация изображения». Чтобы открыть это диалоговое окно, выберите изображение в окне документа и нажмите кнопку «Изменить параметры изображения» в инспекторе свойств.  Некоторые параметры из предыдущего диалогового окна CS5 «Просмотр изображения» теперь отображаются в инспекторе свойств.

Мгновенный просмотр изображения в представлении «Оформление» соответствует изменению параметров в диалоговом окне «Оптимизация изображения».

Улучшения для передачи по FTP

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

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

Подробнее см. здесь: http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html.

Логотип Adobe

Вход в учетную запись