.: Обзор HTML-редакторов

Павел Виноградов

Кто хотя бы раз в жизни не заглядывал на Web-страницы "с обратной стороны"? А кто не пытался делать их сам?

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

Для совсем непосвященных немного поясню. Web-страницы можно ваять в редакторах двух основных типов:

А) WYSIWYG-редакторы: Word, Dreamweaver, FrontPage и т.д.

Б) Не - WYSIWYG, или текстовые: HomeSite, HotDog, FirstPage, и т.д.

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

А вот текстовый HTML-редактор отличается от обычного текстового редактора - вы узнаете из обзора.

HomeSite 4.5.2.

Один из самых "продвинутых" (если не самый "продвинутый") редакторов, снабжен больших количеством приспособлений и "наворотов", призванных серьезно облегчить жизни HTML-кодеру или Web-дизайнеру. Но, по порядку.

Объемистый дистрибутив редактора включает в себя, помимо самого редактора, редактор TopStyle для редактирования таблиц CSS. При желании его можно не устанавливать. Вторым компонентом, который существует вне самого HomeSite, является довольно удобный Plug-In, позволяющий прямо из проводника Windows связываться с удаленными FTP-хостами для загрузки файлов. Т.е. в проводнике между "Панелью управления" и "Назначенными заданиями" возникает пункт "Allaire FTP & RDS", и вам остается только добавить туда координаты своих сайтов для FTP-загрузки. Просто и удобно. Однако самое интересное ждет нас внутри редактора. В новых версиях HomeSite реализован весьма универсальный и полезный для нас с вами подход к построению утилиты проверки орфографии в документе. Если раньше этот компонент поставлялся самими создателями редактора, и проверки орфографии русского языка, естественно, не содержал, то теперь вы имеет право выбрать. Или вы используете интегрированный в HomeSite чек-спеллер, или, если у вас установлен MS Office - чек-спеллер из этой программы. Так что проблема с проверкой орфографии русского решена всерьез и надолго.

Весьма мощным инструментом в руках разработчика может стать Visual Tools Markup Language и WizML - Wizard Markup Language, язык разметки инструментов и язык разметки мастеров, соответственно. Это - инструменты, позволяющие пользователю HomeSite изменять встроенные в HomeSite диалоги и мастера для редактирования тегов HTML, а также создавать свои собственные. Каждый инструмент представляет собой специально разработанный для этих целей язык, для работы с которым в HomeSite встроен специальный редактор - Allaire Visual Tools.

Как обычно, HomeSite отличает большой набор документации и файлов поддержки по работе с HTML. Для работы с собственно HTML предлагается несколько разных инструментов. Во-первых - Tag Chooser ("выбиратель тегов"). В небольшом окне отображен древовидный список тегов, причем теги скомпонованы не только по назначению, но и по степени "свежести" - теги устаревшие, а также поддерживаемые не всеми браузерами приведены в отдельных подрубриках. Кроме того, здесь же вы найдете теги для работы не только с HTML, но и с HDML, WML, и многими другими языками. Возможно, и они будут полезны для вас.

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

Наиболее заметная и продуманная часть HomeSite - окно для редактирования страницы. В последних версиях HomeSite в этой части редактора помимо обычных закладок "Edit" - редактирование и Browse-"Просмотр" появилась новая - Design(Создание, разработка). Назначение этой части не может не удивлять, т.к. еще год-два назад её наличие могло бы показаться "покушением на принципы" не WYSIWYG редактора. Да-да, здесь вы можете разрабатывать свою страницу как в Word, PageMaker или в любом другом WYSIWYG редакторе. Видимо, эпоха "чистых" текстовых HTML редакторов постепенно проходит.

Однако, основная "вкусность" окна для редактирования таится не в этой возможности - в ней нет специфического - а в небольшой панели инструментов с левой стороны окна. Здесь вы найдете массу небольших кнопочек для закрытия текущего документа, вызова списка открытых файлов, включения/выключения переноса слов по границе окна, и т.д. и т.п. - словом, масса полезных инструментов под рукой, и не занимает много места.

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

Недостатков у HomeSite немного, и все они - оборотные стороны его достоинств. Во-первых, это перегруженность возможностями. Честно говоря, мне показалось, что их НАМНОГО больше, чем это действительно необходимо. Это резко снижает привлекательность HomeSite в качестве редактора для начинающих. Обидно - обилие документации по HTML могло бы сильно помочь "зеленому" Web-мастеру, но в "дебрях" HomeSite неискушенному новичку можно легко заблудиться.

FirstPage 2000 v.2.00

Второй редактор, который, несмотря на относительную молодость и Freeware статус можно отнести к разряду хорошо сделанных, удобных, и профессиональных HTML-редакторов. При этом, в отличие от HomeSite, его наоборот стоит порекомендовать новичкам на просторах HTML. Интересной и небесполезной особенностью FirstPage является возможность запускать его в 4 режимах - Easy, Normal, Hardcore и Expert. В зависимости от режима меняется количество кнопок в панели инструментов, а также сам подход к их передаче от пользователя в документ. Так, в HardCore режиме вы имеет в панели инструментов практически все теги HTML. С другой стороны, редактор практически не мешает вам после того, как вы выберете нужный в данный момент элемент - он просто вставляет его со всеми атрибутами, не заполняя их конкретными значениями. В режиме Easy и Normal вам предложат диалоговое окно, в котором можно задать все параметры необходимого вам объекта, чтобы получить его потом в готовом виде в HTML. В режиме Expert вы можете выбирать между этими возможностями.

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

Имеется проверка орфографии (только английская), простой поиск с заменой. Полезная черта FirstPage - наличие большого количества поставляемых в комплекте с редактором скриптов на Javascript и Perl. Кроме того, вы можете вставлять готовые конструкции из меню в "продвинутых" режимах. Есть проверка корректности HTML, которая "в упор" не видит русский язык, предлагая заменить все кириллические символы специальными обозначения типа &aaqute. Правда, на это вполне можно не обращать внимания.

Еще понравилось, что все три браузера (Netscape, Opera, Internet Explorer) на своем компьютере, FirstPage нашел сам, что избавило меня от необходимости трижды рыскать по директориям компьютера, дабы объяснить программе, в каких браузерах я хочу видеть свои страницы. Есть очень похожая - и такая же удобная, как в HomeSite - панель инструментов рядом c окном редактирования. Имеется менеджер проекта, а теги можно вставлять не только из панели инструментов, но и из специального списка слева от рабочего окна. Разница в том, что во втором случае атрибуты тега не ставятся никакие. При этом - есть очень неплохая справка по HTML.

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

AceHTML 4

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

Основные функциональные возможности - подобно HomeSite и FirstPage, может, правда, чуть победнее, чем у последнего. Из ценных качеств Ace надо отметить умелую работу с кодировками русского языка. Он:

1. Умеет проверять русскую орфографию, пользуясь спеллчекером Word.

2. Корректно по отношению к символам русского алфавита проверяет грамотность HTML кода, не предлагая заменить их белибердой типа a

3. "Сам" обеспечивает поддержку русских кодировок. Другими словами, правильно отображает русский текст во встроенном браузере, а новая страница автоматически получает в заголовке необходимую META-строку с указанием используемой кодировки.

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

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

Дополнительно можно установить FTP-утилиту AceFTP, с которой редактор легко интегрируется. Хотя я предпочел бы возможность перенастроить его для работы "в паре" с моим любимым FTP-клиентом, но такой возможности, к сожалению, нет. Правда, если очень хочется, можно открыть файл используя его адрес в WWW.

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

В остальном - все "как у всех". Имеется панель для выбора тегов HTML, а также JavaScript версий от 1.0 до 1.3. HTML теги тоже можно "фильтровать" по требуемой вам версии - 3.2, 4.0, и т.д. С другой стороны - довольно удобные диалоги для создания готовых HTML объектов, если вам это удобнее. Страницу можно просмотреть в любом браузере на ваш выбор. Подобно HomeSite, Ace умеет проводить расширенный поиск по директориям с заменой. Как уже говорилось, есть проверка корректности вашего HTML.

Из недостатков надо выделить весьма бедную справку по HTML, и полное её отсутствие на предмет Javascript и CSS, хотя сам Ace с этими языками работает.

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

SNK Visual HTML Workshop v.3.5.2.

Если HomeSite, FirstPage, AceHTML представляют собой, всё-таки, обычные HTML редакторы, то SNK Visual HTML Workshop - это попытка явить миру принципиально новый подход к созданию, редактированию и поддержке Web-сайтов в целом. При этом авторы постарались сохранить сильные стороны текстового редактора как средства работы с Web-страницами. SNK Visual HTML Workshop - это стержневой компонент среды для разработки Web-сайтов SNK WebOffice, подробнее о которой можно узнать здесь. Приятно, что этот пакет создан и поддерживается российскими разработчиками.

Сами авторы называют свой подход "проектно-ориентированным". Под этим, видимо, подразумевается, возможность "сборки" всего сайта в рамках единого файла проекта, содержащего список файлов. При запуске специальный мастер предлагают задать весьма широкий набор базовых параметров сайта. Помимо стандартного цвета фона, ссылок, фонового рисунка и т.д. он включает кодировку сайта (Windows 1251, KOI8 etc.), корневой каталог вашего сайта в WWW, адрес CGI-BIN каталога вашего сайта, набор ключевых слов для вставки в META теги, файл со стилями CSS, и т.д. и т.п. Удобно при этом то, что в рамках проекта все входящие в него файлы - таблицы стилей, Javascript, и многое другое можно редактировать в одном и том же окне редактора.

Естественно, при работе с русским языком проблем не возникает - редактор российский. Правда, мне не удалось обнаружить в нем спеллчекера, хотя он вполне может оказаться компонентом WebOffice. Новой и заслуживающей внимания оказалась утилита "Доктор проекта". Эта встроенная в редактор программка, умеющая искать и исправлять такие ошибки, как присутствие в проекте пустых и несуществующих файлов, а также неверных дат последнего обновления.

Также заинтересовал диалог (или мастер?) для создания функций Javascript. Весьма оригинальная идея, не лишенная практичности. Хотя, конечно, весь код вы в диалоговом окне не напишите, создание функции всегда начинается ряда рутинных шагов (придумать имя, задать предаваемый переменные, и т.д.), автоматизация которых весьма полезна.

К сожалению, Help редактора сделан по "минимальной мерке". В принципе, на все вопросы можно найти ответы, есть даже встроенная справка по HTML, CSS и JavaScript, но объем и качество даваемых ответов и рекомендаций явно оставляют желать лучшего. Так, например, из весьма краткого описания вышеупомянутого "Доктора проекта" я так и не понял - умеет он находить ссылки на несуществующие файлы, или нет.

Редактор имеет встроенный FTP-клиент, страницу можно посмотреть в трех браузерах. Весьма неплохо устроены мастера для вставки тегов. С другой стороны, оставленная авторами возможность вставлять теги "одной кнопкой", несколько зря "обеднена" до довольно узкого набора. Например, для пары тегов "td","/td" отдельная кнопка есть, а вот "table", "/table" нет. Почему? Иногда таблицу хочется и руками сделать, а не только "навороченным" мастером. При этом хочется подчеркнуть, что набор поддерживаемых редактором инструментов достаточен - HTML, JavaScript, CSS.

В целом, единственный в обзоре российский "продвинутый" HTML редактор в целом "марку" держит, несмотря на обидные недочеты.

Lorenz Graf's HTML Tool

Еще один очень хороший HTML редактор, сделанный просто, но толково. Очень хорошо продуман подбор вспомогательных функций. Сгруппированы они грамотно, так что находятся все с первого беглого обзора вложенных менюшек редактора. Перечислю основные: встроенный ftp клиент, встроенный спеллчекер, многофайловый поиск с заменой, открытие файлов из Web, менеджер проекта, проверка ссылок, тезаурус, "взвешивание" страниц (т.е. расчет времени загрузки по объему файлов, составляющих страницу), проверка синтаксиса страницы с одновременным форматированием кода, импорт RTF(!) и текстовых файлов, определение своих тегов и многое другое.

Специально не останавливаюсь подробно на этом редакторе, т.к. при всех плюсах он имеет минус - плохо работает с символами кириллицы. Эта досадная черта практически "убивает" такие полезные утилиты, как проверку корректности HTML, спеллчекер, импорт RTF. К сожалению...

HotDog Professional v.6.2

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

Несмотря на легкомысленные черты, редактор на поверку оказывается вполне профессиональным. Встроена поддержка весьма широкого набора инструментов, используемых в Web-дизайне: HTML, CSS, JavaSript, VBScript, ASP, а также DOM - объектной модели документа, используемой при программировании на VBScript и JavaScript. При этом проверка синтаксиса этих инструментов может настраиваться в весьма широких пределах. Например, HTML можно проверять на соответствие версии 3.2, 4, или на "просматриваемость" только в Internet Explorer и т.д.

"Ноу-Хау" HotDog - это SuperToolz. Если вам чего-то не хватило внутри HotDog - а нам всегда чего-то не хватает - можно:

1. Через меню SuperToolz соединиться с сайтом HotDog

2. Установить Installer и AutoDownLoader для дальнейшей работы

3. И получить в свое распоряжение неплохую библиотеку Add-on и Plug-In.

Среди последних мне понравились Table Editor, Image Mapper, а также ICQ Communication Panel. Первое приложение представляет собой удобный и, в то же время, компактный редактор таблиц HTML, позволяющий легко и непринужденно разрабатывать код HTML для таблиц по вашему вкусу. Второй - приложение для построения Image map - чувствительных к мыши карт изображений. Третье - это средство разработки панели коммуникаций ICQ, встраиваемой в страницу. Во всех трех случаях созданный вами код после окончания работы с приложением помещается в Clipboard, откуда его можно вставлять куда угодно, в том числе и в сам HotDog.

Среди плагинов на сайте есть и набор словарей для спеллчекера. Русского, к сожалению, найти не удалось.

CoffeeCupHTML

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

Другой несомненный плюс Coffee - большая подборка всяческих "прибамбасов", в компании с которыми он поставляется. Есть библиотека картинок - фоны, кнопки, стрелки и т.д., библиотека звуков(!), библиотека скриптов на JavaScript (), CGI-скрипты на Perl, DHTML-вставки. Соединившись с сайтом Coffee, можно получить готовый набор графических элементов для создания "крутого" дизайна своей станицы.

Умеет соединяться с удаленным сервером по FTP. Есть встроенный Image Mapper.

В целом, обзор HTML редакторов показывает, что в зависимости от ваших амбиций и вкусовых наклонностей можно практически всегда подобрать себе редактор по вкусу и возможностям. Если вам нужна могучая среда разработки HTML-проектов - берите HomeSite. Если вы - начинающий, но быстро развивающийся HTML-кодер, и хотите себе редактор "на вырост" - лучшим выходом вашей для творческой энергии станет FirstPage. AceHTML силен в работе с национальными языками и кодировками, и это во многих случаях может сделать его лучшим для решения ваших задач. SNK Visual HTML Workshop -неплохой инструмент с оригинальным подходом к HTML-дизайну, к тому же - с русским интерфейсом. Многим придется по вкусу HotDog с его расширяемостью и возможностью использования внешних модулей. Ну, а если не хотите ничего особенного, просто редактор - берите CoofeeCupHTML.

Источник: http://www.4User.ru/