Глава 2. Применение среды Dreamweaver.

2.1. Установка и удаление Adobe Dreamweaver cs5.

Установка программного обеспечения

1. Перед установкой закройте все работающие приложения, включая другие приложения Adobe, программы Microsoft Office и окна веб-обозревателя. Рекомендуется также на время установки отключить антивирусную защиту.

2. Для установки необходимо иметь права администратора.

3. Выполните одно из следующих действий.

• Вставьте DVD-диск в привод и следуйте инструкциям на экране. Если программа установки не запустится автоматически, откройте папку Adobe Dreamweaver CS5 в корневом каталоге DVD-диска и дважды щелкните файл Set-up.exe, чтобы начать процесс установки.

• Если программа загружена из Интернета, дважды щелкните файл с расширением .exe для распаковки программы установки в папку Adobe CS5, а если она не запустится автоматически, откройте папку Adobe CS5\Dreamweaver CS5 и дважды щелкните файл Setup.exe.

4. В случае обновления имеющегося приложения программа установки проверит систему для обнаружения зарегистрированной версии продукта. Если такая версия 4 не будет найдена, вам будет предложено ввести серийный номер обновляемого продукта. Можно также установить ознакомительную версию, а затем ввести новый и старый серийные номера в окне идентификации, которое появляется при запуске приложения.

Удаление программного обеспечения

1. Перед установкой закройте все работающие приложения, включая другие приложения Adobe, программы Microsoft Office и окна веб-обозревателя.

2. Выполните одно из следующих действий.

• В Windows XP откройте панель управления Windows и дважды щелкните «Установка и удаление программ». Выберите продукт, который требуется удалить, щелкните «Удалить» и следуйте инструкциям на экране.

• В Windows Vista и Windows 7 откройте панель управления Windows и дважды щелкните «Программы и компоненты». Выберите продукт, который требуется удалить, щелкните «Удалить» и следуйте инструкциям на экране.

• ВАЖНО! В Mac OS добавлена новая функция удаления приложений. НЕ перетаскивайте приложения в корзину, чтобы удалить их. Для безопасного удаления программ из системы Mac OS X дважды щелкните программу установки продукта в папке «Applications/Utilities/Adobe Installers» или дважды щелкните команду «Удалить» (Uninstall) в папке программы. Выберите Remove 5 Components (Удаление компонентов), затем введите у четные данные администратора и следуйте инструкциям на экране.

2.2. Рабочие пространство среды Dreamweaver.

Обзор рабочего пространства.

Рабочее пространство Dreamweaver позволяет просматривать документы и свойства объектов. Оно также содержит множество наиболее часто используемых операций в панелях инструментов, позволяя быстро вносить изменения в документы. В Windows®Dreamweaver реализует интегрированную схему «все в одном окне». В интегрированном рабочем пространстве все окна и панели находятся внутри единого большого окна приложения.

Обзор элементов рабочего пространства.

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

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

1. Экран приветствия. Позволяет открыть недавно использовавшийся документ или создать новый. Экран приветствия позволяет также больше узнать о Dreamweaver, выбрав руководство или просмотр продукта.

2. Панель приложений. В верхней части окна приложения находится переключатель рабочих пространств, меню (только в Windows) и другие элементы управления.

3. Панель инструментов «Документ». Содержит кнопки, представляющие разные варианты отображения в окне документа (такие как представления «Дизайн» или «Код»), различные параметры просмотра и некоторые распространенные операции, такие как предварительный просмотр в браузере.

4. Панель инструментов «Стандартная». (Не отображается в макете рабочего пространства по умолчанию.) Содержит кнопки для обычных операций из меню «Файл» и «Редактирование»: «Создать», «Открыть», «Обзор в Bridge», «Сохранить», «Сохранить все», «Печать кода», «Вырезать», «Копировать», «Вставить», «Отменить» и «Вернуть». Чтобы отобразить панель инструментов «Стандартная», выберите пункты меню «Просмотр» > «Панели инструментов» > «Стандартная».

5. Панель инструментов «Создание кода». (Отображается только в представлении «Код».) Содержит кнопки, позволяющие выполнять множество стандартных операций кодирования.

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

М ожно изменить размер любой области, перетаскивая границы между ними. В режиме «Текущий» панель «Стили CSS» включает три области: область «Сводка по выделению», отображающая свойства CSS для текущего выделения в документе, область «Правила», отображающая местоположение выбранных свойств (или каскад правил для выбранного тега в зависимости от выделения), и область «Свойства», которая позволяет редактировать свойства CSS для правила, применяемого к выделению. В режиме «Везде» панель «Стили CSS» содержит две области: область «Все правила» (верхняя область) и «Свойства» (нижняя область). Область «Все правила» отображает список правил, определенных в текущем документе, а также правила, определенные в таблицах стилей, присоединенных к документу. Область «Свойства» позволяет редактировать свойства CSS для любого правила, выбранного на панели «Все правила». Любые изменения в области «Свойства» применяются немедленно, что позволяет осуществлять параллельный просмотр результата.

7. Отображает текущий документ по мере его создания и редактирования.

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

9. Селектор тегов. Размещается в строке текущего состояния в нижней части окна документа. Показывает иерархию тегов, окружающих текущую выборку. Для выбора тега и всего его содержимого щелкните нужный тег в иерархии.

Панель «Файлы» позволяет просматривать файлы и работать с ними на сайте Dreamweaver.

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