По сравнению с написанием кода в ручную (в блокноте), использование программы Adobe Dreamweaver  в значительной степени ускоряет процесс разработки веб-страниц. Этот удобный во всех смыслах редактор упрощает жизнь любого веб-мастера, экономя его время и силы. То, что в обычном блокноте пишется за полчаса, в этом редакторе можно сделать буквально за пять минут. Причем, что самое главное, в этом случае полностью исключены столь обидные ошибки в коде, которые приходится искать и исправлять. Будь это обычная верстка страниц или программирование на PHP, Dreamweaver всегда придет на помощь. И, конечно же, не стоит сомневаться, что процесс работы с ним будет не только более удобным, но и легким.

Фактически Dreamweaver сделает часть работы за пользователя, освободив его от необходимости иметь знания в той или иной сфере веб-технологий. Что может быть проще? Программа понятна каждому и может быть освоена буквально за недели. Эта статья поможет начинающим пользователям еще быстрее разобраться в основах работы с Adobe Dreamweaver на примере последней доступной на данный момент версии 9.0. Сразу следует отметить, что в редактор встроена подробнейшая справка на английском языке, рассказывающая о всех аспектах его использования. Безусловно, эта статья никак не может затрагивать их всех. Но у справки есть один большой недостаток — излишнее обилие информации. Для того чтобы понять азы, требуется потратить большое количество времени. Мы попытаемся исправить этот недостаток.

Интерфейс

Внешний вид программы довольно прост. Между тем рабочее пространство организовано крайне продуманно, что обеспечивает ее эффективное использование. Интерфейс Adobe Dreamweaver состоит из нескольких элементов, которые условно можно разделить на пять групп. К первой относится главное меню, которое находится на фиксированном месте вверху окна программы. Оно включает в себя несколько закладок: «Файл», «Редактировать», «Просмотр», «Вставка», «Изменить», «Текст», «Команды», "Веб-сайт", «Окно» и «Справка». Самыми важными для пользователя являются закладки «Файл» и «Редактировать», так как они не продублированы никакими другими меню и являются часто используемыми. Эти закладки являются типичными для всех программ, и поэтому на них мы останавливаться не будем. Остальные закладки в главном меню не слишком важны, так как частично или полностью продублированы другими элементами интерфейса или же просто редко используются. Следующей группой является меню «Вставка», которая, по сути, является панелью инструментов Dreamweaver. Она может быть перенесена в любую часть окна программы, но лучше всего оставить ее на изначальной позиции под главным меню. Этот элемент интерфейса может быть свернут для увеличения зоны рабочей области. На панели «Вставка» есть несколько закладок, разделенных по типу данных. В закладке «Общий» расположились самые часто используемые элементы: гиперссылки, картинки, таблицы и т. д. Эта закладка используется наиболее часто. Среди других закладок на панели «Макет» (работа со Spry, таблицами и рамками), «Формы», «Данные», «Spry», «Текст» и «Избранное». Закладка «Текст» отчасти продублирована другими элементами интерфейса, а закладка «Избранное» позволяет пользователю составить свое собственное меню.

Справа от рабочей области программы располагается окно с различными группами панелей (всего групп может быть четыре). Оно не может быть перенесено в другое место, но может быть спрятано или закрыто. Каждая группа закладок на этой панели может быть свернута или закрыта. В развернутом виде панель довольна громоздка и существенно сокращает размер рабочей области. Данная часть интерфейса носит вспомогательный характер и позволяет осуществлять некоторые действия, не открывая дополнительных окон. Так, например, очень полезна группа закладок «Стили CSS», в которой можно создавать новые стили и редактировать старые, а также управлять различными свойствами стилей. Другая группа закладок «Инспектор тегов» позволяет управлять выделенным в данный момент тегом: просматривать его свойства и добавлять новые или менять старые параметры. Две другие группы «Файлы» и «Журнал» используются гораздо реже. Первая предназначена для контроля за локальными и сетевыми ресурсами и другими операциями, а вторая исполняет роль лога проведенных операций. При желании пользователь может отменить действия, вернувшись к той или иной точке. Увы, отменить действия выборочно нельзя.

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

К последней группе компонентов интерфейса Dreamweaver относится рабочая область. Она также имеет структуру закладок. В программе можно открыть сразу несколько документов, между которыми можно перемещаться в свободном порядке. Рабочая область включает в себя также несколько инструментов. Верхняя панель «Документ» позволяет переключаться между несколькими режимами: кодированием и дизайном. Кроме того, она позволяет управлять просмотром документа в браузере, если это возможно. При желании эту панель можно переместить в любое место рабочего окна программы. Нижняя панель позволяет переключать режимы курсора, управлять масштабированием. Кроме того, в ней содержатся информация о документе (размер, разрешение и т. п.) и древо иерархии тегов. Последнее представляет собой список всех вышестоящих тегов для данного. В этом списке можно перемещаться вверх по уровню вплоть до тега body.