Визуальный и текстовый режимы работы
В зависимости от типа документа, который вы открыли, работа в Dreamweaver MX может происходить либо в двух режимах — визуальном и текстовом, либо в одном. К примеру, HTML-страницы вы можете редактировать в обоих режимах. А вот файлы стилей CSS или скрипты JavaScript, которые не предназначены для просмотра посетителями страницы, доступны для редактирования только в текстовом режиме. Подчеркну, что речь идет только об отдельных документах, а не о тех случаях, когда скрипты или стили находятся в теле HTML-страницы.
В текстовом режиме мы набираем исходный код страницы, который браузер позднее преобразит в какие-то видимые элементы или свойства документа. В визуальном режиме мы рисуем эти элементы, свободно перетаскиваем и располагаем их на странице. A Dreamweaver в это время подставляет нужные строчки в исходный код. Надо сказать, что программа при этом генерирует очень качественный код, который требует минимального вмешательства. Dreamweaver предусматривает особенности различных браузеров и прописывает все необходимые параметры, чтобы один и тот же элемент выглядел максимально схоже в двух широко используемых браузерах — Netscape Navigator и Microsoft Internet Explorer.
При работе с документом в текстовом режиме Dreamweaver выглядит и ведет себя как текстовый редактор (рис. 4.2). Чтобы переключиться на текстовый режим из визуального, необходимо выполнить один из следующих пунктов:
□ выбрать команду меню View | Code;
□ нажать кнопку Show Code View на панели Document;
□ использовать быстрое переключение между визуальным и текстовыми режимами с помощью комбинации клавиш <Ctrl>+<~>;
□ вызвать какой-нибудь специальный инструмент Dreamweaver MX, предназначенный для работы в текстовом режиме. Это может быть, к примеру, Tag Chooser — диалоговое окно для редактирования и быстрой вставки тегов.
|
Рис. 4.2. Текстовый режим работы в Dreamweaver |
Визуальный режим напоминает просмотр страницы в браузере (рис. 4.3). В этом-то и состоит одна из его основных задач. Хотя для качественного тестирования страницы ее лучше просматривать в браузере, визуальный режим Dreamweaver очень удобен для работы. Чтобы переключиться на визуальный режим, достаточно выполнить одно из действий:
□ выбрать команду меню View | Design;
□ нажать кнопку Show Design View на панели Document;
□ использовать быстрое переключение между визуальным и текстовыми режимами с помощью комбинации клавиш <Ctrl>+<~>.
|
Рис. 4.3. Визуальный режим работы в Dreamweaver |
Возможно, что сейчас те, кто уже знаком с Dreamweaver, гневно воскликнут: "Как два режима? А где же третий, комбинированный, который объединяет в себе и текстовый, и визуальный режимы?" Спокойствие, только спокойствие! Да, в Dreamweaver MX есть и третий режим — комбинированный, который представляет из себя сочетание текстового и визуального режимов (рис. 4.4). При этом страница делится на две части — в одной можно видеть и редактировать ее исходный код, а в другой — ее внешний вид. Работать можно как с кодом, так и используя визуальные методы.
Чтобы переключиться в такой комбинированный режим, можно использовать либо команду меню View | Code and Design, либо нажать кнопку Show Code and Design Views на панели Document. Неоценимый плюс комбинированного режима — это возможность увидеть, как сделанные изменения в одном режиме тут же отображаются в другом. Недостаток — в том, что страница выглядит слишком короткой по высоте, что очень далеко от нормальных пропорций, с которыми она будет просматриваться в браузере.
|
Рис. 4.4. Комбинированный режим работы в Dreamweaver |
