Adobe Dreamweaver

Обзор


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

Содержание

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

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

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

Интерфейс

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

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

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

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

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

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

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

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

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

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

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


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

Шаблоны

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

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


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


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


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

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

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

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

Отчеты в Dreamweaver

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


Окно редактирования (Окно документа)

Окно редактирования (Окно "Документ") расположено в центральной части окна программы (см. Интерфейс).

Документ в окне документа можно просматривать в представлении «Код», «Код с разделением», «Дизайн», представлениях «Код» и «Дизайн» одновременно (представление «Разделение») и представлении «Интерактивный просмотр». При этом в представлениях «Код с разделением» и «Код и дизайн» окна могут быть разделены как по горизонтали, так и по вертикали (по умолчанию отображаются горизонтально).

Представление «Интерактивный код» Доступно только при просмотре документа в представлении «Интерактивный просмотр» и отображает реальный код. Представление «Интерактивный код» не поддерживает редактирование.




Переключение на представление кода
❖ Выполните одно из следующих действий.
• Выберите «Просмотр» > «Код».
• На панели инструментов «Документ» нажмите кнопку «Показать представление кода».

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

Переключение на представление «Дизайн»

❖ Выполните одно из следующих действий.
• Выберите меню «Просмотр» > «Дизайн».
• На панели инструментов «Документ» нажмите кнопку «Показать представление конструктора».

Отображение представлений «Код» и «Дизайн»

❖ Выполните одно из следующих действий.
• Выберите «Просмотр» > «Код и дизайн».
• На панели инструментов «Документ» нажмите кнопку «Показать представление кода и конструктора».
По умолчанию представление кода отображается в верхней части окна документа, а представление «Дизайн» — в нижней. Чтобы представление «Дизайн» отображалось в верхней части окна, выберите пункт меню «Просмотр» > «Представление "Дизайн" наверху».

Переключение между представлениями «Код» и «Дизайн»

❖ Нажмите клавиши «Ctrl» + «`» (обратный апостроф).
Если в окне документа отображаются оба представления, это сочетание клавиш переключает фокус с одного представления на другое.

Разделить по вертикали
Этот параметр доступен только для представлений «Код с разделением» и «Код и дизайн» (представления с разделением). В представлениях «Код» и «Дизайн» он недоступен.

1 Убедитесь, что выбрано представление «Код с разделением» («Просмотр» > «Код с разделением») или «Код и дизайн» («Просмотр» > «Код и дизайн»).
2 Выберите пункт меню «Просмотр» > «Разделить по вертикали».
Если выбрано представление «Код и дизайн», то можно включить отображение представления «Дизайн» в левой части окна («Просмотр» > «Представление «Дизайн» слева»).


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

Открытие документа с вкладками в отдельном окне

❖ Щелкните вкладку, удерживая клавишу Control, и выберите в контекстном меню команду «Переместить в новое окно».

Объединение отдельных документов в окна со вкладками

❖ Выберите меню «Окно» > «Объединить в окно с вкладками».

Изменение применяемых по умолчанию настроек документа с вкладками

1 Выберите меню «Dreamweaver» > «Настройки», а затем выберите категорию «Общие».
2 Выберите или отмените выбор параметра «Открыть документы» во вкладках и нажмите кнопку «ОК».
Dreamweaver не меняет отображение открытых в текущий момент документов при изменении установок.
Однако те документы, которые были открыты после задания параметра, будут отображены в соответствии со сделанным выбором.

Расположение окон документа каскадом или мозаикой

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

Расположение окон документов каскадом
❖ Выберите «Окно» > «Каскад».

Расположение окон документов мозаикой

• Выберите меню «Окно» > «Замостить по горизонтали» или «Окно» > «Замостить по вертикали» (Windows).
• Выберите меню «Окно» > «Замостить» (Macintosh).

Изменение размеров окна документа

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

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

Изменение размеров окна документа на заранее заданные размеры
Выберите один из размеров во всплывающем меню «Размер окна» в нижней части окна документа. Dreamweaver CS5.5 и более поздних версий предлагает расширенный список вариантов, включая варианты для стандартных мобильных устройств (как показано на следующем изображении).

Показанный размер окна отражает внутренние измерения окна браузера без учета границ; размер монитора или мобильное устройство приведено справа.
Для менее точного изменения размеров используйте стандартные методы изменения размеров окон операционной системы; например, потяните правый нижний угол окна.
Примечание. (только Windows) Документы в окне документа по умолчанию развернуты на весь экран.
Изменение документа, развернутого на весь экран, не поддерживается. Чтобы свернуть документ, нажмите соответствующую кнопку в верхнем правом углу документа.

Изменение размеров, перечисленных во всплывающем меню «Размер окна»
1 Выберите пункт «Изменить размеры» во всплывающем меню «Размер окна».
2 Щелкните любое значение ширины или высоты в списке «Размер окна» и введите новое значение.
Чтобы для окна документа настраивалась только ширина (оставляя высоту неизменной), выделите значение высоты и удалите его.
3 Щелкните текстовое поле «Описание» и введите пояснение к заданному размеру.

Добавление нового размера во всплывающее меню «Размер окна»

1 В меню Просмотр выберите «Размер окна». Выберите пункт «Изменить размеры» во всплывающем меню. (или: меню Правка - Настройки - Размеры окон).
2 Нажмите пустое пространство под последним значением в столбце «Ширина».
3 Введите значения «Ширина» и «Высота».
Чтобы задать только ширину или высоту, просто оставьте одно поле пустым.
4 Нажмите поле «Описание», чтобы ввести пояснительный текст к введенному размеру.
Например, можно ввести SVGA или обычный ПК рядом с записью для монитора с разрешением 800 x 600 пикселов и диагональю 17 дюймов, Mac рядом с записью для монитора с разрешением 832 x 624 пикселов.
Для большинства мониторов можно задавать разные разрешения в пикселах.

Задание размера окна и скорости соединения

1 Выберите «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
2 Выберите команду «Строка состояния» (CS5) или «Размеры окна» (CS5.5 и старше) из списка «Категория» слева.
3 Задайте любой из следующих параметров.
Размер окна Позволяет настроить размеры окон, отображаемые во всплывающем меню строки состояния.
Скорость соединения Определяет скорость соединения (кбит/с), применяемую для подсчета времени загрузки. Загружаемый размер страницы отображается в строке состояния.

При выделении изображения в окне документа его загружаемый размер отображается в инспекторе свойств.

Дополнительно:
Настройки рабочего пространства
Предварительный просмотр



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


Рейтинг@Mail.ru