ЛАВА 2. Основные принципы работы с Dreamweaver
В этой главе мы рассмотрим начальные сведения о работе с Macromedia Dreamweaver MX . Вы узнаете, зачем нужны его многочисленные окна и инструменты, какие из них действительно вам понадобятся, а какие — нет. Также мы узнаем о начальных настройках этой программы, в частности, что нужно сделать, чтобы Dreamweaver поддерживал русский язык (изначально он не знаком с русским, т. к. по происхождению — американец). Все это вам нужно знать для того, чтобы потом, во время создания нашей первой Web -странички, не задавать лишних вопросов.
Единственное пожелание: было бы очень неплохо, если бы вы знали хоть немного английский язык. В конце концов, персональный компьютер — детище американского образа жизни, и, несмотря на все "локализации" и "интернационализации", он всегда остается американцем, разговаривающим на своем языке. Хотя автор и попытается рассказать обо всех щекотливых моментах, с которыми вы можете столкнуться, и путях их решения или обхода, Dreamweaver вполне может огорошить вас каким-нибудь предупреждением, прочитать которое вы без знания английского не сможете. А раз вы , не сможете его прочитать — то не сможете и отреагировать на него, что может быть весьма чревато...
Среда Dreamweaver MX
Итак, начнем рассматривать рабочую среду Dreamweaver MX , т. е. наборы окон и различных инструментов, предлагаемых им Web -дизайнеру. Но для начала запустим Dreamweaver .
Запустить программу в Windows проще простого! Нажмите хорошо знакомую вам кнопку Start (Пуск), выберите в меню пункт Programs (Программы), далее — пункт Macromedia и в появившемся подменю — пункт Macromedia Dreamweaver MX .
Выбор рабочей среды
Через некоторое время после запуска программы на экране появится небольшое диалоговое окно Workspace Setup , предлагающее вам выбрать вид рабочей среды Dreamweaver MX
Как видите, в этом окне находятся два переключателя и один флажок. Также вы можете видеть два небольших изображения, наглядно показывающие, какие виды рабочей среды вы можете выбрать. Давайте их рассмотрим.
Переключатель Dreamweaver MX Workspace выбирает "новый" вид рабочей среды Dreamweaver MX ("стиль MX "). В этом случае все нужные вам инструменты будут находиться в одном большом окне, что, на взгляд автора, исключительно удобно. Рекомендуем вам включить именно этот переключа тель (впрочем, он включен по умолчанию).
Переключатель Dreamweaver 4 Workspace выбирает "старый" вид рабочей среды, использовавшийся в старых версиях Dreamweaver — с 1 -и по 4-ю ("старый стиль"). В этом случае на экране перед вами будут находиться два окна: окно документа и окно сайта, между которыми вам придется часто переключаться. Это не очень удобно — в самом деле, когда все находится в одном окне, работать намного удобнее. Поэтому вам стоит включить этот переключатель только в том случае, если вы "пересаживаетесь" на Dreamweaver MX со старых его версий и еще не привыкли к его новой среде.
Флажок HomeSite / Coder - Style доступен только при выборе переключателя Dreamweaver MX Workspace . Он заставляет Dreamweaver сразу же после от крытия очередной Web -страницы переключиться в режим редактирования HTML -кода. Это может пригодиться только тем, кто привык набирать код HTML вручную. Если же вы не знакомы с HTML , лучше не включайте этот флажок.
Задав нужный вид рабочей среды Dreamweaver , нажмите кнопку ОК. Через некоторое время вы увидите либо главное окно, либо окно документа, в за висимости от того, какой переключатель — Dreamweaver MX Workspace или Dreamweaver 4 Workspace — вы выбрали в окне Workspace Setup . Теперь можно начинать знакомство с этой замечательной программой.
Внимание!
Дальнейшее повествование будет вестись исходя из того , что вы выбрали " стиль MX " рабочей среды Dreamweaver .
Главное окно программы
Скажем сразу, что Dreamweaver — программа с многодокументным интер фейсом или просто многодокументная программа. Это значит, что вы може те открыть в одном и том же окне программы сразу несколько документов. В этом случае окна, содержащие открытые документы, открываются внутри большого окна самой программы. К многодокументным приложениям так же относятся Microsoft Word и Adobe Photoshop .
В отличие от них, программы с однодокументным интерфейсом (однодокументные программы) могут открыть только один документ; чтобы открыть второй, нужно запустить вторую копию программы. Примерами однодоку ментных приложений являются, в частности, текстовый редактор Microsoft WordPad и графический редактор Microsoft Paint , поставляемые в составе Windows .
Но вернемся к нашему Dreamweaver .
Главное окно служит "вместилищем" для превеликого множества других окон, содержащих как открытые Web -страницы, так и различные инструменты, предназначенные для работы с ними. Также в главном окне находится строка главного меню, с помощью которого вы сможете получить доступ ко всем возможностям Dreamweaver .
Окно документа Dreamweaver служит для отображения открытой Web - страницы . Как и любая другая многодокументная программа, Dreamweaver может открыть в главном окне сколько угодно окон документов. Вы можете перемещать, свертывать и развертывать эти окна и изменять их размеры, в общем, проделывать с ним те же манипуляции, что и с любым другим окном Windows . Единственное исключение: вы не може те "вытащить" ни одно из этих окон за пределы главного окна программы (его еще называют родительским окном).
Надо сказать, что при первом запуске Dreamweaver MX выводит на экран еще одно небольшое окно — так называемое окно-приглашение. Это окно содержит текст рекламного характера, предлагающий пользователю прочитать некоторые справочные данные или запустить интерактивные презентации, объясняющие, как работать в Dreamweaver . Вы можете просмотреть их или сразу же закрыть это окно, щелкнув кнопку закрытия. При последующих запусках окно-приглашение появляться больше не будет.
Выше, ниже и правее окна документа находятся панели. Это небольшие окна, которые могут быть либо "приклеены" к одному краю главного окна, либо свободно "плавать" рядом с ним. Они предназначены для самых раз ных целей; подробнее мы рассмотрим их в следующих разделах книги. В верхней части каждой панели имеется ее заголовок — темно-серая полоса, на которой написано название панели.
Изначально все панели, имеющиеся на экране, "приклеены" к какомулибо краю главного (родительского) окна программы Разработчики из фирмы
Macromedia считают, что так будет удобно большинству пользователей Dreamweaver , и, похоже, они правы. Однако вы можете придерживаться иного мнения. Поэтому и здесь существует возможность отделить какую- либо панель от края родительского окна и превратить ее в отдельное окно (так называемая "плавающая" панель). Для этого каждая панель имеет "ручку" для ее "переноски", находящуюся в левой части заголовка па нели и выглядящую как пять темных точек. Ну и, конечно же, вы всегда можете присоединить панель обратно к краю главного окна, чтобы она не загораживала документ.
"Отклеенная" от края главного окна панель может быть перемещена в любое место экрана, даже за пределы главного окна программы. Перетаскивать , такую панель можно как за ее "ручку", так и за заголовок ее окна. Кроме того, вы можете изменять размеры окон панелей (многих, но не всех).
Если вы перетащите одну панель на другую, эти панели будут объединены в общую группу панелей, занимающую одно окно. Такие группы можно также "приклеивать" к краю главного окна программы. (Если вы по смотрите то увидите несколько групп панелей, "приклеенных" к краю главного окна.) Рекомендуется объединять в одну группу панели, выполняющие сходные функции.
Все панели, находящиеся в группе, представлены в виде вкладок. Чтобы переключиться на нужную панель в группе, щелкните мышью вкладку, на которой написано название этой панели. Если вы хотите вынести какую- либо панель из такой группы, щелкните правой кнопкой мыши по соответ ствующей вкладке, выберите пункт Group <название панели> with и в по явившемся на экране подменю — пункт New Panel Group .
Внимание!
Когда вы выносите какую - либо панель за пределы группы , вы фактически соз даете новую группу , состоящую из одной этой панели . В дальнейшем вы можете поместить в эту группу любые другие панели . Это значит , что в Dreamweaver все панели должны находиться в группах .Чтобы временно уменьшить площадь, занимаемую "плавающей" панелью (фактически, группой панелей), вы можете ее "сжать", чтобы на экране ос тался только заголовок Для этого щелкните по названию панели, находящемуся в ее заголовке. Чтобы "развернуть" панель до обычного состояния, снова щелкните по ее заголовку.
Большинство групп панелей имеют так называемое дополнительное меню. Оно открывается при щелчке мышью по небольшой кнопке, расположен ной в правом верхнем углу панели и имеющей изображение списка из трех позиций и небольшой стрелки, направленной вниз. В дополнительном меню находятся пункты, выполняющие редко используемые команды. В частности, вы можете найти там уже знакомое вам подменю Group <название панели> with .
Теперь обратите внимание на правый край главного окна. Там находится настоящее сборище всяческих панелей. Это так называемый док — область, s специально предназначенная для помещения на нее панелей. Док отделен от остального пространства главного окна толстой серой полосой, которую вы можете перетаскивать мышью, изменяя размеры дока. Вы также можете щелкать мышью довольно приметную кнопку , чтобы быстро скрыть док со всеми его панелями или открыть его снова. Поверьте — это настоящая находка программистов фирмы Macromedia ; благодаря ей, пользоваться Dreamweaver стало намного удобнее.
Панели всегда располагаются над окном документа, даже если в данный момент неактивны. Это сделано для того, чтобы вы могли всегда получить к ним доступ, вне зависимости от того, какое окно сейчас активно. Если же вы хотите убрать какуюлибо из этих панелей, "вынесите" ее за пределы окна документа или вообще закройте, раскрыв ее дополнительное меню и выбрав пункт Close Panel Group . В дальнейшем вы сможете открыть нужную панель, выбрав соответствующий пункт меню Window .
Когда окно программы Dreamweaver перестает быть активным (например, когда пользователь переключается в другую программу), все "плавающие" панели временно скрываются. При активизации Dreamweaver они опять по являются на экране.
Как правило, все панели Dreamweaver имеют примерно одинаковые возможности (но, конечно, разное назначение). Но две из них стоят особняком. И мы сейчас их рассмотрим.
Первая из них — это панель объектов, показанная в "плавающем" виде (она носит название Insert ). Эта панель служит для быстрой вставки в документ различных элементов: рисунков, таблиц, специальных символов, расширений Web -обозревателя и пр. (Также она служит для переключения режимов работы окна документа, но об этом поговорим позже.) Панель объектов содержит множество вкладок, между которыми вы можете переключаться, — это способ сделать ее чуть более вместительной.
Если в данный момент времени панель объектов вам не нужна, можете закрыть ее, раскрыв ее дополнительное меню и выбрав пункт Close Panel Group . Чтобы открыть ее впоследствии, выберите в меню Windows пункт Insert или нажмите комбинацию клавиш < Ctrl >+< F2>.
Вторая панель, имеющая заголовок Properties , - это редактор свойств , один из важнейших и незаменимейших инструментов Dreamweaver . Редактор свойств служит для задания параметров того или иного элемента Web -страницы (фактически — значений атрибутов соответствую щего HTML -тега). Если панель объектов вы можете со спокойной душой закрыть, чтобы освободить место на экране, и использовать для вставки элементов страницы пункты меню главного окна, то редактор свойств вам будет нужен всегда. Поэтому держите его под рукой. Если же вы его все же случайно закрыли, выберите в меню Windows пункт Properties или нажмите комбинацию клавиш <Ctrl>+<F3>.
Редактор свойств можно переключить в компактный или полный вид. Изначально он находится в компактном виде, не показывая некоторых, мало используемых, с точки зрения разработчиков Dreamweaver , свойств. Автор рекомендует его сразу же развернуть, для чего щелкните мышью по кнопке, имеющей вид стрелки, направленной вниз, — она расположена в правом нижнем углу панели. После этого редактор свойств покажет вам все доступные свойства. Заметьте, что при этом кнопка развертывания изменит вид на стрелку вверх, и при щелчке на ней вы, наоборот, свернете редактор свойств.
Осталось рассказать совсем немного.
Взгляните на верхний край главного окна, туда, где находится панель объектов. Выше или ниже ее вы увидите узкую серую панельку, заполненную кнопками. Это один из инструментариев Dreamweaver . Инстру ментарий — особая панель, лишенная многих возможностей обычных пане лей и предназначенная только для того, чтобы предоставить быстрый доступ к некоторым часто используемым операциям. Таких инструментариев в Dreamweaver два:
стандартный, предоставляющий доступ к файловым операциям (создание, открытие и сохранение Web -страницы, операции с буфером обмена и откат), изначально скрыт;
документа, позволяющий выполнять некоторые манипуляции с открытой Web -страницей и самой программой.
Вы можете перетаскивать инструментарий, "ухватив" его за "ручку", имеющую вид расположенной у левого его конца вертикальной линии. Инструментарий, как и обычная панель, может быть "приклеен" к верхнему или нижнему краю главного окна программы или "плавать" отдельно от него.
