HTML-редакторы. Лучшие из лучших

CoffeeCup HTML Editor++ 8, CoffeeCup Software

Редактор CoffeeCup HTML Editor++ фирмы CoffeeCup Software представляет собой HTML-редактор, работающий на уровне кода и предоставляющий в распоряжение разработчиков обширный набор функций.

Среди основных новинок, появившихся в восьмой версии редактора CoffeeCup HTML Editor++, можно назвать: режим разделения экрана, в котором можно следить за вносимыми изменениями: древовидный список HTML-элементов и элементов WebTV, которым можно пользоваться для вставки элементов и их атрибутов в документ; набор мастеров для генерации таблиц, фреймов, META-ключевых слов и ряда других элементов. Редактор также поддерживает наглядную вставку таких элементов, как формы и их компоненты, комментарии и списки.

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

Для разработчиков, по-прежнему использующих элемент FONT (вместо того чтобы описывать используемые шрифты в соответствующих таблицах стилей), предлагается утилита Font Designer. С ее помощью можно устанавливать различные характеристики шрифта, которые будут сформулированы в виде соответствующего HTML-кода, помещенного в редактор. Например, для шрифта редактор CoffeeCup HTML Editor++ создал следующий HTML-код:

<font size="3"
face="Arial, Arial Narrow, Bell MT, monospace"
color="#993366"><b><u></u></b>
<font>

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

Новинкой являются визуальные средства для работы с таблицами и фреймами. Мастер Insert Table позволяет наглядно задать атрибуты самой таблицы и отдельных ячеек. Визуальное представление создаваемой таблицы помогает убедиться в том, что выбранные атрибуты — именно те, которые требуются. То же самое относится и к управлению атрибутами ячеек.

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

Среди новинок отметим также возможность быстрой публикации страниц на Web-сервере, функции глобального поиска и замены, средства для преобразования HTML-, XML-, XHTML-кода, встроенную утилиту для разбиения больших графических изображений на ряд маленьких (Image Slicer), возможность редактирования страниц, расположенных непосредственно на Web-узлах, встроенную проверку орфографии и тезаурус на 30 000 слов. Также следует сказать о том, что в редакторе поддерживается нумерация строк и возможность удаления HTML-элементов из выделенного фрагмента кода, есть способ сохранения выбранной цветовой схемы, автоматического перенаправления страниц, имеются средства вывода содержимого файлов на устройство печати.

Редактор поддерживает выделение синтаксиса цветом с возможностью изменения цветов. Это относится как к HTML-элементам и скриптовым программам, так и к другим синтаксическим элементам, поддерживаемым в редакторе, — ASP-коду, CFM-коду, таблицам стилей и т.п.

Редактор поставляется с большим количеством подпрограмм на JavaScript и CGI-скриптов. При выборе подпрограммы ее описание и исходный текст отображаются в специальном окне. Однако при этом встроенное окно просмотра не позволяет увидеть результаты работы скриптовых программ — для этого надо использовать внешний браузер, поддерживающий JavaScript.

Вместе с редактором также поставляется более 175 анимационных GIF-файлов и более 300 различных иконок и графических изображений.

Для работы с таблицами стилей следует использовать еще один продукт фирмы — CoffeeCup StyleSheet Maker++, который распространяется, как и сам редактор, в виде условно-бесплатной версии.

Здесь мы кратко рассмотрели основные новинки, появившиеся в редакторе CoffeeCup HTML Editor++ 8. В завершение скажем, что данный редактор стоит всего 49 долл., но при этом предоставляет большинство функций, характерных для его дорогих коммерческих собратьев.

На нашем CD-ROM вы найдете ознакомительную версию редактора. CoffeeCup HTML Editor++ 8, а также редактора таблиц стилей CoffeeCup StyleSheet Maker++.

Далее в нашем обзоре — относительно новый редактор (его «премьера» состоялась в прошлом году) фирмы Adobe GoLive 5 Abobe Systems.

Adobe GoLive 5, Adobe Systems, Inc.

Adobe GoLive 5 представляет собой ведущий продукт фирмы Adobe, предназначенный для профессиональных Web-разработчиков и дизайнеров.

Рассчитанный на разработку современных Web-узлов с динамической публикацией данных, этот продукт предоставляет в распоряжение разработчиков все необходимые средства для визуального создания Web-страниц, доступа к хранилищам данных, а также обеспечивает интеграцию с другими продуктами фирмы Adobe — Photoshop, Illustrator и LiveMotion.

Данный редактор был выпущен в 1997 году для платформы Macintosh и назывался CyberStudio. Фирма Adobe приобрела фирму GoLive Systems в 1999 году и спустя некоторое время после этого выпустила улучшенную Mac-версию CyberStudio под названием Adobe GoLive 4.0, тогда же продукт был адаптирован для платформы Windows.

Ниже перечислены основные характеристики данного продукта.

Средства визуального дизайна

• Adobe GoLive позволяет создавать и редактировать таблицы стилей, управлять «слоями» (layers) и выбирать режим, наиболее подходящий для того или иного браузера.
• Редактор обеспечивает полную поддержку Dynamic HTML, позволяет определять собственные действия (actions) и управлять анимациями с помощью Timeline Editor.
• Новинкой в версии 5 является интеграция с другими приложениями фирмы Adobe — Photoshop, LiveMotion и Illustrator.
• Можно точно задавать местоположение объектов на странице, используя различные вспомогательные средства, предоставляемые редактором, — layout grid, boxes и rulers.
• Редактор поддерживает визуальные средства для создания таблиц, импорт ASCII-файлов, создание форм и управление палитрами цветов.
• Редактор обеспечивает полный доступ к исходному тексту HTML-файлов, интеграцию всего кода (функция 360 Code), включая HTML, JavaScript, ASP, XML и т.п.
• Большинство операций выполняется простым перетаскиванием элементов между страницами,
  с палитры элементов или из других программ.
• Автоматически выполняется проверка синтаксиса, включая совместимость с различными браузерами; имеется возможность переключения между режимами отображения, перехода по номерам строк, создания фрагментов кода, которые можно повторно использовать, и написания скриптовых программ с помощью встроенного редактора ExtendScript.

Профессиональная разработка Web-узлов

• Adobe GoLive позволяет разрабатывать, создавать, редактировать и просматривать Web-узлы или импортировать существующие; обеспечивается визуальная проверка и восстановление ссылок; есть средства для автоматической генерации узлов по шаблонам и мастер-страницам; включены средства для загрузки и выгрузки отдельных страниц и целых узлов по протоколу FTP; отображается примерное время загрузки страниц.
• Новое средство Site Builder позволяет быстро создавать прототипы и диаграммы;
• Поддержка протокола WebDAV обеспечивает групповую работу над узлом, а для получения информации об узле используется генератор отчетов Site Report.

Расширенные средства

• Функция Dynamic Link используется для создания динамических Web-узлов, связанных с ODBC-источниками данных; обеспечивается поддержка объектов WebObjects, основных стандартов W3C, включая CSS2, SVG, XHTML и XML.
• Редактор поддерживает такие мультимедийные технологии, как Flash (.swf) и Real Networks G2. Специальный интерактивный редактор позволяет работать с Streaming QuickTime.

В целом, если вы знакомы с редактором Adobe PageMill, то можете рассматривать GoLive! как старшую версию этого редактора, в которой реализовано множество функций, отсутствующих в PageMill.

Для работы с ASP фирма Adobe предлагает модуль Dynamic Link for ASP, распространяемый бесплатно для зарегистрированных пользователей. Данный модуль позволяет создавать и редактировать ASP-страницы в редакторе GoLive!.

На нашем CD-ROM вы найдете ознакомительную версию редактора. GoLive! 4. Версия 5.0 должна появиться в середине этого года.

Следующий редактор, который мы представим в данном обзоре, — HotDog австралийской фирмы Sausage Software.

HotDog Professional 5.5, Sausage Software

Этот редактор выпускается в двух вариантах — Standalone и Webmaster Suite. Сначала мы рассмотрим сам редактор, а затем кратко остановимся на дополнениях, включенных в состав Webmaster Suite.

В версии 5.5 разработчики уделили много внимания повышению производительности продукта. В результате скорость загрузки редактора увеличилась на 200%, а скорость открытия документов — на 300%. Появились возможности создания собственного рабочего стола, сохранения различных настроек; возникли плавающие панели; появилась возможность открытия файлов на удаленных серверах; существенно улучшилась справочная система; пересмотрен справочник по HTML 4.0.

В HotDog Professional реализован ряд мощных средств для работы с Web-узлами. К ним, в частности, относятся: средства для задания файловой структуры на сервере и возможность редактирования файлов, расположенных на Web-узле; возможность выполнения глобальной замены таких элементов, как цвет фона, META-элементов; поиск фрагментов текста или группы HTML-элементов; проверка целостности ссылок и исправление ошибок в группах файлов.

В самом редакторе, составляющем основной элемент продукта, появился целый ряд полезных дополнений. Среди них — функция Code Completion, отображающая все возможные атрибуты и их допустимые значения для выбранного элемента; специальная панель HTML Property Sheet, отображающая допустимые HTML-элементы и их краткое описание; возможность задания фрагментов текста и «сжатие» их на экране (схожая функция есть в HomeSite 4.5); поддержка различных шрифтов для отображения содержимого редактора; нумерация строк в редакторе; всплывающие подсказки для элементов, цветов, графических изображений и ошибок синтаксиса, позволяющие быстро получить необходимую информацию; встроенный тезаурус; расширенная поддержка META-элементов; автоматическая вставка ключевых слов в верхнем и нижнем регистре; поддержка интернациональных символов.

Создавая новую версию редактора, разработчики исследовали наиболее продуктивные способы отображения информации. В результате в HotDog Professional была реализована уникальная технология ROVER (Real-time Output ViewER), дающая авторам возможность видеть вносимые изменения в реальном времени. Поддерживаются различные разрешения при предварительном просмотре (640, 800, 1024) и специальные элементы, позволяющие определить способы выравнивания тех или иных элементов документа.

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

Для оптимизации графических изображений используется утилита HotDog ImageLab, с помощью которой можно получить представление об изображении и времени его загрузки, преобразовать изображения в форматы GIF или JPEG и узнать, какой из них наиболее пригоден в том или ином случае.

В состав Webmaster Suite помимо редактора входят:

• Linkbot for HotDog — набор средств для управления сайтами, позволяющий авторам тестировать, сопровождать сайты, автоматически обнаруживать возникающие проблемы, искать неверные ссылки и создавать отчеты о состоянии сайта;
• Interactor for HotDog — средство для работы с Dynamic HTML, позволяющее создавать различные визуальные эффекты, включая перемещение, визуальные изменения и управление звуками;
• Paint Shop Pro for HotDog — полноценный графический редактор с богатым набором функций.

Кроме того, HotDog Webmaster Suite поставляется c 12 дополнительными программами, среди которых — Intel Web Design Effects, Xara3D, Bandwidth Buster, Button Editor, ImageMapper, Java Animator, утилита для преобразования Real Audio/Video и Visual Table Editor.

В недавно выпущенной версии HotDog Professional 6.0 появился ряд новинок.

• Поддержка различных Web-стандартов и языков программирования — HTML, CSS, ASP, VBScript, JavaScript.
• Упрощенная навигация по документам с помощью нового средства HTML Navigation View, которое отображает древовидную структуру документа и позволяет применять фильтры. Например, можно отображать все элементы, элементы определенного типа или только основные объекты.
• Добавлены средства для создания и редактирования каскадных таблиц стилей. Поддерживаются функции для импорта таблиц стилей и применения их в редактируемых документах.
• Вместе с редактором поставляется библиотека скриптовых программ, которые можно использовать в создаваемых документах.

На нашем CD-ROM вы найдете ознакомительную версию редактора. HotDog Professional 6.0.

Завершая наш обзор, рассмотрим еще одно средство для создания HTML-документов и Web-узлов — NetObjects Fusion 5.0 фирмы NetObjects.

NetObjects Fusion 5.0, NetObjects, Inc.

NetObjects Fusion — это средство для создания Web-узлов, включающее все необходимое для визуального проектирования страниц.

Работа с NetObjects Fusion начинается с выбора типа создаваемого узла. После того как имя нового узла задано, открывается окно Site View, где отображается содержимое вашего узла — изначально узел состоит из одной страницы Home. NetObjects Fusion поддерживает пять режимов отображения, каждый из которых соответствует определенной фазе разработки узла.

• Site — диаграмма сайта и размещение страниц.
• Page — дизайн и редактирование страниц.
• Style — использование готового или разработка нового стиля.
• Assets — добавление интерактивных элементов, скриптовых программ и т.п.
• Publish — публикация сайта.

Подход к построению сайтов, используемый в NetObjects Fusion, напоминает работу с графическими программами или программами верстки. Данный пакет больше подходит для тех, кто хочет быстро создавать Web-узел и совершенно не желает изучать HTML, а тем более писать код вручную. Поддержка технологии drag-and-drop и объектно-ориентированный поход облегчают задачу по созданию узла, но при этом пользователи могут столкнуться с рядом проблем, о которых мы еще поговорим.

Самым мощным средством, реализованным в NetObjects Fusion, является, несомненно, SiteView — разработчики получают наглядное представление о том, как выглядит структура узла.

Для того чтобы добавить новую страницу, достаточно щелкнуть по любой существующей странице и выбрать команду New Page. За счет мощных средств навигации, реализованных в NetObjects Fusion, дочерняя страница наследует средства навигации как у всего узла, так и у родительской страницы — это освобождает от необходимости обновлять многочисленные страницы каждый раз после того, как вы изменили функции навигации.

Не менее мощные функции существуют на вкладке Assets, где отображаются все файлы, ссылки, объекты и переменные, используемые в рамках данного сайта. Дерево объектов отображает структуру страницы и позволяет перемещаться по отдельным элементам.

Раздел Online — новинка в интерфейсе NetObjects Fusion 5.0. Щелчок на этой кнопке (расположенной в правом верхнем углу) приводит к появлению экрана с пошаговыми инструкциями, предназначенными в первую очередь для пользователей, не знакомых с концепциями NetObjects Fusion.

Хотя SiteView предоставляет отличные средства для получения представления о структуре узла и позволяет автоматизировать многие операции по управлению узлом, однако то, как NetObjects Fusion 5.0 работает с файлами, существенно отличается от общих представлений. Например, каждый файл сохраняется в отдельной папке, и все элементы, скрипты и таблицы стилей повторяются в каждой папке. В результате ваш узел занимает довольно большой объем дискового пространства. Более того, если вы захотите изменить один или несколько файлов какими-то другими средствами, отличными от NetObjects Fusion 5.0, то у вас возникнут проблемы с контролем версий.

Как мы отметили выше, NetObjects Fusion 5.0 позволяет применять стили ко всем файлам, расположенным на сайте. Для этого необходимо перейти на вкладку Style и выбрать один из многочисленных предопределенных стилей. В процессе работы вы можете без конца изменять стиль сайта. Также имеется возможность добавлять собственные стили и вообще переопределить основную таблицу стилей, используемую для всего сайта. Подчеркнем, что в NetObjects Fusion 5.0 вместо элемента FONT используются таблицы стилей — разработчики продукта следят за новейшими стандартами, что похвально. Однако изменение отдельных элементов приводит к появлению встроенных (inline) стилей, из-за чего происходит усложнение HTML-кода и снижается эффективность работы как документа, так и всего сайта. Также отметим, что при изменении шрифтов нельзя задать альтернативные шрифты. Впрочем, вы всегда можете сделать это вручную.

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

Используя команду меню Tools|Options, можно задать следующие параметры: тип браузера, который будет использоваться для просмотра создаваемых страниц (установленные браузеры определяются автоматически); режим, в котором будет отображаться страница (Window Size); тип платформы для сохранения файлов. Типы файлов, используемых по умолчанию, — HTM, HTML и SHTML, поэтому работать с ASP- или CFM-файлами весьма затруднительно.

Для каждого отдельного узла можно задать ряд дополнительных опций, среди которых — совместимость с браузерами (использование layers, таблиц и т.п.), стиль сайта, размер страницы, набор символов, META-элементы и т.п.

Желающие увидеть непосредственно HTML-код могут выбрать режим HTML Source View. При этом отображается временный код, который недоступен для редактирования. HTML-код доступен только через панель Properties. Здесь вы можете добавить код до и после выбранного элемента. Код самого элемента отредактировать нельзя, но можно добавить недостающие атрибуты.

NetObjects Fusion 5.0 рассчитан на быстрое создание Web-узлов и позволяет выполнять групповую работу над узлом, при условии, что все члены группы используют одно средство — NetObjects Fusion 5.0. К достоинствам данного продукта следует отнести поддержку средств навигации, работу с таблицами стилей, возможность изменения дизайна сайта. Среди основных недостатков отметим, что каждый сайт занимает существенно больше дискового пространства, чем это действительно необходимо, и что отсутствует возможность редактировать HTML-код.

На нашем CD-ROM вы найдете пробную версию редактора NetObjects Fusion 5.0.

Заключение

В нашем обзоре мы ознакомили вас с HTML-редакторами ведущих фирм. Как можно увидеть, большинство редакторов приобрели схожие возможности, наметилась тенденция к интеграции с другими продуктами и появились возможности публикации данных. Вероятнее всего, следует обратить внимание на Macromedia Dreamweaver 3 — данный продукт предоставляет в распоряжение разработчиков огромный набор функций и, несомненно, первенствует в таких областях, как визуальный дизайн, поддержка Dynamic HTML и CSS, а также прекрасно интегрируется с другими продуктами фирмы. В то же время для работы с HTML-кодом без визуальных средств можно посоветовать либо Allaire HomeSite 4.5, либо SoftQuad HotMetal Pro 6 (хотя HotMetal Pro 6 — это не совсем HTML-редактор. Скорее, он находится на стыке между HTML-редакторами и визуальными редакторами).

Отсутствие мощных средств для разработки узлов и поддержки коллективной работы не позволяет говорить о Macromedia Dreamweaver 3 как об идеальном средстве — для этих целей больше подойдет, например, NetObjects Fusion 5 или Adobe GoLive! 5. Последний, кстати, позволяет работать с Active Server Pages. Одним словом, выбор редактора полностью зависит от тех задач, которые необходимо решить и, вероятнее всего, вы не найдете такого средства, которое бы подходило вам во всех отношениях.

Тем не менее я бы отдал предпочтение Macromedia Dreamweaver 3 и использовал бы Drumbeat 2000 (той же фирмы Macromedia) для работы с Active Server Pages (или Allaire ColdFusion, возможно, в паре с Allaire HomeSite), а для создания целого сайта и реализации прототипов поискал бы какой-нибудь недорогой shareware-продукт.

КомпьютерПресс 6'2000