Dreamweaver - король WYSYWIG'ов

Спецвыпуск Xakep, номер #015, стр. 015-050-1

Вадим Мурзагалин (vadias@sendmail.ru, www.freehand.str.ru)

Одним из самых больных вопросов для начинающего веб-дизайнера является выбор инструментария, способного наиболее полно отразить его творческое эго и полет мысли. Но дело не только в этом: с одной стороны, приверженцы ручного набора в Notepad'е с диким ржанием тычут в теги, недвусмысленно показывающие, что ты сделал страницу в FrontPage, а с другой - матушка-лень запрещает изучать псевдопремудрости HTML и прочих фишек. Успешно выпутаться из этого щекотливого положения тебе поможет небезызвестный в дизайнерских кругах веб-редактор Macromedia Dreamweaver.

Выбор профессионала

Самое большое преимущество Dreamweaver'а по сравнению с другими WYSIWYG'ами состоит в том, что он практически не добавляет на страницы паразитный код - поэтому-то многие опытные дизайнеры не стесняются пользоваться этим редактором. Кроме того, набор средств очень хорошо организован и легко настраивается - за это Макромедиа получала отдельные похвалы и награды. И, в-третьих, это не просто редактор отдельных страниц - он позволяет держать под контролем весь узел и весьма ловко оперировать им. Но довольно с тебя теории - давай-ка, наконец, запустим программу и проверим ее на прочность в боевых условиях! Только сразу предупреждаю: у меня третья версия DW, поскольку она пока что полностью удовлетворяет мои скромные потребности. Так что, счастливый обладатель DW 4, не пугайся, увидев незнакомые картинки :).

Интерфейс

Для начала ознакомимся с инструментами и средствами Dreamweaver'а. На рисунке ты видишь интерфейс проги; разумеется, на экран выведены не все панели, а только две, на мой взгляд, наиболее часто используемые при создании сайта.

Очевидно, что, если ты хочешь создать графический сайт с использованием всяких дополнительных медиа-объектов, то на одном Дримвивере далеко не уедешь. Приготовленные в других прогах картинки, флашки, апплеты и прочая дрянь:) вставляются с помощью панели Objects. Обращаю твое внимание, что среди таких встраиваемых объектов есть Fireworks HTML. Это ресурс, подготовленный в другой программе - специализированном графическом редакторе Macromedia Fireworks, который часто поставляется в пакете вместе с Dreamweaver'ом. Эти две проги наиболее тесно проинтегрированы между собой, и я смело рекомендую тебе использовать их вместе.

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

Иногда бывает нужно вручную подправить код HTML - в этом случае можно воспользоваться клавишей F10, и код в чистом виде к твоим услугам.

Создание сайта

Я понимаю, что тебе не терпится броситься в бой и сразу же стругать свой ресурс, но спешка может повредить качеству продукта выделения :). Вначале прогу надо настроить. Делается это через меню Preferences, вызываемую командой Edit->Preferences. Настроек много, и я назову самые существенные. Во-первых, font/encoding. Если вовремя не подсуетиться, то вместо русского языка получится поднадоевшая абракадабра.