Adobe Dreamweaver

Обзор


Содержание сайта
Комбинированные редакторы л. 1
Adobe Dreamweaver Обзор 

Содержание

О Creative Cloud
Новое в последних версиях

Основные шаги

Настройки программы

Интерфейс

Работа с сайтами Dreamweaver

Создание документов (страниц)

Управление файлами и папками

Заметки разработчика

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

Макет страниц

Работа с объектами
Список объектов

Фреймы (рамки)
Использование тега DIV
Элементы AP
JavaScript
Цвет
Создание ссылок и навигация

Управление файлами и папками

Совместная работа Dreamweaver с Photoshop, Fireworks, Adobe Flash и др. приложениями

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


Поиск на сайте
Ресурсы и библиотеки
Расширения

Шаблоны

Работа с кодом

Использование сетевых служб
Adobe


Отображение XML-данных с
помощью XSLT


Создание динамических
страниц


Создание форм

Специальные возможности

Сайты для разных экранов и устройств

Предварительный просмотр
Проверка сайта

Отчеты в Dreamweaver

Программа передачи файлов (FTP)


Новое в Dreamweaver CC


CSS Designer - Проектировщик CSS

(В Adobe Dreamweaver CC)

Очень интуитивный визуальный редактирующий инструмент, который помогает Вам производить чистый стандартный код.

Используя этот инструмент, Вы можете быстро рассмотреть и редактировать стили, которые относятся к специфическому контексту (или элементу страницы).

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

На рисунке слева - Панель Styles CSS (в Dreamweaver CC)

Для сравнения - Панель стилей для Dreamweaver CS 6 (и более ранних версий)




Виджеты jQuery

Вставьте аккордеоны, кнопки, вкладки и много других виджетов jQuery в ваши документы.
Добавьте эффекты jQuery.

В Adobe Dreamweaver CC применение виджетов jQuery пришло на смену Spry.

Подробнее о применении jQuery

jQuery -  библиотека JavaScript. Виджеты
jQuery широко используются многими веб-редакторами.
Сайт jQuery - http://jquery.com/

"Резиновый" макет

С Adobe Dreamweaver 12.2 при создании "резиновых" макетов есть следующие  усовершенствования, которые помогают пользователям создавать отзывчивые web-страницы более эффективно:
Поддержка структурным элементам HTML5 (Заголовок, Нижний колонтитул, Раздел, Статья и т.д), H1 - H6  тэгам, p можно также изменить визуально в режиме дизайна.

Вложенными элементами можно управлять визуально, это было недоступно в предыдущих версиях, где вложенные элементы нельзя было изменить, используя  маркеры размещения сетки.
Поддержка Классам наряду с  id - В предыдущей версии только id мог быть вставлен и использовался, чтобы сделать изменения. Теперь есть поддержка классам, где подобные элементы размещения могли использовать класс вместо id. У пользователя также есть способность вставить элемент без id или класса например для элемента заголовка.
Умные опции HUD - Пользователь может теперь дублировать элементы, удалить элементы, скрыть элементы, делать элемент абсолютно установленным в режиме дизайна.
Поддержка элементов с абсолютным позиционированием - элемент может быть преобразован в элемент АР.
Инструмент Размещений Сетки Dreamweaver подвергся главным усовершенствованиям.

Дополнительно:
«Резиновые» макеты CSS на основе сетки


Вернуться к: Новое в последних версиях Adobe Dreamweaver

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru