.:: DWEB.RU ::..:: Dreamweaver ::..:: Macromedia Dreamweaver ::.

Меню View - управление отображением документа

"Близким родственником" меню Window является меню View - оно также управляет отображением, но не окна в целом, а данного конкретного документа. Однако некоторые пункты этого меню относятся к отображению окна - такие, как Rulers, Grid, Tracing Image и др.

Но лучше давайте рассмотрим все части этого меню по порядку.

Две верхних секции управляют переключением режимов редактирования документа. В третьем Dreamweaver'e главное окно редактора предназначалось для визуального форматирования документа, а подправить код HTML можно было, вызвав через меню или с помощью Launcher'a простенький встроенный текстовый редактор. В четвертой версии текстовый редактор значительно усовершенствован, и кроме того, появилась возможность редактировать код непосредственно в главном окне (режим Code View). "Обычный" (для третьего Dreamweaver'a) режим теперь называется Design View, а также добавилась возможность разделить окно на две части и видеть одновременно и код страницы, и визуальное представление (режим Code and Design View).

Меню "View"
Переключение между режимами можно осуществлять через меню View, а также посредством сочетания клавиш Ctrl+Tab, или с помощью встроенной инструментальной панели (Toolbar - еще одно нововведение четвертой версии), о которой мы поговорим чуть позже.

Третья секция содержит следующие пункты и подпункты:

Head Content - этот пункт хорошо знаком тем, кто пользовался третьим Dreamweaver'ом, включает отображение содержимого раздела <head> в верхней части экрана в виде иконок. При выделении какой-либо иконки соответствующее ей содержимое "головы" страницы отображается в панели свойств объекта Properties (см. рисунок выше). Слева - иконка и название тэга, справа - атрибуты и их значения.
Table View. Этот пункт появился только в четвертой версии - вместе с возможностью "рисовать" таблицы от руки, примерно так же, как это можно делать в последних версиях Microsoft Office (97, 2000). Соответственно, в четвертом Dreamweaver'e есть два режима создания и редактирования таблиц - обычная вставка и редактирование (Standard View), и рисование (Layout View); переключение же между этими режимами осуществляется именно посредством пункта Table View.
Visual Aids. Дословно название этого пункта меню можно перевести как "визуальные помощники". И действительно, в Dreamweaver'e существует множество таких "помощников" - специальных иконок-меток редактора, с которыми мы уже познакомились, когда настраивали отображение Invisible Elements (невидимых элементов - якорей, комментариев и т.п.) в свойствах редактора. Данный пункт меню позволяет показать или спрятать (Hide All) всех "помощников", а также индивидуально управлять отображением таких элементов, как Table Borders (границы таблиц), Layer Borders (границы слоев), Frame Borders (границы фреймов) и Image Maps (карты-изображения на стороне клиента).
Code View Options. Настройки этого пункта меню доступны только когда вы редактируете код (режим Code View) или находитесь в режиме Code and Design View. Word Wrap - автоматический перевод строки в пределах экрана, Line Numbers - нумерация строк кода, Highlight Invalid HTML - подсветка ошибочных и неверно вложенных тэгов, Syntax Coloring - "подсветка" синтаксиса (раскраска тэгов), Auto Indent - автоматический отступ вправо для вложенных элементов.

Четвертая секция управляет отображением и масштабом линеек и сетки, позволяет настроить изображение-подложку (о нем мы позже поговорим подробно) и проиграть непосредственно в окне редактора (только в режиме Design View!) все использованные на странице компоненты мультимедиа - такие, как Flash- и Shockwave-ролики, Java-апплеты и другие элементы, встроенные в страницу посредством тэга <embed>.

Rulers (линейки) можно отобразить или спрятать, а также назначить единицы измерения - пикселы, дюймы или сантиметры.
Grid (сетка) - отображается или прячется командой Show Grid. Команда Snap To Grid включает режим "приклеивания" объектов к сетке, довольно удобный при редактировании слоев. Команда Edit Grid вызывает диалоговое окно настроек сетки, в котором вы можете определить цвет сетки, размер ячейки и параметры отображения - в виде точек или линеек, а также "приклеивать" объекты к сетке или нет.
Tracing Image - управление изображением-подложкой. Если подложка используется, доступны команды выравнивания изображения: Align with Selection (выровнять по выделенному объекту), Adjust Position (перейти в режим точного позиционирования подложки), Reset Position (позиционировать левый верхний угол подложки в положение 0,0 - в левый верхний угол страницы). Команда Show управляет отображением/скрытием подложки.
Если же подложка не выбрана для данной страницы, доступна только одна команда - Load (загрузить файл подложки).
Plugins - в данном подменю находятся команды, позволяющие проигрывать мультимедийные ролики прямо в окне редактора. Если выделен конкретный объект, доступны команды Play и Stop. Если ничего не выделено - доступны команды Play All и Stop All. Данные команды действительны только для объектов, вставленных в страницу посредством тэга <embed>. Элементы ActiveX посредством этих команд воспроизводиться не будут. Команды доступны только в режиме Design View.

В пятой секции - всего две команды: Hide Panels (спрятать все панели инструментов) и Toolbar (управляет отображением встроенной инструментальной панели, появившейся в четвертом Dreamweaver'e).

Toolbar - встроенная инструментальная панель

Одним из самых приятных нововведений четвертой версии Dreamweaver'a является небольшая встроенная инструментальная панелька в верхней части окна редактора. К сожалению, эту панель пока нельзя настроить по своему вкусу, а можно только спрятать/показать. К сожалению, разработчики забыли вставить на нее самые нужные кнопки - "создать новый документ", "открыть документ" и "сохранить". Но тем не менее, это уже огромный шаг вперед по сравнению с третьим Dreamweaver'ом, в котором приходилось пользоваться лишь меню и плавающими панелями. Toolbar (даже в таком убогом виде) и настраиваемый Launcher значительно ускоряют работу с редактором.

Первые три кнопки инструментальной панели предназначены для быстрого переключения между режимами Code View, Code and Design View и Design View. Далее следует довольно удобное окошечко для ввода заголовка страницы (содержимого тэга <title>). Следующая кнопка вызывает выпадающее меню, содержащее команды менеджмента файлов - загрузка на сервер, загрузка с сервера, снятие атрибута "Только чтение" и др. За ней следует быстрый предпросмотр в браузерах - в меню автоматически появляются все браузеры, указанные вами в настройках. Затем - кнопка Reload (обновить содержимое окна визуального редактирования в соответствии с изменениями, внесенными в код). Кнопочка с изображением вопросительного знака вызывает еще одно чудесное нововведение четвертого Dreamweaver'a - так называемый Reference, контекстный справочник по любым тэгам и атрибутам HTML, правилам CSS, методам и объектам JavaScript. Кнопка с двумя фигурными скобками предназначена для облегчения навигации по коду, особенно в скриптах - в четвертой версии редактора появилась возможность самостоятельно устанавливать Breakpoints в коде и использовать их при отладке кода скриптов в браузере. И наконец, последняя кнопка вызывает сокращенную версию меню View, содержащую наиболее часто используемые команды. Эта же кнопка позволяет выбрать вариант отображения в Code and Design View - что показывать сверху: код или макет страницы.

Бандурина Людмила

Страницы:

Dweb.ru - Руководство по Macromedia Dreamweaver для начинающих.

Меню View - управление отображением документа

Toolbar - встроенная инструментальная панель