For Webmasters

Вторая стадия

"Каждый, кто создает гипертекстовые документы, проходит через три стадии: вначале - эйфория от использования WYSIWYG-редакторов, когда щелчком мыши на странице создаются "любые эффекты". Потом дополнительные вставки от FrontPage'а надоедают, и приходит бравада - Notepad или другой простой редактор: "Знаю много кодов, набираю их сам!" Наконец умудренный опытом web-мастер делает выбор в пользу пакетов, работающих со всем сайтом в комплексе, как HomeSite"
(из переписки в эхоконференции)

В данной статье основной акцент сделан на лучшие редакторы второй группы с частичным заходом в первую, третью затрагивать не будем...

Сразу оговорюсь, что я не пытался охватить весь рынок web-редакторов. Во-первых, здесь речь идет только о чистых HTML-редакторах с некоторыми дополнительными возможностями, отдельные пакеты с понятными названиями Frame Generator, Color Manager, Color Wizard, система индексирования файлов WebAnchor и пакет для формирования графических карт (maps) MapThis! в расчет не берутся. Не говоря о разнообразных графических редакторах, стоящих совершенно обособленно, и не только для Интернет предназначенных. Во-вторых, о каких-то системах я либо просто не знал, либо по техническим причинам не смог их протестировать (например, редактор WebEdit).

Так что нижеприведенный обзор - лишь отражение личного опыта, и (открою секрет) в основном рассматриваются программы с компакт-диска, приложенного к книге "Netscape 3 в подлиннике" издательства QUE, ну и сам Netscape Editor - его-то легко найти (кстати, зачтем распространенность как "плюс" этого редактора)... Что касается версии Netscape "из книги", то "не самое новое" не значит плохое, основные тенденции долго не устаревают!

На всякий случай оговариваю, что в статье используется большое количество распространенных в мире Интернет терминов, пришедших из английского языка и вошедших в транскрипции в русский сетевой жаргон: главные из них, конечно, браузер (browser, программа просмотра гипертекстовых документов) и тег (tag, код языка HTML). Надеюсь, что мелькание слов типа интерфейс и web-мастер уже никого не пугает...

И еще одна аббревиатура, столь часто здесь повторяемая: WYSIWYG (What You See Is What You Get) - обозначение программ, отображающих документ на экране в том виде, как он будет выглядеть на печати (или на экране браузера) - например, как в текстовом процессоре Word for Windows.

Редактор
Netscape Editor
HotMetal
Dida
Webber
HotDog
HTMLWriter
HTMLEd
HTML Notepad
HTML Assistant
WebMania!
просмотр страницы
WYSIWYG
встроенный браузер
интеграция с внешним браузером (настройка на NN/IE)
нет интеграции с браузером
вставка кодов через меню
+
+
 
Tag Assistant
+
+
+
+
+
+
вставка таблиц
+
+
+
Table Assistant
+
 
+
   
+
редактирование таблиц
   
+
Table Editor
+
       
+
формы
 
+
+
Form Assistant
+
       
WebForms!
иллюстрации
+
+
+
Image Assistant
+
       
+
контекстное меню
+
 
+
+
           
выделение тегов цветом
+
+
 
+
   
+
     
списки
 
+
 
List Assistant
         
+
ссылки
+
+
 
Link Assistant
         
+
спецсимволы
 
+
 
Char Assistant
           
фреймы
     
Frame Assistant
         
+
пользовательские теги
   
+
 
+
       
+
локальные якоря
+
+
               
настройка цветов символов и фона
+
+
+
             
известность
+
     
+
   
+
   
итоговая оценка
9
10
7
11
7
1
3
2
1
9

Вначале обсудим достоинства и недостатки конкретных редакторов:

Netscape Editor (входил в комплект Netscape Navigator начиная с версии Gold 3.01, потом редактор приобрел наименование Netscape Composer) - с этого редактора обычно и начинают изучение HTML, я лично постигал азы еще с 16-битной версией. И несмотря на то, что опытные web-мастера ругают WYSIWYG почем зря, нет ничего удобнее при заполнении таблицы в HTML видеть ее сразу готовой! Диалоги вставки ссылок и иллюстраций здесь тоже очень удобные.

HotMetal, второй и последний проповедник WYSIWYG'а, огорчил недоверием к некоторым тегам HTML- при попытке загрузить в него достаточно простую страницу ругался и читать ее не хотел. Может, и была возможность настройки, но возня не помогла, пришлось бросить... А так очень удобно, и набор нового текста с одновременным его форматированием доставляет удовольствие. В отличие от HotMetal, который в принципе не поддерживает тегов с цветом, Netscape Editor работает и с цветом текста, и с цветом фона, сам цвет можно выбирать из палитры.

Dida занял промежуточную позицию между сторонниками WYSIWYG'а и "второй стадии": он имеет встроенный браузер, вызываемый по закладке под окном с основным текстом (как в Excel) или по команде File/View. Неплохой браузер с поддержкой таблиц и графики, просматривающий файлы без ограничения на размер. Это особенно приятно с учетом того, что в 16-битной версии, например, размер загружаемого для редактирования файла ограничен 32К. Существует версия Dida Pro, но будучи незарегистрированной, она ведет себя еще хуже - позволяет редактировать только текст не длиннее 80 строк.

Признанный сетевой общественностью HotDog и менее известный Webber представляют собой группу интегрированных с внешним браузером редакторов. То есть в настройках программы указывается путь к Netscape Navigator'у или Internet Explorer'у (или к тому и другому сразу), и потом все обрабатывается корректно: по нажатию кнопки Preview запрашивается подтверждение на запись файла, запускается (или активизируется запущенный) браузер, файл перезагружается... Все правильно!

Именно Webber отличается проработанной структурой вспомогательных инструментов для вставки тегов HTML, аналогов мастеров (Wizards) в программах от Microsoft. В Webber есть отдельный диалог для вставки специальных символов (Char Assistant), но и остальные инструменты не хуже: Tag Assistant (вставка тегов, выбираемых из обширного меню), Form, Image, List, Link и Frame Assistant'ы (по названиям легко понять их предназначение). Интересно организован Table Assistant: в нем описывается шаблон таблицы, для заполнения служит Table Editor, результат копируется в Windows Clipboard и уже обычной командой Edit/Paste вставляется в текст файла! Что касается популярности и личных пристарстий, посмотрите сами на обзорную таблицу и поймете, почему для себя я предпочел Webber.

Последняя группа редакторов не имеет никакой интеграции с браузерами, так что цепочку Save-Switch To-Reload приходиться проходить самому.

HTML Assistant в виде примитивного текстового редактора со вставкой кодов через меню не следует путать с пакетом HTML Assistant for Word - набором макрокоманд, превращающим известный своими обширными возможностями текстовый процессор еще и в web-редактор с браузером.

HTMLEd, несмотря на убогий интерфейс, порадовал диалогом настройки таблиц и выделением тегов цветом.

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

HTML Writer прост и скромен.

WebMania! поразила своей навороченностью, причем не только меня, но и компьютер: работать стало так же напряженно, как при запуске требовательного к ресурсам WYSIWYG-редактора от Netscape. И если диалог по формированию клиентского варианта графической карты (client-side map, реализовано только здесь!) навряд ли сильно загружает машину, то огромная оболочка по разработке (и обработке) форм сильно "подвешивает" компьютер (кстати, распространяется и в виде отдельного пакета - WebForms!) Другой аспект: хотя диалог вставки графического файла прописан слабовато (размер картинки не определяется), то к оформлению шаблона нового файла создатели WebMania! подошли очень обстоятельно: выводится огромный диалог для определения разных параметров создаваемой странички, а потом в нее еще вставляется JavaScript, выводящий бегущий текст с приветствием в статусной строке браузера.


Вот такая ситуация с отдельными редакторами, еще раз оценим программы по группам их функций.

Вставка тегов через меню так или иначе реализована во всех программах, в некоторых это делается через редактируемые кнопочные панели (Webber), или тег обозначается по стандарту HTML (<b> для жирного текста, HTML Writer), или по названию эффекта (bold в Dida). Бывают и промежуточные варианты в виде огромных списков (Tag Assistant, Webber).

Диалогами создания и настройки параметров таблиц снабжены многие редакторы, но лишь половина из них позволяет данные в этих таблицах редактировать, лидер здесь, пожалуй, Webber.

Интерактивное создание форм также удел немногих, и если б не излишняя навороченность, держать верх WebMania! А так опять Webber...

Много кто предлагает помощь при вставке иллюстраций на страницу, и здесь никто не ударил в грязь лицом - кроме WebMania! и HotMetal диалоги почти у всех удобные и подробные... У тех, у кого они есть.

Контекстное меню, активизируемое правой кнопкой мыши, есть у Webber, Dida и Netscape, причем у последнего выполняет только чисто "редакторские" функции: Copy, Paste и некоторые другие.

Кстати, при наборе этой статьи всплыл еще один плюс Netscape Editor'а: удобная работа с локальными якорями (<a name="...) Менее удобно поддержка локальных якорей реализована только у HotMetal. Вернемся к Netscape Editor. Во-первых, есть отдельная кнопка для вставки этого тега, во-вторых (и этого уже не добиться настройкой пользовательских панелей в других редакторах!) диалог настройки параметров ссылки позволяет прямо сослаться на локальный якорь (<a href="#...) выбрав имя из списка уже определенных в документе. Такого нет нигде! А кнопочка - мелочь, но приятно. И именно из таких мелочей складывается хорошее мнение о продукте, и именно из-за этих якорей пол-форматироавния статьи я делал в Netscape Editor'е.

Выделение тегов цветами - у Webber'а, HTMLEd и в некотором смысле Netscape: неизвестные редактору теги (а таких немало, к сожалению) помечаются специальной пиктограммой, при наведении на которую курсора мыши в статусной строке можно прочитать описание "внутренности" тега, а по двойному щелчку его можно отредактировать... Но теги надо знать самому и редактировать фактически исходный HTML-код!

А настройка цветов результирующего документа, т.е. цвет текста, цвет фона, фон ячеек таблицы и так далее - у Netscape Editor, HotMetal и Dida.

Списки и фреймы интерактивно создавать умеют только Webber и WebMania!, в деле интерактивного создания ссылок со своим расхваленным выше диалогом присоединяется Netscape Editor.

Позиция в обзорной таблице, по которой Webber не заработал очка - поддержка пользовательских тегов. И если в Dida эта возможность реализована через скромную таблицу, то в WebMania! наблюдается апофеоз идеологии "все для конкретного пользователя": сразу после установки программы экран заполняется лишь пустыми кнопочными панелями, которые можно самостоятельно настраивать, наполняя любимыми тегами и создавая себе самый приятный интерфейс. Интересно, сколько бы на это ушло времени?

Такая специфическая возможность, как вставка специальных символов (копирайт, торговая марка и проч.) реализована только в Webber и HotMetal.

Самая спорная строчка таблицы - "известность" редактора, чисто субъективно... Но похоже на правду!

Редактор
Версия
Размер
Условия
распространения
Homepage
Email
Netscape Editor
3.0 Gold
7M
freeware
www.netscape.com
webmaster@mozilla.org
HotMetal
2.0
3.3M
freeware
www.sq.com
mail@sq.com
Dida
Pro 2.50a
1.2M
freeware
www.faico.net
info@faico.net
Webber
'96
2.3M
shareware, 30 days
www.csdcorp.com
webber@csdcorp.com
HotDog
2.53
2.2M
shareware
www.sausage.com
evaluation@sausage.com.au
HTML Writer
0.9 beta 4
0.6M
freeware
lal.cs.byu.edu/people/nosack
html-writer@byu.edu
HTMLEd
1.5
0.7M
shareware, 30 days
www.ist.ca/htmled
sales@ist.ca
HTML Notepad
2.1
0.3M
shareware, 45 days
www.cranial.com/software/htmlnote
info@cranial.demon.co.uk
HTML Assistant
1.4
0.5M
freeware
cs.dal.ca/ftp/htmlasst/hh.html
harawitz@fox.nstn.ns.ca
WebMania!
1.5
4M
shareware, 30 days
www.q-d.com
76336.3271@compuserve.com

Итак, подведем итог. В конце первой таблицы приведена условная оценка каждой программы в баллах, баллы эти присуждались за наличие тех или иных дополнительных возможностей. Таким образом, лидером из соревнования выходит Webber, но это не значит, что использовать достаточно только его одного. Например, при написании этой статьи основной текст и статьи набраны в Webber, локальные перекрестные ссылки - в Netscape Editor, а окончательная сборка файла - в простом текстовом редакторе, даже не важно, в каком: пусть это будет стандартный Notepad из комплекта Windows. Здесь были нужны только функции работы с Clipboard: Copy и Paste, а Webber не всегда корректно их обрабатывает.

Кроме Netscape и Webber, на всякий случай под рукой лежит Dida (его маленький браузер запускается гораздо быстрее Netscape Navigator) и WebMania! - на случай создания map'ов.

Чтобы оправдать включение данной статьи в "Обзоры интернет-ресурсов", надо хотя бы указать сайты фирм-разработчиков HTML-редакторов. Следует иметь в виду, что любые программы, имеющие непосредственное отношение к Интернет, легко найти на серверах со свободно распространяемым программным обеспечением (тем более что большинство HTML-редакторов являются freeware и shareware), особенно на сайтах сети Tucows.

Александр Левченя
levchenya@kudesniki.ru