Notepad must die - выбираем веб-редактор

Kirion (kirion@winfo.org)

Спецвыпуск Xakep, номер #030, стр. 030-064-4

Ну что, с версткой ты определился, теперь займемся контентом. Очень приятная фишка дрима - это интеграция с другими продуктами линейки MX. Прежде всего, это конечно флэш. В качестве графического редактора предлагается использовать Fireworks (не замена фотошопу, но заточен под веб-графику и достаточно функционален), а в качестве векторного редактора - Freehand. Ну а в качестве языка приложений - ColdFusion. Это очень интересная технология, достойная отдельной статьи, но как-нибудь в другой раз :). При экспорте объектов (можно просто перетащить мышкой) будут устанавливаться связи между приложениями. Все изменения, сделанные в одном редакторе будут видны и при открытии в другом. Более того, по двойному клику в дриме будет вызываться соответствующий редактор. Это открывает очень широкие возможности - вроде быстрой вставки флэшевых кнопок или автоматического создания таблицы под нарезанную картинку. Если же тебе вдруг не хватит возможностей дрима - топай на сайт Macromedia Exchange (www.macromedia.com/exchange, очень стильный флэшовый сайт) и выбирай плагины по вкусу. Если же захочешь создать что-нибудь сам - читай хелпу "Extending Dreaweaver MX", скачай пару примеров с сайта. Но сначала все же взгляни на готовые решения - их очень много.

Добавь жизни в пагу. Альтернатива от Adobe.

Adobe уже давно конкурирует с Macromedia на всех фронтах. Борьба тут идет с переменным успехом: Livemotion не заменит флэш, а Fireworks не заменит фотошоп. С веб-редакторами ситуация примерно ровная. Рассмотрим Adobe GoLive поближе.

После насыщенного интерфейса дрима GoLive кажется простым, однако по функциям он ничуть не уступает дриму, а кое в чем превосходит. Я бы назвал интерфейс GoLive более упорядоченным: не так много вариантов, зато и не рябит в глазах. А вот хелпы совершенно невнятные: вместо нормального chm просто куча страниц, никакой контекстной помощи, никаких справочников. Так что основной метод обучения - метод научного тыка, как обычно :). В результате один из первых вопросов - как включить русские кодировки. Чтобы ты не лазил час по менюшкам, рассказываю: Edit>Preference, там находишь пункт Modules, а в нем ставишь галку напротив модуля Encodings (можешь полазить еще - там много полезных модулей) и перезапускаешь GoLive. Потом заходишь опять в Preference, в пункт Encodings, и ставишь нужную кодировку.

А вот менеджер сайта мне нравится больше, чем в дриме. В GoLive все объекты сайта рассортированы по закладкам, легче найти нужное. Также реализовано изменение структуры сайта: ты меняешь, все ссылки обновляются. Для забывчивых есть очень похожий механизм поиска с той разницей, что регулярные выражения можно подставлять в строку поиска из меню с шаблонами. А вот для верстки GoLive предлагает несколько другой поход. Здесь тоже есть слои, только называются они Floating boxes. Но основной акцент делается не на них, а на фишку под названием Layout grid. Технически это обычная таблица, но с автоматически добавляемыми ячейками. Инструмент table здесь используется не для верстки, а для создания обычных таблиц (хотя тебе никто не мешает верстать с его помощью, просто это не так удобно). Ты просто кидаешь Layout grid на пагу, а потом кидаешь на нее объекты. Ячейки создаются автоматически, причем обещается расположение с точностью до пикселя. На практике же все немного хуже: для создания таких таблиц используются специфические теги, в результате чего пага может некорректно отображаться в старых браузерах. Выход достаточно прост - layout grid можно конвертировать в обычную таблицу (советую так всегда и делать). Обладая таким мощным графическим редактором, Adobe не могла не включить интеграцию своих продуктов с GoLive. В результате имеем технологию Smart objects, позволяющую устанавливать связь между объектом в GoLive и Photoshop, Illustator, LiveMotion и другими. Аналогия с Макромедией почти полная, за исключением того, что эту связь нельзя отключить, а иногда это бывает нужно. Кстати, в GoLive есть такая любопытная фишка, как написание сайтов для Wap. Поддерживаются два формата: CHTML (в хелпе написано, что этот формат популярен в Японии :)) и более привычный WML. На лицензионном диске также находится эмулятор Wap, но я полагаю, что ты сможешь найти его где-нибудь еще :). А еще имеется плагин для редактирования и размещения на паге QuickTime мувиков. Никогда не хотел забацать на сайте потоковое видео? У тебя есть такая возможность. Естественно, возможности GoLive можно расширить с помощью дополнений, для чего существует сайт Adobe Xchange (www.adobexchange.com), на котором можно найти кучу дополнений для всех продуктов Adobe.