Обзор Dreamweaver MX

Обзор Dreamweaver MX. Интерфейс программы по сравнению с предыдущими версиями претерпел изменения.

Новый стиль заметно облегчает работу с программой. Если в предыдущих версиях программы приходилось постоянно переключатся между окнами, что создавало дополнительные неудобства, то теперь можно одновременно работать и с кодом и с конечным видом сайта, что существенно облегчает работу. Исчезли панели, загромождающие экран, теперь вместо них в правой части экрана появилась удобная панелька докеров, играющих роль своеобразных закладок, раскрывающих соответствующие меню. Кроме того, в любой момент можно спрятать и сами докеры, а затем с той же легкостью вернуть их обратно.

Таким образом, удалось сохранить всю функциональность и при этом не загромождать рабочее пространство. Плюс появилась возможность собирать и свои панели команд. Работа в Dreamweaver MX теперь доставляет одно удовольствие - многочисленные меню, редактор тегов, автодополнение, настраиваемая подсветка кода, настраиваемые шрифты для тегов, скриптов. В нижней части документа расположена строка состояния.

Многие windows- приложения используют строку состояния для отображения нужной информации. Но строка состояния в Dreamweaver не только отображает такую информацию, но и выполняет несколько очень важных функций. Она разделена на три секции. Слева расположена секция тегов, занимающая большую часть строки. С помощью этой секции можно выбрать фрагмент текста, помеченный тем или иным тегом. К примеру, если выделить какой-нибудь текст, то на этой секции появятся несколько кнопок, соответствующие тегам внутри этого текста и если нажать на одну из кнопок, то выделится соответствующий текст, помеченный этим тегом.

Секция для тегов- мощнейший инструмент для правки страницы. Правее находится вторая секция, отображающая размер окна в пикселях. Если щелкнуть на ней мышью, то на экране появится меню список размеров окна. Каждый размер соответствует какому-либо разрешению экрана, который может установить пользователь на своем компьютере.

Самая правая секция показывает примерный размер созданной страницы и время, в течение которого она будет загружаться, причем можно выбрать скорость соединения от 14,4 Кбс до 1500 Кбс. Окно документа Dreamweaver может показывать редактируемую web- страницу в трех режимах отображения в режиме код, где виден только исходный код, в режиме дизайн, где видна только отображаемая страница, а также код и дизайн, где документ разделяется на две части. Кроме того, создатели предусмотрели возможность исходного кода в панели code inspector, не прибегая к окну в режиме код. Во многих случаях этого хватает.

Однако часто бывает нужно отредактировать фрагмент кода страницы, держа ее перед глазами. Для этого предусмотрен так называемый мини-редактор HTML. Пользуясь мини-редактором можно править атрибуты выбранного тега, вставлять код HTML в любое место текста и это все без переключения в режим отображения кода. Вызвать его можно правым кликом по нужному тексту, и выбрать пункт Редактировать ко тега тег. Но окно редактора позволяет править только теги, а не их содержимое. Исправить их содержимое можно в окне документа.

Если нужно вставить в текст web- страницы какой- либо тег с содержимым, то нужно выбрать Вставить Тег. Появится окно редактора, но на этот раз пустое. Также существует кнопка быстрый редактор тегов. Также можно удалить тег, не затрагивая сам текст. Для этого надо выбрать Удалить Тег. Для тех, кто не очень хорошо знаком с языком HTML, существует мощная система справки.

Если выделить целиком содержимое какого-нибудь тега и выбрать пункт Редактировать тег тег. На экране появится диалоговое окно правки тега. В этом окне можно в удобной форме задавать значения различных атрибутов выделенного тега. При выборе в левом списке одной из категорий атрибутов, в правой части окна появляются соответствующие элементы управления. Кроме того, в нижней части окна находится полезная справка по выделенному тегу. Можно воспользоваться панелью Инспектор тега. В верхней части панели располагается иерархический список всех тегов в web- странице, наподобие проводника в Windows.

В нижней части панели располагается список атрибутов выбранного в списке тега и их значений. Нужно только выбрать тег, исправить значение в нижнем списке и наблюдать, как в окне документов тут же отображаются все изменения. С помощью диалогового окна Выбор тега можно поместить на страницу какой- либо тег или завернуть в него выделенный фрагмент текста. В иерархическом списке тегов, расположенных слева, можно выбрать категорию тегов.

После выбора нужной категории тегов, в правом списке появятся все теги, относящиеся к этой категории. Остается только выбрать тег и вставить его в страницу. Сразу после этого появится диалоговое окно правки тега, в котором можно задать значения атрибутов выбранного тега. В нижнем окне так же как и в окне Редактора тега, снизу располагается справка по каждому тегу. В составе Dreamweaver, помимо стандартной справки, также поставляется полное руководство по HTML, CSS и Java Script от издательства O Relly. Пользуясь панелью Сноска можно получить исчерпывающую информацию о каждом атрибуте любого тега HTML. Практически все текстовые редакторы предоставляют пользователю возможность найти нужный фрагмент текста и при необходимости заменить его другим.

Разумеется, Dreamweaver тоже поддерживает эту возможность. И не просто поддерживает, а возносит ее на новую высоту. В окне поиска можно задать, в каком тексте нужно произвести поиск в исходном коде, в тексте страницы, но более хитрым способом, или в тексте заданного тега. В первых двух вариантах искомый текст вводится в текстовое поле поиск для, а текст, который нужно заменить - в заменить на. Если же выбрать пункт текст расширенный, то в окне поиска и замены добавится новая группа элементов управления, состоящая из двух кнопок и двух раскрывающихся списков, позволяющих задать, внутри какого тега будет икаться тот или иной текст.

Но самые мощные возможности Dreamweaver предоставляет для поиска и замены тегов, с многочисленными дополнительными настройками.

Кроме того, параметры поиска можно сохранять в отдельный файл. Хотя Dreamweaver в режиме показа страницы и представляет ее почти в таком виде, как она будет показана в web- обозревателе, часто возникает необходимость увидеть ее в самом web- обозревателе, ведь Dreamweaver не может учесть многие тонкости конкретной программы просмотра. И такая возможность предусмотрена не закрывая окно документа, можно вызвать любой из установленных на компьютере web- обозревателей и оценить окончательный вид страницы.

Microsoft Internet Explorer и Netscape Navigator, установленные на компьютере, Dreamweaver обнаруживает и заносит в свои настройки сам, сразу после инсталляции. Кроме того, есть возможность самому изменить настройки и занести свой web- обозреватель. Также можно добавить свой собственный HTML- редактор. В Dreamweaver MX появилась возможность создания web- страниц на основе шаблонов, но в этом он проигрывает своему главному конкуренту от Microsoft.

Правда, есть возможность создания своих собственных шаблонов и возможность загрузить новые шаблоны из интернета.