Журнал LinuxFormat - перейти на главную

LXF92:Сравнение

Материал из Linuxformat
Версия от 15:14, 20 ноября 2008; Crazy Rebel (обсуждение | вклад)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск


Каждый месяц мы сравниваем тонныПО – а вы можете отдыхать!

Содержание

Сравнение Web-редакторы

В шоке от перспективы создавать web-сайт? Дэвид Каулсон знает HTML-редакторы, делающие эту работу пустячной.

Внаши дни чуть ли не каждый имеет свое «представительство» в Интернете (по крайней мере, временами так кажется), будь то созданный с нуля сайт или шаблонное CMS-приложение. И хотя появление Web 2.0 принесло с собой сложнейшие сайты, использующие Flash и JavaScript, большинство web-приложений все еще сильно зависит от традиционного HTML и кода, выполняющегося на стороне сервера.

Те из нас, кому случалось создавать сайты и писать приложения, часто сталкивались с необходимостью скрестить функциональный код с оформительской частью всего за полдня. Немало опытных web-дизайнеров, добиваясь идеала, вручную создают и подчищают HTML и CSS, но большинство из нас предпочли бы щелкать мышью да перетаскивать фрагменты страниц. Emacs и Vi, предлагающие подсветку синтаксиса для кода на PHP, Perl и HTML, безусловно, главные претенденты на основную массу приложений. Продуктивно? Без сомнения. Удобно для пользователя? Не особо.

Здесь-то и выручают web-редакторы. Подобно настольным издательским системам, они разработаны, чтобы помочь создавать web-страницы, интегрируя все части проекта в одно приложение. Нужно создать слой, изменить код или даже вручную что-то подредактировать? Вот инструменты для вас. Со времен выхода Netscape Composer рынок web-редакторов разросся и сейчас предлагает множество приложений для удовлетворения нужд всех пользователей.

Наиболее существенная функция, связанная с удобством web-редакторов – это наличие режима WYSIWYG (What You See Is What You Get – что видите, то и получаете). Этот интерфейс позволяет вносить изменения в режиме реального времени, с просмотром того, как страница будет выглядеть в браузере, а не в текстовом окне или в плохо отрисованной версии сайта. В связке с продвинутыми функциями работы со встраиваемыми изображениями или таблицами можно создавать сложные конструкции без необходимости постоянно сохранять и тестировать страницу. Это значительно сокращает время, необходимое для внесения небольших изменений, плюс позволяет легко подстраивать код, чтобы убедиться, что все выглядит «как в лучших домах Лондона и Парижа».

Про наш тест

Мы опробовали каждый редактор на некотором реальном web-контенте, затем воспользовались им для создания нескольких страниц с нуля. Вот на что мы обращали внимание:

  • Простота использования. Мы пользуемся редакторами, потому что Vi просто слишком сложен для большинства людей. Мы оценивали интерфейс пользователя, а также возможности для опытных пользователей.
  • Поддержка языков программирования. Создание статической страницы с анимированными тостерами – это 1995-й год. Мы проверяли, могут ли редакторы работать с CSS, PHP и Perl.
  • Генерируемый код. Каждый знаком с... гм... качеством HTML, которое производит Microsoft Word. Мы сравнивали код, созданный этими редакторами, с тем, что действительно требуется для отображения нужной страницы.

Bluefish

Bluefish – удобный текстовый HTML- редактор для каждого, кому нужно выдать на-гора кучу web-контента без лишней мороки. Не смущайтесь низким номером релиза 1.0.7: Bluefish – зрелое приложение, делающее свое дело быстро и эффективно. Версия 1.0.7 содержит множество функций, способных превратить создание очередной web-статьи в удовольствие. Для начала, есть превосходная подсветка синтаксиса для кода на HTML, Perl, PHP и C, упрощающая жизнь, когда приходится вносить изменения непосредственно в страницы.

Другая опция, которую Bluefish предлагает по умолчанию – интеграция с браузерами. Для web-разработчика это очень важно: что за радость проектировать страницу, оптимизированную для одного браузера, лишь для того, чтобы увидеть ее изгаженной в другом? Единственный браузер, отсутствие опции для которого мы заметили, был Internet Explorer. Пусть вы не любите IE, но при проектировании web-сайта важно убедиться, что он выглядит одинаково во всех браузерах, которые могут использовать посетители – по правде говоря, довольно непрофессионально со сто роны команды разработчиков Bluefish исключать IE из-за личного предубеждения, а не стараться удовлетворить потребности своих пользователей.

Bluefish – действительно очень умелый редактор кода, не говоря уже о том, что это подлинно специализированный инструмент web-разработки. Более того, разработчики Bluefish вызывают огонь на себя и продолжают разработку Bluefish в самом Bluefish. Для большинства языков имеется встроенная справка, позволяющая бегло окинуть взглядом список передаваемых функции аргументов, на случай его изменения (такое нередко происходит в PHP).

К сожалению, Bluefish не хватает WYSIWYG-редактора, что делает его менее желанным для неопытных пользователей: это приложение спроектировано заядлыми кодерами для людей с таким же складом ума. Будем надеяться, что в следующем релизе они возьмутся

SeaMonkey Composer

Запустив SeaMonkey Composer, вы сможете работать в режиме WYSIWYG, позволяющем создавать и редактировать свою web-страницу и просматривать изменения большей частью в визуальном интерфейсе. Мы сказали «большей частью», потому что этот редактор также предоставляет определенный тип визуальной индикации элементов вроде таблиц без границ, давая вам знать, где расположены ячейки таблицы. Режим предпросмотра покажет вашу страницу в том виде, в каком она появится в окне Gecko-браузера. В этом окне также можно выполнять редактирование.

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

Пользование определенными коммерческими WYSIWYG-редакторами могло создать у вас привычку ожидать множества ошибок при любой проверке вашей страницы на соответствие стандартам W3C. Вы будете приятно удивлены, обнаружив, что код, генерируемый SeaMonkey, проходит проверку без ошибок. Или, как минимум, это справедливо для нашей тестовой страницы. Поскольку это была самая настоящая web-страница, отнюдь не старомодная, рискнем утверждать, что SeaMonkey в целом генерирует правильный HTML-код.

Будучи WYSIWYG-редактором, SeaMonkey Composer позволяет новичкам быстро приступить к работе над своей web-страничкой. Хотя ему недостает форм и абсолютного позиционирования CSS, он способен обходиться без этого, благодаря наличию встроенного режима редактирования HTML-кода.

Nvu

Nvu построен на кодовой базе Mozilla Composer, и если вы дружили с этим древним редактором, навигация в пользовательском интерфейсе Nvu будет для вас простой. Вас встретит чистый экран, где можно приступить к созданию своей web-страницы и вставлять графику. Средства, обычно требуемые для создания страницы, вроде вставки ссылок, изображений, таблиц и форм, доступны на панели инструментов, в меню или по «горячим» клавишам; это превращает редактор в гибкий инструмент. Например, новички, которые любят большие, сами за себя говорящие кнопки, найдут полезной панель инструментов, а опытные пользователи, предпочитающие не отрывать пальцы от клавиатуры, смогут работать, используя почти исключительно «горячие» клавиши.

В отличие от Mozilla Composer, Nvu позволяет создавать весь сайт в WYSIWYG-редакторе, это упрощает выполнение базовых задач, типа вставки изображений и ссылок. Но вы легко можете переключиться из режима визуального редактирования в режим исходного кода (HTML Source), режим предпросмотра (позволяющий увидеть страницу так, как ее отображает движок Gecko) или режим Tags, показывающий вашу страницу с подсвеченными HTML-тегами. Встроенная поддержка FTP позволит вам загрузить свои страницы на web-хост. Ее полезность ограничивается встроенным FTP-клиентом, которого, впрочем, вполне достаточно для основных задач загрузки страниц на ваш сайт.

Таблицы и формы

Управление таблицами – одна из сильнейших сторон Nvu. Например, изменение размера таблицы на другой фиксированный размер выполняется простым перетаскиванием краев внутрь или наружу. Строки к существующей таблице добавляются почти так же, как в текстовых процессорах вроде Microsoft Word – просто нажмите Tab в самой нижней ячейке таблицы, и новая строка создастся автоматически.

Предусмотрено и управление формами. Интерфейс позволяет создавать формы для сайта, со всеми стандартными элементами, включая кнопки, поля ввода, текстовые области и так далее.

Поддержка CSS в Nvu, хотя и улучшена в некотором отношении по сравнению с Mozilla Composer, все еще неполная. Плюсом является то, что все аспекты представления, спроектированные в WYSIWYG-редакторе, оказывается, используют CSS: шрифты, размеры таблиц и многое другое – все это выполняется через каскадные таблицы стилей. А главный минус – нельзя проектировать разметку в несколько колонок, используя визуальный интерфейс. Насколько мы поняли, нет способа создать блоки DIV, или слои, как их называет Dreamweaver, которые вы смогли бы размещать, где вам угодно. Можно вызвать редактор CSS, чтобы сделать это самостоятельно, или ввести CSS-код вручную в редакторе исходного кода, но пользователю, не знакомому с CSS, для создания сайта с более чем одной колонкой придется прибегнуть к старой табличной верстке.

С этим связана неспособность данного web-редактора помещать графику в указанной точке документа. Место, где «приземлится» рисунок на странице, зависит от реализации вашего документа. Скажем, вы не сможете перетащить изображение в центр экрана, и ожидать, что редактор создаст нужный CSS-код для его соответственного позиционирования.

С другой стороны, следует подчеркнуть, что это не означает, будто в Nvu нет способа сделать подобное в визуальном режиме. Эти сбои связаны лишь с поддержкой CSS. Но вы по-прежнему можете задавать произвольное позиционирование рисунков и создавать сайты в несколько колонок, используя старый метод использования невидимых таблиц для разметки своего сайта.

Nvu – простой в использовании, бесплатный WYSIWYG-редактор со множеством функций, позволяющий создавать и сопровождать полнофункциональный web-сайт, наполненный формами. На данный момент, его основной недостаток – отсутствие поддержки серверных языков, таких как PHP и Perl, которые стали ключевыми во многих web-приложениях.

Quanta Plus

Quanta Plus не жалует WYSIWYG-подход; файлы проекта создаются в простом редакторе, снабженном панелями инструментов для вставки различных тегов. Панель инструментов Table включает в себя «мастер» быстрого создания таблиц, но можно и просто собирать их тег за тегом. При желании взглянуть, как выглядит проект, выберите в меню Preview или нажмите F6, и проект отобразится в Konqueror. Если предпочитаете Netscape, можете просмотреть свой проект и в нем, используя Shift+F5.

Наша любимая особенность Quanta Plus – интеграция с KDE; в частности, способность использовать KIO-slaves для доступа к удаленным серверам и файловым системам. Это предоставляет пользователям Quanta уникальную возможность сохранять свой контент непосредственно на web-сервере, запуская SSH, FTP, Samba или WebDAV. Quanta также имеет функцию проверки и подсветки синтаксиса, да не простую, а для 18 языков, включая PHP, Perl, SQL и HTML.

Подсветка синтаксиса по умолчанию вполне приемлема, но если у вас особые предпочтения, настройки можно поменять. Что касается проверки синтаксиса, Quanta строже большинства браузеров, и если ваш HTML прошел смотр в Quanta, то он годен к строевой.

Отличный «мастер» CSS позволит вам выбирать различные опции из выпадающего меню. Это намного проще, чем запоминать синтаксис каскадных стилей, и это быстрый способ создать правильные CSS. Quanta также включает генератор цветов, упрощающий их выбор для фона или текста. Он предель- но прост в использовании: просто проведите мышью над палитрой, и соответствующее шестнадцатеричное значение определенного цвета появится в диалоговом окне.

Один из недочетов – проверка орфографии не умеет игнорировать общие HTML-теги (ну надо ли указывать, что ‘html’ – это не слово?), а также проверять орфографию выделенных фрагментов текста, например, абзацев.

Quanta Gold

Интерфейсы Quanta Plus и Quanta Gold похожи. Есть основная панель инструментов, охватывающая базовый функционал «текстового процессора», такой как Save и Undo/Redo. Под основной панелью размещаются вкладки подменю, при выборе они отображают поднабор кнопок и идентичны в обоих проектах, за исключением Scripts, существующей только в Quanta Gold.

Текстовые редакторы в обоих приложениях весьма похожи, хотя (как и следовало ожидать) не одинаковы. Quanta Gold по умолчанию отображает слева номера строк и имеет серию присоединяемых «окон» для различных инструментов, часть из которых доступна лишь в Quanta Gold. В Quanta Plus такие «окна» для различных инструментов отсутствуют.

Едва начав работу с этими двумя приложениями, вы тут же увидите, какие они разные. Их интерфейсы, возможно, похожи, но ощущения от работы полностью различаются. Quanta Plus – «родное» приложение KDE 3, и выглядит и ощущается как типичное KDE-приложение: например, безупречно отображается в теме Liquid. А вот Quanta Gold, полностью построенная на библиотеках Qt, родным приложением KDE 3 не является и не использует KDE для отображения иконок, шрифтов, кнопок и т.д. Единственное исключение – Quanta Gold можно скачать в формате «shared-lib», позволяющем сглаживать шрифты в KDE.

Довольно странно, что функция проверки орфографии, имеющаяся, хотя и в ущербном виде, в открытом Quanta Plus, отсутствует в Quanta Gold [в этом нет ничего странного, особенно если учесть, что в Quanta Plus эту проверку выполняет KSpell – часть KDE, – прим.ред.]. Это раздражает многих пользователей, но им пообещали, что проверка орфографии скоро появится; и учитывая щедрую на обновления лицензию The Kompany, обещание весьма серьезное. Но я не назвал бы его «удачей»: может быть, это как раз одна из причин, что функции проверки орфографии в Quanta Gold до сих пор нет.

Screem

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

Написание и редактирование текста в Screem выполняется просто – хотя, возможно, и не столь просто, как могло бы быть. Как многие современные редакторы, он организован в виде меню и панелей инструментов на вкладках; версия ранняя, и панели инструментов пустоваты. К счастью, сгруппированный по функциям браузер тегов есть в левой панели. В списке категорий – Global Structure, Body Structure и Tables. Нам понравилась категория All, поскольку она заметно упрощает охоту на какой-нибудь неуловимый тег. Но следует отметить, что браузер тегов еще не закончен. Есть поддержка для HTML, PHP 3, RXML и SSI, и зарезервировано также место для JavaScript. Однако, при обширной поддержке CSS, в категориях они отсутствуют. А вот «мастер» таблиц работает безупречно.

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

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

OOo Web

По сути, HTML-редактор из OpenOffice.org – это просто расширение стандартного текстового процессора, Writer, без особых украшательств, привычных в настоящих web-редакторах. Единственный положительный момент – если вы уже используете OpenOffice.org для редактирования текстов, то легко шагнуть чуть подальше и приспособить его к использованию в web-дизайне.

Вы найдете OpenOffice.org Web в стандартном комплекте OpenOffice.org. Одна из серьезнейших проблем, с которой мы столкнулись в этом приложении – оно оказалось просто-напросто не инструментом web-дизайна. Ему недостает многих функций, используемых в наши дни в web-страницах, включая CSS. Генерируемый им код, откровенно говоря, ужасен, и даже если вы его почистите, при загрузке его обратно в OOo Web он опять превратится в мешанину. Ирония заключается в том, что этот код совместим с HTML 4.01, но если вы делаете что-то в OOo Web, не надейтесь, что потом это будет легко редактировать вручную.

Для начинающих, кому просто нужно что-нибудь базовое, OOo Web будет лучше, чем ничего, если вы уже используете OOo в своей офисной работе. Это ПО вполне интуитивно в использовании, так что создать нечто почти приличного вида будет легко, плюс следует очень простой терминологии: например, говорится «закладка», а не «ссылка». Превосходно для новых пользователей, но не обрадует тех, кто знает, что такое ссылка, и примется искать именно «ссылки».

Вероятно, единственное преимущество OpenOffice.org Web – его наличие по умолчанию в Linux-дистрибутивах. Он медленный, потребляет уйму памяти и не согласуется ни с какими стандартами популярных интерфейсов для Linux типа KDE или Gnome. Хорошо, если надо всего лишь наскоро создать web-страницу из существующего документа, чтобы раскидать его по сети, но разработка настоящего сайта в OOo Web – слишком трудная задача при слишком малой отдаче, чтобы тратить на нее усилия.

Вердикт

Quanta Plus 8/10

Было сложно назвать какой-то проект лучшим, просто потому, что многие имеют сравнимые возможности. Мы не ярые фанаты Gnome или KDE, так что это не повлияло на наш выбор; кроме того, и KDE-, и Gnome-приложения можно использовать в любом окружении. Quanta Plus и Quanta Gold выделялись предложением ряда фантастических функций для пользователей с любыми способностями; но Quanta Plus выполз вперед благодаря интеграции с KDE 3 и некоторым эргономическим реформам, сделавшим его приятнее в использовании.


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

Лошадки для скачки

Bluefish определенно целится на более опытного пользователя, предлагая подсветку синтаксиса и справку по функциям почти для всех популярных языков. Нам хотелось бы, чтобы Bluefish сосредоточил усилия именно на web-разделе своего репертуара. Как и многие открытые приложения, он движется в направлении, задаваемом пользователями и разработчиками. А вот Nvu все еще одной ногой вязнет в своем прошлом опыте с Mozilla и остро нуждается в улучшении функций для пользователей с более сложными потребностями; поддержка PHP и Perl будет первой в списке.

С XML, JavaScript и другими обработчиками на клиентской стороне, охотно используемыми в индустрии, почти любое из этих приложений будет только пытаться догнать коммерческие продукты типа Dreamweaver. Глянув на большинство открытых приложений, вы можете реально ожидать, что профессионал сумеет задействовать все их возможности. Но в целом, открытые web-редакторы не в силах противостоять другим доступным на рынке продуктам. Возможно, причина в отсутствии приложения-лидера, притягивающего энергию разработчиков.

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

Таблица функций

Bluefish Nvu OO web Quanta Golg Quanta Plus Screem Seamonkey
Визуальный режим x v v x x x v
Таблицы v v v v v v v
Формы v v x v v x x
Фреймы v v v v v v x
XML v v x v v x x
CSS v v x v v v v
PHP v x x v v v x
Perl v x x v v v x
C v x x x x x x
FTP v v x v v v x
SSH x x x x v x x
WebDAW x x x x v x x
Проверка орфографии v v v x v x v
Управление проектами v v x v v v x
Персональные инструменты
купить
подписаться
Яндекс.Метрика