Cправочник web-дизайнера / Redaktor

Redaktor

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

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

Поддерживается опция Extended Replace, предусматривающая замену текста или тегов HTML в нескольких файлах или во всей директории. В то же время негативную оценку получила работа Homesite с русским языком. Так, оказывается, в нескольких версиях программы кириллические символы заменяются на Unicode, который поддерживается далеко не всегда. Большое количество нареканий вызвал и FTP - клиент, поставляемый с программой. В отличие от большинства подобных утилит, ведущих подробный учет трафика файлов с сервера и на сервер, Homesite FTP Uploader для того, чтобы обновить содержимое сайта, просто загружал на сервер все файлы.

С момента выхода версии 4.5 в Allaire Homesite появились некоторые новые функции, незнакомые пользователям предыдущих релизов. Например, редактор CSS, пришедший на смену "волшебнику", - с его помощью страницу можно было построить на основе Cascading Style Sheets. В библиотеку поддеживаемых языков для любителей экзотики был добавлен SMIL (Synchronized Multimedia Integrated Language). В целом от работы с Homesite остаются позитивные впечатления, и для сведущего Web - дизайнера Homesite станет незаменимым помощником, к использованию которго будет легко привыкнуть.

1 St Page 2000 "До сих пор я был уверен, что Homesite - лучше всех. Теперь уже нет", - приблизительно так реагируют многие, познакомившись с 1st Page 2000.

В момент инсталляции и запуска программы уже можно обнаружить две отличительные черты 1st Page 2000: во - первых, размер дистрибутива - заархивированный в формат ZIP, он составляет около 5 MB. Вторую приятную особенность продукта Evrsoft пользователи ощутят, потянувшись курсором к стартовому меню, - программа загружается в трех доступных режимах: Eazy, Expert и Hardcore. Четвертый режим - Normal - определяет запускаемый по умолчанию вариант, и в процессе работы с программой можно выбрать, какой из трех режимов является оптимальным для вас.

В меню Tools любознательный пользователь обнаружит весьма интересную утилиту HTML Source Compressor, которая после окончания работы над страницей может существенно уменьшить ее размер путем удаления избыточных тегов (Microsoft Word 97 при сохранении файла как HTML обычно определял кегль и тип шрифта для каждого абзаца документа) или простой замены тегов на аналогичные, но более короткие варианты ( как - то strong и b).

После того как вы почуствуете, что начальный режим работы вами вполне освоен, и захитите перейти к азам HTML, тут на помощь приходит режим Expert. При переключении в экспертный вариант из интерфейса уходит панель инструментов с крупными картинками, вместо нее появляется рабочая панель, определяющая теги HTML или ASP (Active Server Pages).

Hardcore mode программы предоставляет дизайнеру наибольшие возможности, включая и работу непосредственно с кодом. Практически Hardcore можно было бы сравнить со стандартным текстовым редактором, если бы не меню в верхней части экрана, позволяющее выбрать нужный тег из групп Document, Block, Lists и т.д. Тем, кто предпочитает создавать сайта с нуля только лишь с помощью написания исходного кода (а именно так разрабатываются серьезные проекты), этот вариант наверняка придется по душе. К числу преимуществ Hardcore - версии относится также и библиотека скриптов, среди которых такие незаменимые, как счетчики и почтовые формы.

В целом, 1st Page 2000 производит весьма благоприятное впечатление и уже в недалеком будущем может составить конкуренцию другим HTML - редакторам, особенно учитывая бесплатность продукта.

Hotmetal Pro 6.0.3 Главное отличие WYSIWYG - программ - пользователь не должен знать языка разметки для создания сайтов. Именно таким продуктом и является почти легендарный пакет компании SoftQuad Software. При запуске вы обнаружете уже успевший стать привычным интерфейс, где слева расположена папка файлов и вспомогательные окна, справа видим рабочее окно. Панель инструментов не представляет собой ничего примечательного, и опытный пользователь Microsoft Office без труда разберется в особенностях программы.

Рабочее окно программы довольно интересно, и при более детальном рассмотрении оказалось, что HotMetal Pro работает в пяти режимах просмотра создаваемой HTML - страницы:

HTML Source - в данном режиме программу можно использовать как обычный текстовый редактор с дополнительными возможностями подцветки текста и нумерации строк.

Tags On - режим, который уникален для данной программы. Он представляет собой некий гибрид между текстовой и WYSIWYG - версиях просмотра рабочего файла. Пользователь может продолжать заниматься визуальным форматированием страницы и без знания HTML, в то же время теги будут появлятся в окне в виде серых ярлыков, и при желании их легко удалить или отредактировать.

WYSIWYG - стандартный визуальный режим, в котором дизайнер просто создает свою страницу, не заботясь о правке HTML.

WYSIWYG Frames - модификация предыдущего режима, работает при использовании в странице фреймов.

Page Preview - просмотр полученного результата в броузере (работает при наличии Microsoft Internet Explorer 4 и выше).

Служебное окно, которое обычно в HTML - редакторах позволяет дизайнеру работать с файловым деревом, в HotMetal Pro обрело три режима:

Assets - встроенные в программу скрипты и ресурсы, среди них - кнопки, формы, календари и т.п.

Desctop - стандартное окно дерева файлов, которое в случае HotMetal Pro имеет в своем основании рабочий стол пользователя, а не диск С.

Remote - с помощью данного режима служебного окна можно просмотреть содержимое FTP - сервера.

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

Однако быстродествие продукта с лихвой компенсирует многие отрицательные эмоции, возникающие при работе с этим редактором. HotMetal Pro не злоупотребляет системными ресурсами и не пытается запустить одновременно несколько параллельных процессов.

Microsoft FrontPage 2000 Если сравнивать данный пакет с предыдущим Web - редактором от Microsoft - FrontPage 98, то остановиться хотелось бы на следующем. Основной проблемой ранних версий FrontPage была авторитарность программы по отношению к HTML - коду страницы. При копировании в исходный код скрипта баннерной сети или удаленного счетчика можно было биться об заклад, что подобный внедренный код во FrontPage работать не будет. Программа творила известные лишь ей операции, меняя код до неузнаваемости, что заставляло добросовестных авторов страничек обращаться к другому не менее популярному продукту от Microsoft - Notepad - для внесения изменений в HTML - код.

К чести компании, FrontPage 2000 избавлен от своего основного недостатка и представляет собой на сегодняшний день довольно мощный программный пакет. Для новичка Web - дизайна трудно придумать более подходящий инструмент, нежели продукт, интерфейс которого полностью интегрирован с Microsoft Office 2000. Новая версия Web - редактора совмещает в одном пакете бывшие некогда отдельными программами FronPage Explorer и FrontPage Editor.

Одним из основных плюсов FrontPage 2000 является гибкость в работе - программе можно указать, для каких броузеров создается страница, или же ограничить элементы, используемые в сайте, для конкретных броузеров, включая и платформу WebTV. Поддержка CSS и DHTML порадует и профессиональных дизайнеров, в то же время внедренная поддержка ASP (Active Server Pages) позволит интегрировать в Web - сайт и базу данных Microsoft Access. Отдельно хочется отметить и возможность просмотра HTML - тегов в режиме WYSIWYG - редактирования - из всех испробованных редакторов подобный режим поддерживал только HotMetal Pro.

Что касается минусов данного пакета, то после ознакомления с документацией, посвященной компьютерной безопасности, обнаружилось, что функции Web Bots, автоматизировавшие некоторые процессы (внутренний поиск, показ баннеров, SSI т.д.), зачастую позволяли распоряжаться контентом сайта (сделанным с его помощью) по своему усмотрению. Информация касалась встроенных функций FrontPage 98, однако на сервер Microsoft никакого официального сообщения по поводу исправления данных ошибок в новой версии продукта не поступало.

Macromedia DreamWeaver 3 Писать о Macromedia Dreamwear беспристанно довольно сложно, так как именно вторая версия данного HTML - редактора используется автором этой статьи для тех случаев, когда необходимо создать Web - страницу в срочном порядке. Насегодняшний день Macromedia Dreamwear является одним из главных конкурентов FrontPage 2000. Как и все продукты подобного типа, Dreamwear состоит из двух основных программ - менеджер сайта и редактор страниц. Менеджер сайта, запускаемый по умолчанию, работает в двух режимах - Site Map и Site Files. Если первый вариант показывает пользователю привычное дерево сайта, с которым можно производить различные операции, такие, как добавление страниц, переименование страниц и т.д., то Site Files отображает дерево файлов и данные с FTP - сервера, т.е., по сути, является встроенным FTP - клиентом.

Главная особенность данного пакета - он генерирует "чистый" код, не добавляя ничего своего, кроме мета - тега с упоминанием версии используемого ПО. В программе также доступен инструмент Clean Up HTML, который позволяет убрать излишние теги, проверить документ на предмет дупликации тегов (допустим, в случае, когда каждый абзац текста получает отдельный набор тегов с описанием шрифта, несмотря на то что используемые шрифты и размеры неизменны).

Macromedia Dreamwear можно назвать полупрофессиональным инструментом в том смысле, что использовать его могут как новички, так и пользователи, обладающие хорошим знанием языка HTML. Данный продукт также является идеальным для тех, кто не считает себя докой в дизайне, поскольку есть возможность заказать специалисту шаблон документа в формате DWT (по сути, унифицированный HTML - документ). В шаблоне можно отразить основные своуства страниц сайта, как-то: фон, кнопки, заголовки, мета - теги и т.п. Затем пользователь, желающий дополнить сайт содержанием, просто должен будет создать документ HTML, используя "заготовку". Деление участков страницы на редактируемые и не подлежащие измененнию удобно с той точки зрения, что в таких условиях нанести ущерб странице довольно трудно.

Третья версия программы включает в себя все незначительные дополнения, которые выходили в виде отдельных файлов и были доступны на сайте компании. Основным изменением является возможность настройки интерфейса с помощью Dreamwear Javascript API, что позволит за довольно короткое время практически создать собственный редактор. Друними полезными утилитами, не присутсвовавшими в пердыдущей версии программы, можно считать Clean Up Word HTML, которая, как это следует из названия, "чистит" код, написанный в Microsoft Word, долгое время пугавший Web - дизайнеров своими нелепыми объемами. Панель History позволяет просмотреть совершенные действия и при необходимости повторить серию операций над страницей. Функция Design Notes полезна для групповой разработки или просто для записи задач.

Также Macromedia предоставляет возможность правки тегов для более требовательных пользователей. Проиллюстрируем это простым примером: при нажатии, скажем, кнопки для центрирования текста страницы вы можете получить как CENTER, так и P ALIGN="CENTER", что позволяет писать собственные теги или же элементы HTML, которые вы считаете нужными.

Adobe Golive 4.0 Продукт одного из лидеров рынка издательских систем можно отнести к той же категории, что и Microsoft FrontPage, - удобен для тех, кто привык работать с программными пакетами соответствующего производителя. Хотя GoLive и не является детищем разработчиков Adobe, программисты GoLive, у которой Adobe Systems приобрела права на распространение пакета GoLive CyberStudio, сделали все возможное, чтобы интегрировать интерфейс Web - редактора с другими продуктами компании. Работавшими с Photoshop или PhotoDeluxe знакомыми покажутся плавающие панели инструментов и настраиваемый интерфейс.

Интерфейс программы дает пользователю возможность проследить за созданием страницы в нескольких режимах - Layout (собственно страница), Frames (документ с фреймами), Source (исходный код HTML), Outline (довольно интересный режим, представляющий код Web - страницы в виде алгоритмической записи, что особенно удобно для программистов) и Preview (просмотр документа).

Основным плюсом GoLive 4.0 является интегрированный редактор QuickTime, с помощью которого можно управлять видеофайлами, встроенными в страницу. К сожалению, Apple QuickTime - единственный из поддерживаемых форматов, поэтому желающим обогатить свою страницу видео в форматах компании Microsoft или RealNetworks придется обратиться к другим приложениям.

Естественно, в рамках данной статьи мы не смогли подробно описать все заметные пакеты и по тем же причинам весьма по верхам прошлись по продуктам, которые попали вобзор. И все же вопрос остается - на чем остановиться? Опираясь на свои личные ощещения и мнения многих профессионалов, могу сделать предложение, что среди текстовых редакторов наиболее рекомендуемый Allaire Homesite, хотя ему скоро наверняка придется поделится первенством с Evrsoft 1st Page 2000, число поклонников которого растет лавинообразно в силу того, что этот продукт, несмотря на свои достоинства, бесплатно распространяется. Среди WYSIWYG - редакторов безусловными лидерами являются Microsoft FrontPage и Macromedia DreamWear, причем предпочтение отдается чаще всего именно последнему, хотя тут придется выбирать между гибкостью пользовательских возможностей (DreamWeaver) и широкой библиотекой поддержки, как-то клипарт, темы и т.п. (FrontPage). Хочется также заметить, что ввиду определенных обстоятельств данный обзор предназначался для пользователей платформы PC, для тех же, у кого дома или на работе стоит Macintosh, представляется несколько другой набор продуктов, и там среди текстовых HTML - программ лидирует BBEdit, в то время как в WYSIWYG - среде оптимальным помощником дизайнера считается упоминавшийся и в этом обзоре Adobe GoLive.

Сводная таблица HTML - редакторов Редактор Allaire Homesite 1st Page 2000 HotMetal Pro Microsoft FrontPage Macromedia Dreamweaver Adobe GoLive Тип HTML HTML WYSIWYG WYSIWYG WYSIWYG WYSIWYG Правка таблиц - - Хорошо Отлично Отлично Отлично Проверка ссылок Да Нет Да Да Только внутренних Только внутренних Проверка орфографии (англ.) Да Да Да Да Да Да Просмотр страницы Да Да Да Да Да Да Подцветка тегов Да Да Да Да Да Да Неприкосновенность исходного кода - - Да Да Да Да Поддержка CSS Да Да Да Да Да Да Работа в группе Да Нет Нет Да Нет Нет FTP Да Да Да Да Да Да Скрипты или шаблоны Нет Да Да Да Нет Нет Global Replace Да Нет Да Да Да Да Размер рабочего файла, MB 22 8 50 167 20 30 Учебники, help Отлично Отлично Хорошо Отлично Отлично Удовл. Интерфейс Отлично Хорошо Удовл. Отлично Хорошо Хорошо Управление сайтом Хорошо Удовл. Хорошо Отлично Отлично Хорошо Анализ времени загрузки Да Да Да Да Да Да SSI Нет Нет Нет Нет Да Нет Анализ HTML Да Да Да Нет Да Да Цена, $ 99 0 129 150 300 275 Контрольные вопросы Какие редакторы поддерживают многооконность?

Какие редакторы поддерживают работу на IBM 386, 486?

В каких броузерах отображается процесс загрузки?

Перечислите редакторы в которых есть возможность редактирования в WYSIWYG.

В каких редакторах есть наличие оптимизатора HTML-кода?

В каких редакторах есть возможность редактирования фреймов?

В каких редакторах есть возможность внедрять другие Web-компоненты (JavaScript, Java и др.)?