Основные принципы работы с DREAMWEAVER

Главное окно программы

Главное (или основное) окно программы Macromedia Dreamweaver MX показано на рисунке 1.

Рисунок 1 Главное окно Dreamweaver.

Dreamweaver — программа с многодокументным интерфейсом или просто многодокументная программа. Это значит, что вы можете открыть в одном и том же окне программы сразу несколько документов. В этом случае окна, содержащие открытые документы, открываются внутри большого окна самой программы[12]. А программы с одно документным интерфейсом (одно документные программы) могут открыть только один документ; чтобы открыть второй, нужно запустить вторую копию программы. Главное окно служит «вместилищем» для превеликого множества других окон, содержащих как открытые Web-страницы, так и различные инструменты, предназначенные для работы с ними. Также в главном окне находится строка главного меню, с помощью которого вы сможете получить доступ ко всем возможностям Dreamweaver[5].

Окно документа Dreamweaver служит для отображения открытой Web-страницы (на рисунке 1 вы можете видеть, что в Dreamweaver открыта одна из наших первых Web-страничек). Как и любая другая многодокументная программа, Dreamweaver может открыть в главном окне сколько угодно окон документов. Вы можете перемещать, свертывать и развертывать эти окна и изменять их размеры, в общем, проделывать с ним те же манипуляции, что и с любым другим окном Windows. Единственное исключение: вы не можете «вытащить» ни одно из этих окон за пределы главного окна программы (его еще называют родительским окном). Надо сказать, что при первом запуске Dreamweaver MX выводит на экран еще одно небольшое окно — так называемое окно-приглашение. Это окно содержит текст рекламного характера, предлагающий пользователю прочитать некоторые справочные данные или запустить интерактивные презентации, объясняющие, как работать в Dreamweaver. Вы можете просмотреть их или сразу же закрыть это окно, щелкнув кнопку закрытия. При последующих запусках окно-приглашение появляться больше не будет[17]. Выше, ниже и правее окна документа находятся панели. Это небольшие окна, которые могут быть либо «приклеены» к одному краю главного окна, либо свободно «плавать» рядом с ним. Они предназначены для самых разных целей. В верхней части каждой панели имеется ее заголовок — темно-серая полоса, на которой написано название панели. Изначально все панели, имеющиеся на экране, «приклеены» к какому-либо краю главного (родительского) окна программы Разработчики из фирмы. Macromedia считают, что так будет удобно большинству пользователей Dreamweaver, и, похоже, они правы. Однако вы можете придерживаться иного мнения. Поэтому и здесь существует возможность отделить какую-либо панель от края родительского окна и превратить ее в отдельное окно (рисунок 2) (так называемая «плавающая» панель). Для этого каждая панель имеет «ручку» для ее «переноски», находящуюся в левой части заголовка панели и выглядящую как пять темных точек. Ну и, конечно можно присоединить панель обратно к краю главного окна, чтобы она не загораживала документ[4].

Рисунок 2 Панель, отделенная от края родительского окна.

" Отклеенная" от края главного окна панель может быть перемещена в любое место экрана, даже за пределы главного окна программы. Перетаскивать такую панель можно как за ее «ручку», так и за заголовок ее окна. Кроме того, можно изменять размеры окон панелей (многих, но не всех). Если перетащить одну панель на другую, то эти панели будут объединены в общую группу панелей, занимающую одно окно (рисунок 3). Такие группы можно также «приклеивать» к краю главного окна программы. (Если посмотреть на рисунок 1 то можно увидеть несколько групп панелей, «приклеенных» к краю главного окна.) Рекомендуется объединять в одну группу панели, выполняющие сходные функции[15].

Рисунок 3 Панели, объединенные в группу Все панели, находящиеся в группе, представлены в виде вкладок. Чтобы переключиться на нужную панель в группе, щелкните мышью вкладку, на которой написано название этой панели. Если вынести какую-либо панель из такой группы, надо щелкнуть правой кнопкой мыши по соответствующей вкладке, выбрать пункт Group with и в появившемся на экране подменю — пункт New Panel Group[4].

Чтобы временно уменьшить площадь, занимаемую «плавающей» панелью (фактически, группой панелей), можно ее «сжать», чтобы на экране остался только заголовок (рисунок 4). Для этого нужно щелкнуть по названию панели, находящемуся в ее заголовке. Чтобы «развернуть» панель до обычного состояния, снова щелкните по ее заголовку[4].

Рисунок 4 «Сжатое» окно панели Большинство групп панелей имеют так называемое дополнительное меню. Оно открывается при щелчке мышью по небольшой кнопке, расположенной в правом верхнем углу панели и имеющей изображение списка из трех позиций и небольшой стрелки, направленной вниз (рисунок 5). В дополнительном меню находятся пункты, выполняющие редко используемые команды. Также в Dreamweaver MX уже есть знакомое подменю Group <�название панели> with[16].

Рисунок 5 Дополнительное меню группы панелей (открыто) В правом краю главного окна находится настоящее сборище всяческих панелей. Это так называемый док — область, специально предназначенная для помещения на нее панелей. Док отделен от остального пространства главного окна толстой серой полосой, которую можно перетаскивать мышью, изменяя размеры дока. Также можно щелкать мышью довольно приметную кнопку (рисунок 6), чтобы быстро скрыть док со всеми его панелями или открыть его снова. Это настоящая находка программистов фирмы Macromedia; благодаря ей, пользоваться Dreamweaver стало намного удобнее[16].

Рисунок 6 Кнопка скрытия-раскрытия дока Панели всегда располагаются над окном документа, даже если в данный момент неактивны. Это сделано для того, чтобы можно было всегда получить к ним доступ, вне зависимости от того, какое окно сейчас активно. Если надо убрать какую-либо из этих панелей, «вынесите» ее за пределы окна документа или вообще закройте, раскрыв ее дополнительное меню и выбрав пункт Close Panel Group. В дальнейшем можно открыть нужную панель, выбрав соответствующий пункт меню Window[14].

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

Как правило, все панели Dreamweaver имеют примерно одинаковые возможности (но, конечно, разное назначение). Но две из них стоят особняком.

Первая из них — это панель объектов, показанная в «плавающем» виде на рисунке 2 (она носит название Insert). Эта панель служит для быстрой вставки в документ различных элементов[22]:

• · рисунков;
• · таблиц;
• · специальных символов;
• · расширений Web-обозревателя и пр.

Также она служит для переключения режимов работы окна документа. Панель объектов содержит множество вкладок, между которыми можно переключаться, — это способ сделать ее чуть более вместительной.

Если в данный момент времени панель объектов не нужна, можно закрыть ее, раскрыв ее дополнительное меню и выбрав пункт Close Panel Group. Чтобы открыть ее впоследствии, нужно выбрать в меню Windows пункт Insert или нажаьб комбинацию клавиш +.

Вторая панель, имеющая заголовок Properties, — это редактор свойств (рисунок 7), один из важнейших инструментов Dreamweaver. Редактор свойств служит для задания параметров того или иного элемента Web-страницы (фактически — значений атрибутов соответствующего HTML-тега). Если панель объектов можно со спокойной душой закрыть, чтобы освободить место на экране, и использовать для вставки элементов страницы пункты меню главного окна, то редактор свойств будет нужен всегда. Поэтому его надо держать под рукой. Если его все же случайно закрыть, то надо выбрать в меню Windows пункт Properties или нажать комбинацию клавиш +[22].

Рисунок 7 Редактор свойств Редактор свойств можно переключить в компактный или полный вид. Изначально он находится в компактном виде, не показывая некоторых, малоиспользуемых, с точки зрения разработчиков Dreamweaver, свойств. Его сразу же надо развернуть, для чего щелкните мышью по кнопке, имеющей вид стрелки, направленной вниз, — она расположена в правом нижнем углу панели. После этого редактор свойств покажет вам все доступные свойства. (На рисунке 1 редактор свойств находится как раз в развернутом виде.) При этом кнопка развертывания изменит вид на стрелку вверх, и при щелчке на ней, можно наоборот, свернкть редактор свойств.

В верхнем краю главного окна, туда, где находится панель объектов, выше или ниже ее можно увидеть узкую серую панельку, заполненную кнопками (рисунок 8). Это один из инструментариев Dreamweaver. Инструментарий — особая панель, лишенная многих возможностей обычных панелей и предназначенная только для того, чтобы предоставить быстрый доступ к некоторым часто используемым операциям. Таких инструментариев в Dreamweaver два[19]:

• · стандартный, предоставляющий доступ к файловым операциям (создание, открытие и сохранение Web-страницы, операции с буфером обмена и откат), изначально скрыт;
• · документа, позволяющий выполнять некоторые манипуляции с открытой Web-страницей и самой программой, виден на рисунке 8.

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

Рисунок 8 Инструментарий документа.