Для того, чтобы выяснить насколько хорошо они справляются со своими обязанностями.
Эти приложения во многом схожи. Все три прежде всего редакторы кода с выделением синтаксиса, с умным форматированием и другими функциями, упрощающими набор и редактирование кода. Screem тесно связан с GNOME, в то время как Bluefish прекрасно себя чувствует как на KDE, так и на GNOME. Quanta Plus - KDE-приложение, которое распространяется вместе с KDE. Все они поддерживают визуальное редактирование, называемое WYSIWYG (what you see is what you get - что видишь, то и получаешь), в купе с расширенными возможностями редактирования кода. Эти редакторы могут работать с HTML , JavaScript , Cascading Style Sheets (CSS) и другими языками разметки и скриптов. Также имеется возможность для управления веб-сайтами и веб-проектами, включая поддержку CVS .
Мы видим, что эти программы очень похожи, поэтому нам предстоит выделить яркие особенности каждой. В этой статье я сосредоточился на том, как веб-редактор помогает в написании HTML-кода, CSS и DIV-тэгов. Каждая программа располагает дополнительными возможностями, которые могут подойти именно для ваших нужд.
Я протестировал каждую программу вместе с Adobe"s Spry Framework (выпущен под лицензией BSD), который позволяет добавить AJAX (Asynchronous JavaScript and XML) на веб-сайт. Spry Framework включает набор скриптов JavaScript и таблицы стилей. Использование и модифицирование Spry-виджетов требует простого редактирования HTML и CSS. Это и сделало Spry подходящим компаньоном для моих тестов. В этой тройке редакторов я уделял особое внимание тем функциям, которые я ценю в коммерческих приложениях для веб-дизайна, например, автоматическое закрывание тэгов, выбор параметров тэгов (вы набираете тэг, а редактор предлагает вам список возможных параметров и значений), поддержка прикрепленных CSS- и JavaScript-файлов.
Screem справляется с большей частью работы, связанной с созданием и редактированием веб-страницы. Когда вы создаёте новую страницу, Screem попросит вас ввести основную информацию, а затем поможет настроить главные элементы в тэгах head и body .
Меня порадовало то, как Screem упрощает редактирование. Например, когда я заменил открывающий тэг упорядоченного списка на неупорядоченный, закрывающий тэг автоматически изменился. При наборе кода, выскакивает список возможных параметров. После выбора того, что вам нужно, тэг автоматически закроется. Также имеется в наличии удобный помощник создания CSS, благодаря которому выбранные свойства можно вставить между тэгами стиля или же вынести на отдельную таблицу стилей.
Интерфейс Screem содержит 2 панели инструментов: главная панель для основных операций (открывание, печать и редактирование файлов) и панель помощников, на которой располагается 9 кнопок для девяти помощников. С ними вы можете легко добавить и настроить различные элементы: цвета, формы, ссылки, изображения и таблицы.
Слева также имеется боковая панель, которая может отображать 5 окошек:
Screem поддерживает 4 вида отображения веб-страницы:
Под простым интерфейсом Screem спрятан мощный HTML-редактор. Только хотелось бы, чтобы он легче устанавливался под KDE. Я тестировал Screem на Ubuntu LiveCD, чтобы избежать компиляции и загрузки GNOME-библиотек, необходимых для работы этого редактора на KDE. И всё равно, Screem - яркий пример приложения, которое отлично справляется с выбранной задачей, используя при этом минимум дополнительных функций. Если вы используете GNOME, то Screem может вам подойти. Если же вы используете KDE или другое окружение, то придётся загружать дополнительные библиотеки для того, чтобы работать с этим редактором.
Bluefish
Редактор Bluefish во многом сложней, чем Screem, но зато более универсален. Помимо HTML и CSS, он позволяет редактировать C, Java, Perl, Python, XML и несколько других языков. Для работы с HTML и CSS у этого редактора схожие с Screem возможности. Однако, в отличие от последнего, Bluefish не предлагает списка параметров тэга на выбор, а также не изменяет закрывающего тэга при изменении открывающего.
И тем не менее, Bluefish хорошо организован и прост в использовании. Через меню тэгов можно выбрать тэг и применить его к выделенному тексту или же просто вставить тэги, если текст не выделен. Тэги в меню разделены на 9 категорий: Заголовки, Особые, Форматирование, Контекстное Форматирование, Общее форматирование, Таблица, Список, Форма и Разное. Меню "Диалоги" предоставляет несколько диалогов (аналог помощников в Screem) для выполнения различных задач: добавление ссылки, таблицы, формы или CSS-стиля. В диалогах вы вводите или же выбираете из списка значения параметров для различных тэгов, которые Bluefish вставит в документ. Через диалоги также производится начальная настройка документа путём добавления мета-тэгов, ссылок на таблицы стилей и т.п. Меню не зависят от контекста, то есть если вы редактируете Python-файл, они всё равно будут предоставлять функции для работы с HTML.
У Bluefish имеется удобный мастер для создания эскизов. С его помощью можно легко создать превью любого изображения, удобно если вы хотите организовать онлайн-фотоальбом на вашем сайте. Этот мастер масштабирует размер изображения до указанного или же в процентном соотношении и автоматически добавляет изображение и тэги для ссылки.
Bluefish - очень способный HTML-редактор, особенно если вам приходится много писать на PHP, JavaScript, Java и других поддерживаемых языках. Всё редактирование в Bluefish по сути происходит через меню, что делает его не таким интерактивным как Screem, который делает всё то же самое, но динамически, в то время как я печатаю. Однако, возможности Bluefish уходят далеко за рамки простого HTML- и CSS-редактирования. Плюс ко всему, он без проблем устанавливается и запускается как под KDE, так и под GNOME.
Quanta Plus
По сути своей Quanta Plus - это редактор кода. У него есть некоторые WYSIWYG-возможности, но они не так полезны, как может показаться на первый взгляд. Стоило добавить таблицу на небольшую веб-страницу, как у меня перестало работать превью. Это меня несколько удивило, так в это же время была загружена более сложная страница, и её превью отображалось нормально. Но даже когда превью работает нормально, то присутствует достаточно странная поддержка WYSIWYG-редактирования. Например, при нажатии на клавишу "Enter" вставляется тэг разрыва строки, вместо тэга нового параграфа. То же самое происходит при редактировании списка, когда нажатие на клавишу "Enter" по идее должно создавать новый элемент списка. В общем, превью лучше использовать для просмотра результата, а не для прямого редактирования.
Если не учитывать всё выше сказанное, то Quanta Plus - поистине могучий редактор кода. Его интерфейс гораздо сложнее, чем у Bluefish, но главная задача Quanta Plus всё-таки веб-редактирование. Этот редактор поддерживает выделение синтаксиса, скрипты и языки разметки. Как и в Bluefish, если меню предназначено для работы с одним языком, то работа с этим меню не оказывает влияния на код, написанный на другом языке. Quanta Plus позволяет пользователям создавать собственные панели инструментов для работы с конкретным языком.
Опять же как и в Bluefish, создание новой страницы лучше начинать с меню тэгов, где можно найти диалог для создания основной структуры (мета-тэги, заголовок документа и т.п.). Через меню тэгов можно просто вставить тэг или же открыть диалог для настройки тэга с несколькими параметрами. На мой взгляд, самое главное то, что Quanta Plus предлагает выбрать параметры тэга и значения этих параметров в процессе набирания кода. В Bluefish эта функция отсутствует как таковая, а Screem предлагает выбрать только параметр, но не его значение.
Ещё одна удобная функция, когда вы вставляет тэг, который обычно содержит в себе связанные тэги, то Quanta Plus автоматически добавляет последние. Например, когда вы вставили тэг упорядоченного списка, редактор автоматически добавляет открывающий и закрывающий тэги для одного элемента списка и закрывающий тэг упорядоченного списка.
Управление CSS в Quanta Plus немного запутанно, так как осуществляется посредством двух диалоговых окон. Но если разобраться, то редактирование CSS станет очень простым. Для того чтобы создать CSS-стиль, для начала надо открыть диалог "CSS Selector", чтобы определить элемент, к которому будет применён стиль. Затем двойным щелчком по "CSS Selector" переходим в следующий диалог "CSS Editor", в котором уже можно указать все параметры стиля. В итоге получаем идеально отформатированный CSS-код.
Quanta Plus - самый сложный редактор из трёх рассматриваемых, но в то же время самый способный. Не может не радовать, возможность настроить интерфейс Quanta Plus под свои нужды. Этот редактор предлагает всё необходимое и даже больше, чтобы удовлетворить потребности пользователей, которые занимаются написанием и редактированием HTML- и CSS-кода. Для тех кто использует GNOME, для установки Quanta Plus потребуется скачать дополнительные библиотеки, но это того стоит. У пользователей KDE таких трудностей не возникнет, потому что этот редактор встроен в KDE.
Мой простой совет - используйте Quanta Plus для редактирования HTML- и CSS-файлов. Для тех кто не ищет лёгких путей, предлагаю следующие варианты:
Приятно, что существует по крайней мере три достойных приложения для веб-разработок под Линукс. Screem, Bluefish и Quanta Plus не настолько всеобъемлющие как лидер в этой области Adobe Dreamweaver , но подобрались достаточно близко к нему. Quanta Plus практически аналог Dreamweaver. С учётом того, что цена последнего достаточно высока, и он не поддерживает Линукс по умолчанию, вышеописанная тройка является отличным выбором. Помимо того что они бесплатны, эти редакторы к тому же награждают своих пользователей отличным результатом.
Если задать подобный вопрос на каком-нибудь из форумов, то с высокой долей вероятности вы наткнётесь на две диаметрально противоположных рекомендации - "составлять" всё в чисто визуальном (то бишь WYSIWYG) редакторе типа DreamWeaver либо бежать от любых редакторов как от огня и всё делать исключительно в Блокноте/Vi/Emacs. Как это и свойственно любым крайностям, именно в них наиболее отчётливо проявляются те или иные недостатки метода - слабость контроля над получаемым кодом в первом случае, и чрезвычайно большая доля "дурной" работы в другом. Так что не мудрено, что ниша между этими двумя полюсами отнюдь не пустует, и разработчики занимающих её HTML-редакторов прилагают все силы, чтобы наиболее оптимальным образом "подружить мышь с клавиатурой". И именно удобство "ручного" набора HTML-кода без потери контроля над результатом и будет ключевым при сравнении трёх веб-редакторов, наиболее популярных в Linux, - Screem, Quanta Plus и Bluefish. Хотя и их функциональное наполнение тоже не будет оставлено без внимания. Для полноты картины немного коснёмся ещё и пары типичных WYSIWYG-редакторов - "эталонного" редактора Amaya широко известного в узких кругах Nvu.
Для тестирования использовался дистрибутив Ubuntu 6.06 LTS с Gnome 2.14.1, так что приложения, основанные на GTK, получали некоторую фору. Все редакторы устанавливались из репозитариев в режиме "как есть", никакие усилия по русификации, расширению функциональности за счёт плагинов и проч. не прилагались.
Рассматриваются:
Вне конкурса:
Равнение на W3C
Начнём наше рассмотрение с визуального редактора - Amaya. Не потому, что он такой замечательный, а потому что разрабатывается организацией W3C. Если быть точнее, то это в первую очередь браузер с очень развитыми функциями редактирования.
Им вполне можно пользоваться как редактором (есть возможность редактировать и непосредственно исходный код, правда, без особенных изысков), но вот только одна маленькая деталь всё портит - ну не желает он вводить отечественные символы, и всё. Отобразить из готового файла - пожалуйста, удалить - с радостью. А вводить - ни-ни. То есть абсолютно никакой реакции на клавиши при включённой русской раскладке. То ли морально устаревший интерфейс всему виной, то ли излишняя привязанность разработчиков к ASCII. Но так или иначе, а отечественным веб-кодерам в нём будет не слишком уютно.
Так что оставим ему роль "эталонного браузера" и приступим к рассмотрению основных претендентов на победу.
В нём можно посмотреть результат, но для редактирования он явно слаб...
У него есть все шансы стать идеальным к версии 1.0
Первое впечатление о Screem - "просто редактор>. Рабочее окно разбито на три поля - справа поле ввода, внизу выводятся ошибки и предупреждения, а слева несколько вкладок, позволяющих проще ориентироваться в документе, работать с файлами и т.д. Особенно полезной мне показалась вкладка Tree, отображающая древовидную структуру странички - двойной щелчок, скажем, по строке HEAD приведёт к выделению в поле редактирования всего кода, относящегося к заголовку.
От обычного текстового редактора его, очевидно, должна отличать продвинутая работа с HTML-тегами. В данном случае "продвинутость" заключается в подсветке синтаксиса, возможности ввести тот или иной тег, выбрав его в меню (очень удобно вставлять META-теги и DOCTYPE-строку буквально парой кликов) и в автодополнении/подсказке вводимых тегов (включая аргументы).
Ещё одна особенность - полуавтоматическое закрытие "парных" тегов. "Полу-", потому что вам придётся совершить некое действо, прежде чем появится закрывающий тег - а именно, набрать последовательность "".
А вот "горячие клавиши" для быстрого ввода тегов, к сожалению, не предусмотрены. Но в качестве компенсации - возможность выбрать слева на вкладке "Resources" и вставить двойным щелчком любой тег. А вкладка "Атрибуты" позволит вам окинуть взглядом все атрибуты, имеющиеся у выделенного тега, и изменить любой из них.
Довольно полезная функция - проверка HTML-синтаксиса (меню "Инструменты > Tidy > Tidy (HTML)"). Внизу, на вкладке "Ошибки", вы получите информацию о всех найденных ошибках (например, несуществующих в природе тегах) и предупреждениях. Под последнюю категорию, к сожалению, подпадают все кириллические символы с диагнозом "invalid character code", что несколько захламляет вывод.
Для ввода "сложных" тегов - таких как рисунки, ссылки, таблицы, формы - предусмотрены диалоги ввода параметров (именуемые "волшебниками"). Кстати, ими, оказывается, довольно удобно пользоваться для SSI-вставок, особенно когда склероз стирает из памяти некогда знакомые до боли сочетания буковок...
"Волшебником" удобно вставлять и изображения: выбираете в стандартном диалоге нужный файл, задаёте альтернативную подпись (атрибут alt) - и у вас появляется тег IMG с автоматически проставленными значениями height и width. Другие атрибуты, типа выравнивания, легко изменить с помощью упомянутой выше одноимённой вкладки. Также обратите внимание на "Color Wizard" - очень удобное средство выбора цвета.
Из сервисных функций - проверка орфографии, группировка нескольких страниц в проекты (здесь они именуются "сайтами"), поддержка CVS, публикация проекта с помощью FTP. Найденные на странице ссылки можно просмотреть на диаграмме (по или выбрав в меню "View > Link view") и сразу увидеть, какие из них внутренние, какие внешние, а какие вообще ведут в никуда. Аналогично, по , включается режим предварительного просмотра. При желании можно воспользоваться и просмотром во внешнем браузере.
Ну и довольно подробная и хорошо иллюстрированная справка позволит осваивать редактор не только методом "научного тыка".
Так что можно сказать, что этот "просто редактор" на самом деле - достаточно удобный и функциональный инструмент. Хотя отсутствие горячих клавиш для вставки тегов и странная реализация автоввода завершающих тегов вынуждают либо почти всё набирать вручную, либо прибегать к помощи мыши чаще, чем того хотелось бы при "быстром" вводе.
Русифицирован наполовину, а в остальном - очень хорош!
Отображение ссылок выглядит просто кошмарно... Но иногда без него не обойтись.
"Звезда" KDE, честно пытающаяся работать и в Gnome...
Пожалуй, лучший HTML-редактор, основанный на Qt, да и вообще, один из лучших. Основным режимом работы является ручное редактирование кода, хотя предусмотрен и визуальный режим, а также уникальный "комбинированный", когда рабочее поле разбивается на два: вверху - то, как страница будет выглядеть; внизу - исходный код. Причём редактировать страницу можно и там, и там - все изменения автоматически синхронизируются. То есть вставляя код, вы сразу видите результат, или наоборот - поставив перенос строки, сразу можно увидеть, каким тегом это делается.
Горячие клавиши по умолчанию присвоены не всем тегам, но, как и следует ожидать от типичного KDE-приложения, полностью настраиваемы. Автодополнение (как и в Screem, реагирующее только на символы в верхнем регистре) и подсказки параметров работают на "ура". В отличие от Screem, очень удачно реализовано автоматическое закрытие тегов - закрывающий тег вставляется сразу же после открывающего, а курсор устанавливается между тегами. Аналогично редактор ведёт себя при вставке тега по горячей клавише, что позволяет практически не отвлекаться на позиционирование курсора в процессе набора. Единственный спорный момент - при наличии у тега обязательных атрибутов, по горячей клавише открывается диалоговое окно для ввода оных. При быстром наборе это отвлекает, и приходится полностью отказываться от использования горячих клавиш для таких тегов.
Хотя в некоторых случаях диалоги оказываются полезны - особенно "Quick Start Dialog", создающий новый документ и вставляющий в него стандартный шаблон html-страницы. Для таблиц предусмотрено два варианта создания (окромя чисто ручного ввода и полностью визуального составления) - "Редактор таблиц", позволяющий заполнить таблицу прямо в диалоговом окне, и ввод по тегам.
Очень удобна работа со стилями отдельных элементов (кнопка CSS на вкладке Style). А вот функции для создания CSS-таблиц, подобной таковой в Screem или Bluefish, я в "умолчальной" поставке, к сожалению, не нашёл.
В окне редактирования понравилась функция "свёртки" кода, когда все строки, соответствующие, скажем, таблице, php-вставке или элементу DIV, могут быть свёрнуты в одну строку - это позволяет в ходе правки скрыть лишнее и сосредоточить внимание именно на том, на чём нужно.
Справа и слева от поля редактирования можно найти вспомогательные панели инструментов. Правая отвечает за вызов справки и за поле атрибутов html-тегов, выполняющее функции, аналогичные вкладке "Атрибуты" в Screem - т.е. позволяющее увидеть список атрибутов любого тега, на который установлен курсор, и изменить значение любого из них.
Слева находятся кнопки вызова дерева каталогов (в отличие от Screem, перетаскивание файла на поле редактирования работает более интеллектуально, вставляя не просто имя файла, а, в зависимости от ситуации, полностью тег, и т.д.), работы с проектом, шаблонами, структурой документа (двойной щелчок также позволяет выделить весь фрагмент кода, вложенный в данный элемент), вспомогательными скриптами.
В меню "Plugins" вы найдёте ряд полезных программ, связанных с редактированием html-кода: проверку работоспособности ссылок, инструмент для работы с картами изображений, CVS-инструментарий. Правда, учитывая ориентированность Quanta Plus на среду KDE, в Gnome мало что из этого будет работать.
Настраиваемость редактора просто потрясающая - достаточно взглянуть на состав меню "Settings". Вы можете подстраивать под себя практически всё: панели инструментов, внешние программы, горячие клавиши, внешний вид самого редактора, режимы предпросмотра... В общем, в Quanta Plus довольно сложно найти что-то такое, что по умолчанию было бы неудобным, да ещё чтобы это нельзя было изменить в соответствии со своими привычками и предпочтениями.
Итак, Quanta Plus (даже учитывая то, что тестирование проводилось в среде Gnome и некоторые функции оказались неработоспособны) произвела очень хорошее впечатление. Её мощь, гибкость и настраиваемость способны удовлетворить требованиям самых привередливых веб-кодеров независимо от их уровня подготовки.
Почти не к чему придраться. И даже ярко выраженный дизайн "в стиле К" ему можно простить...
Атрибуты справа, свёртка кода слева... Разве можно желать большего?
Основной претендент на лидерство в категории "для Gnome"
Один из наиболее зрелых редакторов, основанных на GTK. Компоновка окна довольно стандартна - вверху панели инструментов, разделённые на несколько вкладок; слева три вкладки (дерево каталогов для работы с файлами, справка, закладки); справа основное поле редактирования. Помимо основного меню с традиционным набором пунктов есть пользовательское меню (под панелью инструментов), с помощью которого можно выполнять быструю вставку "шаблонных" фрагментов, таких как строка DOCTYPE, META-теги, комментарии, любые парные и одиночные теги (имя можно задать любое) и т.д. Помимо HTML, можно вставлять некоторые команды PHP, SQL, теги DocBook, пару стандартных фрагментов для настройки Apache (отвечающих за Basic-аутентификацию и запрет на открытие inc-файлов) и даже кое-что на C. То есть помимо html-файлов, Bluefish пытается также облегчить ваши страдания при написании типовой конфигурации.htaccess да при разработке простейших php-вставок. Выбрав "Меню пользователя " Редактировать меню", очень легко задать любые нужные вам шаблоны.
Помимо достаточно обширного меню "Тэги", позволяющего вставить почти любой тег, много интересного можно найти в соседних "Диалогах", куда вынесены операции, требующие ввода дополнительных параметров и позволяющие одним махом вставлять целые группы элементов. Например, "Общие " Заголовок документа" (или ) сразу вставит каркас будущей html-страницы - с заголовками, META-тегами и заготовкой под тело страницы. Аналогично можно вставить заготовку для таблицы, фреймов (именуемых здесь "врезками") и т.д.
Отдельного упоминания заслуживает вкладка CSS - хоть на ней вы и найдёте всего три кнопки. Вторая и третья - для быстрой вставки тегов SPAN и DIV. А вот первая позволяет создавать стилевые таблицы полностью. Даже если вы не помните и десятой части возможных параметров и их значений, не составит никакого труда выбрать нужный из выпадающего списка и просто вставить в создаваемую таблицу. Кнопка "Цвет" в диалоговом окне позволяет задавать цвет (там, где это требуется), просто щёлкая мышью на нужный.
Автодополнения ввода нет ни для тегов, ни для их параметров - только подсветка синтаксиса (и то, сначала нужно задать тип документа "html" в одноимённом пункте меню - по умолчанию редактор открывается в режиме plain-текста). Единственное, что выполняется автоматически - закрытие парных тегов (можно отключить, как и подсветку).
Для быстрого набора большинство тегов имеет неплохо запоминающиеся сочетания клавиш (хотя и не всегда удобные в использовании). Найти, где их можно изменить, мне не удалось, несмотря на обнадёживающий пункт в меню "Редактирование" - "Сохранить клавиши быстрого доступа".
Интересной показалась функция работы с миниатюрами изображений - выбираете файл, и, ориентируясь по предварительному просмотру, обычным "бегунком" выставляете нужный размер. Полезен будет также инструмент выбора цвета ("Диалоги " Общие " Выбор цвета") - ткните мышкой на оттенок, который вам понравится, и по закрытии диалога в код будет вставлено шестнадцатеричное представление оного.
Есть поддержка проектов, проверка орфографии, взаимодействие с внешними программами (make, компилятор javac, проверка HTML-синтаксиса, перекодировка символов завершения строки DOS2UNIX; в настройках довольно легко подключить собственный обработчик). Просмотр результата возможен только во внешнем браузере.
В общем и целом, сложилось впечатление некоторой недоделанности, хотя потенциал у редактора огромен. Особенно понравились возможности по наращиванию функционала за счёт внешних программ. Хорошее впечатление оставило меню пользователя, с помощью которого легко можно свести большую часть рутинных операций к нескольким щелчкам мышью. А вот новичкам будет очень не хватать автодополнения и подсказки параметров. Вердикт - хороший редактор для профессионалов, не привыкших к излишней роскоши, но жаждущих автоматизировать типовые действия.
Аккуратная подсветка и настраиваемые панели позволяют работать почти с любым кодом, который может понадобиться при разработке веб-сайта.
Диалог создания стилевой таблицы - результат добавится в поле редактирования.
Если выбрали этот WYSIWYG-редактор, забудьте о ручном редактировании
Это детище компании Linspire в качестве нормального использует визуальный режим, как и следовало ожидать от "юзер-ориентированной" программы. Однако вкладками в нижней части рабочей области очень легко переключить его в режим редактирования исходного кода. Здесь же - предпросмотр и режим, именуемый "HTML Tags", когда на страничке (как она будет выглядеть в браузере) на каждый элемент накладывается "этикетка", показывающая, какой тег за этот элемент отвечает. Довольно удобно для быстрого анализа чужого кода - другого применения этому режиму я не нашёл.
Работа в визуальном режиме мало чем отличается от таковой в обычном текстовом процессоре типа OOo Writer или AbiWord. Да и мы договорились ориентироваться преимущественно на "ручное" редактирование.
Как ни странно, но при переключении в ручной режим блокируются кнопки панели инструментов и пункты меню, отвечающие за те или иные теги. Никакого автодополнения, минимальная подсветка синтаксиса, не распространяющаяся на вновь вводимый текст... В общем, "взялся за гуж - не говори, что не дюж", и раз не нравится визуальный режим, так получайте обычный Блокнот. Как редактор исходного кода Nvu не блещет (да и не предназначен для этого), так что на сём его обзор и завершим...
Выбрать лучший HTML-редактор оказалось сложным делом. Bluefish в среде Gnome чувствует себя как рыба в воде (только не надо шуточек про цвет, ладно?), однако для безоговорочной победы ему пока недостаёт функциональности. Впрочем, для тех, кто привык работать в Блокноте, это будет выбор, близкий к идеальному - он совершенно ненавязчив (даже почти незаметен), но в то же время, всегда готов прийти к вам на помощь.
Screem, несмотря на небольшой номер версии, почти ни в чём не отстаёт от Bluefish, а кое-где даже опережает. Немного странно реализованное автозакрытие парных тегов порой мешает работать, а отсутствие горячих клавиш для тегов вообще повергнет в глубокое уныние тех, кто рассчитывал отбросить мышь подальше, но при этом не вводить всё руками.
Ну а Quanta Plus, даже оказавшись в неродной для себя среде, продемонстрировал наиболее гармоничное сочетание "помогающих" функций и удобства быстрой работы. Возможность настроить почти всё будет незаменима для любителей "ходить в обход", хотя и по умолчанию горячие клавиши и состав панели инструментов подобраны достаточно удобно. В общем, безусловным лидером на данный момент оказался "пришелец с планеты KDE" как наиболее зрелый и продуманный HTML-редактор, за что и получает лавры победителя.
Не можете решить, как вам лучше редактировать сайт - вручную или визуально? С Quanta Plus не нужно разрываться между двумя режимами работы!
Делать web-страницы можно двумя способами: напрямую писать html-код и проектировать страницу, так сказать, визуально. Второй способ - легче, первый - лучше (и на круг - проще). Соответственно, все web-редакторы делятся на две категории - WISIWIG-редакторы и HTML-редакторы. Существуют и промежуточные варианты. И лучшие представители обеих категорий имеют в своем арсенале как визуальные средства, так и возможность прямого редактирования кода.
Всякого рода web-редакторов под Windows - великое множество. И изрядная их часть - бесплатна или условно-бесплатна. А как обстоит дело для Linux? Одним их первых моих занятий по приобщении к этой системе стало исследование вопроса о web-инструментарии.
Из общих соображений (то есть декларируемой оринетированности Linux на Интернет) можно подумать, что web-редакторов для этой платформы должно быть немеряно. Однако внимательное изучение крупных ftp-архивов и основых сайтов с коллекциями Linux-программ вносит существенные коррективы в это умозрительное представление.
Перво-наперво оказывается, что изрядная часть средств, перечисленных в соответствующих разделах программных архивов - это всякого рода html-расширения для обычных текстовых редакторов, типа vi или emacs. Разумеется, в текстовом редакторе можно делать web-страницы. Некоторые даже полагают Notepad лучшим web-редактором всех времен и народов. Но, по моему, они лукавят. Ведь и доски можно ножом строгать. Однако лучше это делать рубанком...
А собственно web-редакторов для Linux можно обнаружить около дюжины. В свое время я провел детальное рассмотрение их рассмотрение на предмет профпригодности вообще и для меня лично - в частности. В результате чего большая часть их была с негодованием отметена.
Причем по разным причинам. Одни (CoffeCup, скажем) были отвергнуты как коммерческие (и не бесплатные) программы (ведь сохранение кошелька вместе с чистотой совести - одна из мотиваций пользователя Linux, не правда ли?). Другие (как Amaya и Bulldozer, да простят меня их создатели) показались мне откровенно слабыми. Кое-что (Netscape Composer) вызывало антипатию еще со времен Windows ("Ну не нравишься ты мне...). Или вызывало проблемы при работе с кириллицей (а ведь живем мы в стране, где большей частью говорят по русски). Или не имело должного количества настроек - из-за плохого зрения я очень чувствителен к экранным шрифтам (asWedit, Erwin). Кое-что (KDreamsite, Galway, KWebDev, screem) представляло собой очень ранние альфа-версии и не имело многих запланированных функций, или отличались неустойчивостью в работе, или просто компилировалось с ошибками.
В итоге список web-редакторов свелся к трем позициям - WebMaker, Quanta, Bluefish. Все они принадлежат к категории редакторов html-кода. Первые два основаны на библиотеке Qt и предназначены для функционирования в графической среде KDE. Bluefish - Gtk-приложение, оринетированное на применение с графической средой GNOME; хотя, при наличии соответствующих версий библиотек, способен запускаться и без нее. Вот о них-то я и поговорю в этой саге.
Возможно, мой выбор несет оттенок субъективности - спорить не буду. Однако думается, что эти html-редакторы в настоящий момент являются наиболее законченными пакетами, и чуть ли не единственными, пригодными к практическому использованию.
Ведь кому и для чего нужны редакторы html-кода? Сфера их применения, на мой взгляд, двоякая. Во-первых, прямое написание кода - это самый простой способ сделать отдельную страницу или небольшую серию связанных страниц. Типа, скажем, научной статьи с сопутствующей графикой, таблицами, библиографией и прочими академическими атрибутами. Во-вторых, только с помощью html-редактора можно выполнить крупный проект по созданию сложно структурированного и часто обновляемого контент-сайта. Соответственно, и html-редакторы ориентированы (или должны быть ориентированы) на две группы пользователей - эпизодически применяющих их специалистов в каких-либо предметных областях и профессионалов-контентщиков.С этих позиций, на мой взгляд, они и должны оцениваться.
Тем не менее, чтобы не навязывать своего мнения, позднее я кратко опишу несколько html-редакторы из отвергнутой части их списка, во-первых, те, которые являются законченными продуктами, но почему-либо мне не понравились, во-вторых, пакеты, находящиеся в стадии разработки и не вполне функциональные, но представляющиеся перспективными. И в заключение уже совсем кратко (по причинам, станущим ясными из описания) охарактеризую визуально-ориентированные web-редакторы.
Начну с того редактора, который оказался исторически первым (для меня), и который я активно применял до недавнего времени. Имя ему -
До недавнего времен WebMaker был практически единственным полнофункциональным и работоспособным html-редактором с нормальной поддержкой кириллицы. Последнее - не удивительно, поскольку написан он нашим соотечественником Алексеем Децем (которому я, пользуясь случаем, хотел бы выразить признательность за комментарии и дополнения к одному из первых моих описаний этой программы).
Текущая версия WebMaker (0.8.5), к сожалению, не обновлялась уже около года. До некоторого времени она была доступна на сайте автора в виде исходных текстов и серии бинарных пакетов в форматах tar.gz и rpm. Причем rpm-пакеты имелись в нескольких вариантах, откомпилированных для RedHat 5 просто, RedHat 5 и процессора не ниже PentiumPro/II, а также для RedHat 6.
Однако ныне сайт этот (как и родительский по отношению к нему http://www.services.ru/) не подает признаков жизни. И потому WebMaker придется поискать на http://linux.tucows.com или на http://rpmfind.net/linux/RPM/. Кроме того, его можно встретить и в составе некоторых дистрибутивов (Suse, оригинальный Mandrake).
Как уже говорилось, Webmaker - это KDE-приложение, базирующееся на библиотеке Qt. Наличие этих компонентов в системе, соответственно, необходимо для его функционирования. Впрочем, если они установлены - Webmaker работает и в других оконных средах - GNOME, WindowMaker, IceWM, AfterStep, BlackBox. Словом, во всех, входящих в поставку Linux Mandrake 7.0/RE, проверено лично.
Основу WebMaker составляет текстовый редактор Kedit, что и обуславливает многие его функциональне особенности. По этой же причине текущая его версия не работает в среде KDE 2.
Визуально Webmaker включает меню достаточно стандартного вида, три инструментальные панели (это - по умолчанию, на самом деле - до восьми), и два окна - дерева каталогов слева (по умолчанию - от /) и окна html-кода - справа.
Верхняя, главная, панель включает кнопки операций с файлами (создание, открытие, сохранение) и текстами (вырезание, копирование, вставка, поиск), просмотра во внешнем браузере (Netscape Navigator), а также кнопки управления третьей, переключаемой, панелью.
Вторая, общая, панель - это кнопки, соответствующие наиболее употребимым тэгам HTML:
Третья панель - переключаемая, может содержать кнопки несколько групп тэгов, частично дублирующих таковые второй панели:
Кроме того, две кнопки главной панели - фреймов и JavaScript, - вызывают альтернативные пустые панели. Поскольку редактированию пользователей они, как будто, не поддаются, можно предположить их заполнение в грядущих (очень на это надеюсь) версиях.
Все панели, за исключением главной, полностью настраиваются, как будет показано ниже. Кроме того, вместо альтернативного переключения третьей панели, можно включить показ дополнительных.
Меню отнюдь не дублирует панели с кнопками: многие действия могут быть выполнены только через него. Поэтому рассмотрим меню поподробнее.
В пункте Файл, как нетрудно догадаться, именно это (то есть операции с файлами) и присутствует: здесь можно создать пустой файл или файл из шаблона, открыть файл (в том числе недавний), сохранить файл (в том числе под другим именем) или все открытые файлы, закрыть - также один или все файлы (очень удобно, если открыто два десятка документов). Здесь же - вставка файла (текстового), импорт текстовых файлов в кодировках KOI-8 и Win1251, а также документов Word 97 и экспорт в документ с кодировкой Win1251. Ну и, естественно, печать и выход их программы.
Правда, ни перекодирование, ни экспорт/импорт просто так не работают. Для поддержки перекодировки необходимо иметь установленную программу recode (причем не стандартный GNU recode, а российского производства), а для экспорта/импорта документов Word - программу mswordview.
В пункте Редактирование - стандартные опции Вырезать, Копировать, Вставить и т.д., а также поиск и замена и переход к строке. Следует сказать, что возможна замена сразу нескольких строк кода, что встречается не часто.
Очень интересен пункт Tools. Здесь имеются подпункты Tag Chooser и Edit Tag. Первый позволяет выбрать тэг из списков, расклассифицированных по группам. После чего любой тэг может быть отредактирован (в отношении атрибутов и прочего) через второй подпункт; впрочем, для редактирования тэга достаточно щелкнуть на нем (в окне html-кода) правой клавишей и из появившегося меню выбрать Edit Tag. Здесь же - создание шаблона таблицы (с указанием заголовка, шапок для строк и колонок и количества тех и других), а также конвертирование в Win1251 и, наоборот, в KOI-8 (также, как говорилось, требующего recode).
Пункт меню Tags полностью дублирует вторую инструментальную панель: здесь вводятся тэги шрифтоначертаний, заголовков, параграфов и прочие из наиболее применяемых. А пункт Вид - просмотр во внешнем браузере, то есть том же Netscape Navigator (вызывается также по F11).
Весьма представителен также пункт Настройки, о котором подробнее - чуть ниже.
Пункт меню Windows - это просто переключение между открытыми файлами; его можно производить и по закладкам в верхней части окна html-кода.
Наконец, имеется и Помощь - Краткое (но почти исчерпывающее) руководство (в формате html) по установке и настройке программы, а также некоторые сведения о работе с ней: учитывая полную прозрачность интерфейса - большего, пожалуй, и не надо.
Возможно, читателя раздражала мешанина из русских и английских названий пунктов меню: это я не для выпендрежа, так и есть в той версии, которая у меня работает в сочетании с русифицированным KDE; для последнего подобный русско-английский диалект вообще характерен - надеюсь, что временно, до полного перевода системных сообщений. Так что, чтобы не заниматься ни прямым, ни обратным переводом, я привожу названия "As is".
WebMaker отличается богатством настроек. Большая часть которых осуществляется через пункт главного меню Настройки. Здесь можно:
В настройках же имеется неактивизированная опция External Browsers: Шерлок Холмс наверняка предположил бы, что автор предполагает в будущем дать возможность подключать их несколько.
Легко видеть, что через меню нельзя настроить инструментальные панели, что было обещано выше. Это можно сделать только вручную, редактированием конфигурационного файла webmaker-toolbarrc. Процедура эта подробно описана в руководстве (хотя оно и носит название Краткого). Также вручную следует задать параметры перекодирования кириллических текстов и экспорта в формат MS Word.
А теперь рассмотрим внимательнее то, что и придает WebMaker его неповторимость, по крайней мере для платформы Linux, - дерево каталогов. Оно же является в определенной мере средством управления проектом. Его можно свернуть или развернуть до любого наличного уровня вложенности. Двойной щелчок левой клавишей мыши на имени html-файла открывает его в окне редактирования кода; то же на имени файла с изображением (GIF, JPEG или PNG) - вставляет рисунок (то есть тэг img src="имя_файла" в открытый справа файл (в позиции курсора). Щелчок правой клавишей на имени файла или каталога открывает меню с пунктами Open (только для файлов), Rename, Удалить, New Directory. Правда, переименование файла не обновляет ссылок, имеющихся на него в других файлах, как это реализовано в Dreamweaver для Windows. Но по сравнению с бледными средствами управления проектом во многих других web-редакторах для Linux - и это уже хорошо. Да и структура сайта выглядит весьма наглядно.
А теперь - собственно об окне редактирования html-кода. При запуске WebMaker в нем открывается пустой безымянный файл, который при открытии существующего файла замещается им. Файлов можно открыть сколько угодно - несколько десятков - уж точно. Правда, при этом соответствующие им закладки уходят за правый край окна, но добраться до открытых файлов можно черех пункт меню Windows.
Новый же файл можно создать пустым или из шаблона. Шаблоны в WebMaker - это просто те же html-файлы, поэтому создание собственных - сложностей не представляет. Однако, скажем, изменить шаблон для проекта в целом, чтобы это отразилось на всех составляющих его документах - нельзя.
Работа со вновь созданным (пустым, для определенности) файлом - предельно проста. Все необходимые тэги, начиная с!doctype (для HTML 4.0 - Transitional, Frameset, Strict) и метатэгов, проставляются путем кнопок с панели, пункта меню Tags или, если они не представлены ни там, ни там - через Tag Chooser (разумеется, можно - и вручную, вводя с клавиатуры). Если тэг вводится кнопкой или из меню, при наличии у него атрибутов - вызывается панель соответствующих опций, где атрибуты и их значения могут быть определены в автоматическом или полуавтоматическом режиме. Если вместо этого нажать кнопку отмены - в документе окажется тэг без атрибутов. Он может быть легко отредактирован: как уже говорилось, для этого достаточно щелкнуть на нем правой клавишей мыши - вызывается та же самая панель редактирования тэгов.
С помощью панели редактирования тэгов можно упростить ввод довольно сложных событий, придающих динамику html-документу, таких, как события по действию мыши или вводу с клавиатуры (OnBlur, OnFocus, OnMouseUp, OnClick и др.), если они имеют смысл для данного тэга.
Все тэги не просто расцвечены, но разные их группы (комментарии, ссылки и якоря, скрипты, стилевые и шрифтовые, табличные тэги и тэги изображений) выделены каждая своим цветом. Который, как и шрифт в окне кода, можно настроить по собственному вкусу и зрению. Что очень облегчает и оживляет работу.
Все сказанное позволяет утверждать, что WebMaker - полнофункциональный и удобный в обращении html-редактор, ничуть не уступающий своим бесплатным аналогам под Windows (например, Arachnophilia или SiteAid). И рождает подозрение, что недостатков у него - нет.
Конечно, это не так. О слабости средств управления проектом (отсутствие проверки целостности ссылок, хотя бы только локальных, и их контроля при переименовании/перемещении файлов внутри проекта) говорить не буду: более мощные инструменты такого рода имеются только у коммерческих web-редакторов класса Dreamweaver или HomeSite. Но вызывает удивление отсутствие собственного ftp-клиента: эта функция, по моему, уже стала стандартной для мало-мальски развитых web-редакторов. Правда, лично меня это не угнетает: с WebMaker я работаю дома, где нет Сети, а uploading провожу на работе, где пока (надеюсь) нет Linux. Однако - упущение.
Кроме того, в поведении программы имеются некоторые странности. Так, при сохранении файла под другим именем, мало того что она норовит сделать это не по месту нахождения исходного файла, а по месту последней записи (а иногда - в произвольный каталог внутри /$home): этим грешат многие пакеты, и не только под Linux; но и имя исходного файла - тоже сбрасывается (хотя и не всегда). К тому же html-файлу расширение автоматически не присваивается - об этом нужно озаботиться самому.
Другая странность - выделение фрагмента кода иногда самопроизвольно смещается в другое место, хотя - и не далеко; поэтому при вставке выделенного фрагмента средней клавишей мыши (а WebMaker вовсю поддерживает эту приятную особенность Unix; не представляю уже, как я без этого жил раньше) в целевой точке может появиться не совсем то, что задумывалось. Тут требуется внимание.
Кроме того, к недостаткам я отнес бы и отсутствие функций Undo и Redo, хотя бы одноуровневого; правда, это вызвано отсутствием их в исходном текстовом редакторе, Kedit.
Однако все это - не более, чем мелкие придирки. Чтобы не подумали, что я, подобно Бруту, продался общественным (то есть программописательским) работникам. Тем более что большая часть их - уже исправлена автором (правда, только в исходных текстах, которые ныне, надеюсь, временно, недоступны).
А вот чего хотелось бы еще видеть (помимо средств проверки ссылок, о которых я уже столько говорил) - это (в порядке пожелания):
Тогда WebMaker станет просто верхом совершенства. Впрочем, хорош он и в своем сегодняшнем виде. Что я попытался доказать на практике: до недванего времени я поддерживал свой сайт (http://linuxsaga.newmail.ru) исключительно его средствами.
html-редактор Quanta (текущая версия на момент написания - 1.04) создан киевлянами Дмитрием Поплавским и Александром Яковлевым совместно с Эриком Лаффуном (Eric Laffoon). Он доступен на сайте авторов (), где представлен бинарными архивами (tar.gz, tar.bz2, rpm) объемом от 350 до 500 Кбайт. Имеются, конечно же, и исходные тексты.
Установка программы, по крайней мере в rpm-варианте, никаких проблем не вызывает. Единственно, поскольку Quanta представляет собой KDE-приложение, требуются соответствующие ингредиенты - KDE само по себе и библиотека Qt версии не ниже 1.44. При наличие этих условий Quanta может быть запущена в любой графической среде. По крайней мере, в тех средах, которые я опробовал (WindowMaker, XFce, FLWM, FailSafe. IceWM) - никаких проблем не возникло.
Следует заметить, что основу Quanta составляет штатный текстовый редактор KDE Kwrite, и потому он не работает в среде KDE 2.
Quanta благополучно встраивается в стартовое меню KDE, но, разумеется, может быть запущена и из окна терминала. После запуска программы возникает окно достаточно стандартного вида, cодержащее строку меню и главную инструментальную панель с кнопками для операций общего назначения: создания, открытия и сохранения файла, вырезания, копирования и вставки, Undo и Redo, поиска, переключения режимов просмотра, навигации.
Как можно видеть, пространство ниже по умолчанию разделено на три фрейма. Левое содержит три закладки: Files, Projects, Struct, Docs. Включение первой вызывает дерево каталогов. Вторая обеспечивает управление создаваемыми проектами, о чем скажу чуть позже. Третья закладка демонстрирует структуру текущего html-документа, включая заголовочные тэги, рубрикацию, внутренние ссылки (anchors) и т.д. Переключение на закладку Docs приводит к вызову документации по программе.
Справа - собственно рабочее поле. Если в дереве каталогов включены первые три закладки, в нем отображается html-код открытого файла (каковой открывается двойным щелчком на имени в дереве каталогов). А закладки выше позволяют переключаться между основными группами тэгов.
При переключении на закладку Doc тэговые закладки в правом фрейме исчезают, а содержимое фрейма составляет система документации программы, отображенная в браузероподобном виде.
Наконец, нижний фрейм представляет собой отображение текущего html-файла во встроенном браузере (по характеристикам подобном браузеру kfm). Размеры всех фреймов могут быть изменены вручную. Кроме того, фреймы дерева каталогов и предварительного просмотра могут быть отключены соответствующими кнопками на главной инструментальной панели. Которые, кстати говоря, снабжены всплывающими подсказками.
Все доступные в Quanta действия могут быть выполнены из меню, посредством кнопок на основной и дополнительных инструментальных панелях, по щелчку правой клавишей мыши. Ну и, разумеется, вручную. Каким образом? Попробую описать по порядку.
В меню File можно
Пункт Edit включает стандартные операции - вырезания, копирования и вставки, Undo и Redo, поиска и замены, перехода к строке по номеру.
В пункте View - включение/отключение инструментальной панели, статусной строки, дерева каталогов, окна сообщений (при проверке синатксиса HTML), окна предварительного просмотра. Здесь же - обновление последнего; если этого не сделать, сколько бы файлов вы не открыли, в нем будет показываться файл, открытый первым.
Основным в меню представляется пункт Tags. Который полностью дублируется кнопками дополнительных инструментальных панелей, почему и скажу о них вместе.
И так, в пункте Tags имеются следующие подпункты, соответствующие закладкам для дополнительных панелей:
Предусмотрена возможность автоматического редактирования введенных тэгов и их атрибутов.Сделать это можно через главное или контекстное (по правой клавише мыши) меню, а также с помощью горячих клавиш. При этом редактирование осуществляется двояко: собственно редактирование тэга (Edit cuttern tag), в том числе приписывание ему каких-дибо событий, или добавление и изменение атрибутов тэга (Attributes of tag).
Возвращаясь к меню, скажу, что в пункте Bookmarks можно установить или уничтожить закладки в тексте (те, что именуются bookmark, а не anchor), а в пункте Options - настроить параметры редактора (о чем - ниже).
Осталось сказать только о пункте Help. Он содержит подробную встроенную документацию (правда, только на английском языке), аналогичную по содержанию вышеупомянутой закладке Doc во фрейме дерева каталогов. Имеется также контекстный help, вызываемый правой клавишей мыши (о чем подробнее скажу чуть ниже).
И так, действия через меню и через экспериментальные панели практически идентичны, не только по функциональности, но и по организации. Что же касается манипуляций по щелчку правой клавишей мыши, то они различны в поле дерева каталогов и в рабочем поле. В первом случае щелчок на имени каталога дает выбор из пунктов - Add folder to top (то есть помещения каталога на один уровень с $home; окуда он может быть и удален - из дерева катлогов, а не физически), открытия каталога и обновления списка. Щелчок на имени html-файла (или поддерживаемого графического) позволяет открыть или удалить файл, вставить гиперссылку на него в текущем (справа) файле, просмотреть свойства, в том числе - права доступа.
Если щелкнуть правой клавишей мыши в рабочем поле, доступны стандартные операции вырезания, копирования и вставки, Undo и Redo, просмотра почты, а также контекстно-зависимой подсказки. То есть соответствующего пункта из документации, соответствующего закладке Doc в дереве каталогов.
Об организации документации я хотел бы сказать особо. Это - отнюдь не стандартный Help типа: для выполнения такого-то действия идите в пункт меню такой-то и выберите такую-то опцию. А скорее краткое (но вполне достаточное!) изложение спецификации языка HTML с указанием по практическим приемам работы с ним. Решение, с точки зрения пользователя Windows, может показаться спорным. Но мне - очень понравилось. Остается только пожалеть, что документация - только англоязычная. Хотя, думаю, английский и на Украине не является не только государственным языком, но даже языком межнационального общения...
Особо следует отметить поддержку проектов. С помощью соответствующей закладки в левом фрейме или через главное меню можно создать новый или открыть существующий проект, добавить в него файлы, определить свойства и т.д. Правда, добвление файла происходит довольно странно, срабатывая только в случае, если имя его введено в соответствующей строке вручную.
Кроме того, нет функций управления файлами в поле дерева каталогов: здесь нельзя ни создать подкаталог, ни переименовать, переместить или скопировать файл. Чего явно не хватает с точки зрения полноценной поддержки проектов.
Зато имеется возможность uploading"а файлов и всего проекта в целом. Для удаленного сервера можно указать его имя и ftp-адрес, логин и удаленный каталог, но, на горе врагам - не пароль.
Первоначально Quanta не могла похвастяться богатсвом настроек. Что искупалось, впрочем, исключительной простотой ее использования. Однако развитие ее не стояло на месте, и ныне в ней поддается настройкам практически все - отступы, переносы слов, параметры выделения, гарнитура, начертание и размер экранного шрифта, кодовую таблицу для него, а также цвета - для нормального текста и выделенного текста, фона. Можно включить или выключить автоматическую простановку закрывающих тэгов, если они - опциональны (обязательные закрывающие тэги, конечно, ставятся всегда), переключить регистр представления тэгов и их атрибутов.
Есть также пункт Configure User toolbar для настройки панели User. Делается это просто: вписывается имя кнопки (для всплывающей подсказки), определяется ее иконка, вводится открывающий и, при необходимости, закрывающий тэги (или скрипт). Иконку для кнопки можно взять из готового xpm-файла или вызвать редактор иконок KDE для ее создания.
Отмечу также, что Quanta поддерживает подсветку тэгов (что a priory отнюдь не подразумевается для многих html-редакторов для Linux). При этом цвета подсветки также настраиваются (через подпункт Highliting того же пункта Options.
Одним словом, Quanta в современном ее виде - полнофункциональный и работоспособный html-редактор, пригодный как для создания единичных страниц, так и сайтов средней степени сложности. Он не свободен от некоторых ошибок, и в некоторых отношениях представляется мне менее удобным, чем WebMaker (возможно, просто в силу привычки). Однако он достаточно интенсивно развивается: так, уже доступна для тестирования бета-версия Quanta 2, ориентированная, как нетрудно догатаься, на применение в среде KDE 2-й версии.
Этот html-редактор в последнее время развивался очень быстрыми темпами: еще год назад это был скорее работающий прототип, ныне же - вполне (не смотря на некоторые недоделки) полнофункциональный законченный продукт. Текущая его версия (0.3.4) доступна на http://bluefish.openoffice.nl, на http://www.linux.tucows.com/ , а также включен в состав некоторых дистрибутивов (например, Linux Mandrake).
Bluefish ориентирован на применение с оконной средой GNOME и основан, соответственно, на библиотеке Gtk. Впрочем, если она установлена, Bluefish без проблем запускается и под KDE, и под любым из опробованных мной оконных менеджеров (вне зависимости от наличия или отсутствия в системе GNOME).
Внешне Bluefish выглядит подобно таким Windows-редакторам, как SiteAid. Под строкой меню имеется главная инструментальная панель, включающая основные операции с файлами (создание, открытие, закрытие и сохранение, в том числе под другим именем, файла) и текстами (копирование, вырезание, вклеивание, поиск и замена, Undo и Redo), а также конфигурирование, печать и проверку орфографии (последняя, правда, в текущей версии не работает, даже английская).
Ниже - строка закладок, управляющая дополнительной инструментальной панелью с тэгами HTML. Тэги сгруппированы в следующих закладках: Quick bar, Fonts, Tables, Frames, Forms, Lists, CSS, Other. Кнопки дополнительной инструментальной панели также объединены в группы.
Так, в закладке Quick bar группы кнопок соответствуют тэгам структуры документа (DTD, Head, Body), шрифтовым визуальным тэгам (Bold, Italic, etc.), внутренним тэгам документа (Paragraph, Break и т.д.), тэгам ссылок и рисунков, выравнивания, вставки комментариев; здесь же - отправка почты. Действие некоторых кнопок имеет свою специфику, на которой остановлюсь подробнее.
Например, вставка тэга DTD позволяет приписать документу соответствие HTML версий 2.0, 3.0 (в вариантах Basic и Strict), 3.2 (Basic, Final, Draft), 4.0 (Basic и Transitional). Кнопка Head предусматривает одновременное создание тэга Title и метатэгов. Через кнопку Body можно задать атрибуты этого тэга - фоновый цвет и рисунок, цвета текста и ссылок. А все это вместе можно проделать с помощью кнопки QuickStart, создающей полный набор тэгов глобальной структуры; только тэг DOCTYPE почему-то оказывается внутри тэга HTML...
Интересно, что кроме кнопки вставки изображения имеется кнопка Thumbnail, автоматически создающая одновременно и миниатюру изображения в любом масштабе, в формате JPEG (по умолчанию), GIF, PNG. Правда, атрибут target при необходимости приходится вводить вручную.
В закладке Fonts, в виде кнопок представлены тэги font и basefont, preformatted text, верхние и нижние индексы, полужирное и курсивное начертания, а также рубрики от 1-го до 6-го уровня. С помощью кнопок закладки Table можно создать таблицу с заданным количеством колонок и строк, вставить строку или ячейку, заголовок и шапку таблицы. В закладке Frames предусмотрено автоматическое создание фреймового набора; может быть произведена вставка фрейма, определено безфреймовое представление фреймсета и базового окна.
Закладка Forms содержит все стандартные html-формы - Submitt, Reset, Text и так далее; закладка Lists - нумерованные и ненумерованные списки; в закладке CSS - кнопки для использования каскадных таблиц стилей. В закладке Other объединены кнопки, создающие навигационные карты, метатэги, элементы JavaScript, а также позволяющие вставить дату и время (в том числе системное время Unix), и просмотреть документ во внешнем браузере - то есть Netscape Navigator, если он имеется в системе.
Кроме того, имеется еще одна, заказная инструментальная панель. Однако она пуста, хотя и доступна для редактирования вручную. Вероятно, предполагается, что здесь пользователь будет размещать свои собственные элементы, скажем, скрипты JavaScript.
Меню позволяет выполнить все действия, доступные через инструментальные панели. Позволяя, дополнительно, доступ к удаленному серверу. И плюс к этому содержит пункт для средств управления проектом. Правда, пока довольно бедных: можно добавить файлы в проект (текущий или все открытые) и сохранить его под каким-либо именем. Открытие файла проекта приводит к одновременному открытию всех входящих в него html-документов. Правда, проект может и редактироваться: можно определить локальную и удаленную директории, каталог для шаблонов. Предусмотрено также сквозное редактирование цветов, шрифтов, стилей, метатэгов; однако пока все эти действия (кроме выбора цвета) могут осуществляться только вручную.
Настройки Bluefish весьма ограничены: предусмотрено изменение гарнитуры и кегля шрифта, однако путем ввода имени шрифта вручную, размера открываемого окна, формата миниатюр изображений. Правда, изменение шрифта, видимо, в текущей версии не реализовано: у меня, по крайней мере, ни ввод нового имени шрифта, ни изменение его размера никакого визуального эффекта не возымели. Нет возможности (и, видимо, не предвидится) изменить цвет фона и текста, а также тэгов; к тому же тэги не подсвечиваются вообще; поскольку последнее характерно для абсолютно всех html-редакторов, базирующихся на Gtk (вне зависимости от степени их разработанности), это, видимо, вызвано какими-то принципиальными причинами.
В целом Bluefish производит противоречивое впечатление. С одной стороны, базовые средства работы с основными тэгами HTML весьма удобны; имеются некоторые уникальные опции, как, например, вставка миниатюр изображений или, в проекте - простите за тавтологию - средства модификации проекта. Однако нет автоматического редактирования введенных тэгов - отсутствующие при создании тэга атрибуты могут быть установлены только вручную. А отсутствие возможности изменения шрифта (надеюсь, временное) и подсветки тэгов (боюсь, хроническое) обесценивает для меня лично любые другие достоинства html-редактора. Хотя человеку с орлиным зрением может понравиться функциональное богатство Bluefish.
Эта программа позиционируется ее автором, Томасом Шретером, как легкий в использовании html-редактор. Виденная мной версия имела номер один, но в README определялась как ранняя альфа. Что, как будет видно дальше, более чем соответствует действительности.
И так, KDreamSite. Доступен только в исходных текстах, его можно скачать со странички автора (http://mitglied.tripod.de/KDreamSite), а также, например, с http://linux.tucows.com/ или http://www.unixware.ru/ . Представляет собой упакованный tar-архив размером около полумегабайта. Требования для установки - наличие компилятора C++, Perl, программ make, autoconf и automake, библиотеки QT1.44 и, естественно, KDE (все это подробно перечислено в файле README.
Помимо этого, в файле INSTALL имеется вполне достаточная инструкция по компиляции и установке программы. Каковые, при наличие всех потребных библиотек и инструментов, находящихся в положенных местах (определяемых файлом Makefile) никаких трудностей не вызывают. Если же все потребное хозяйство находится не по адресу - требуется запускать инсталляционные скрипты со всяческими параметрами (или править Makefile - не знаю, что проще).
По завершении установки исполняемый бинарный файл (kdeamsite), согласно документации, должен находиться по адресу /usr/local/bin. У меня же он обнаружился непосредственно в /usr/bin. Откуда и был благополучно запущен. Посредством командной строки, так как в меню KDE не встроился.
Внешне KDreamsite весьма напоминает описанный ранее WebMaker. После запуска программы можно видеть окно, состоящее из двух панелей. В левой - дерево каталогов (по умолчанию - начиная с корневого), в правой - html-файл. сразу после запуска он - безымянный и пустой, нет даже тэга IDOCTYPE - одного из обязательных, согласно спецификации html 4.
Из этой позиции можно открыть любой имеющийся html- или текстовый файл или создать новый (никаких даже минимальных шаблонов для этого не имеется). Все открытые или созданные файлы отображаются закладками ниже инструментальной панели. Разумеется, можно и закрыть файл. Интересно (хотя на самом деле - не очень), что закрытие созданного при запуске пустого файла автоматически вызывает закрытие всей программы. Не зависимо от того, сколько непустых файлов в этот момент открыто. И если эти файлы были изменены - не следует ни предупреждения об этом, ни предложения их сохранить. И все изменения оказываются потерянными.
Попытка открыть html-файл с русским содержимым приводит к появлению абракадабры, поскольку по умолчанию установлен шрифт без кириллицы. Правда, шрифт и все его атрибуты (размер, начертание, цвет, для кириллицы - кодировку) можно изменить через пункт меню Options - Editor Defaults. Однако сохранить эти установки нельзя - при перезапуске программы все возвращается на круги своя.
Инструментальная панель содержит несколько кнопок для выполнения минимальных действий (создание, открытие и сохранение документа, Undo и Redo, вырезание, копирование и вставка). Панель не редактируется, возможности подключения дополнительных панелей - нет.
Что еще можно сделать посредством KDreamsite? Стандартный набор манипуляций, как то:
Вот, пожалуй, и все, что мы имеем на сегодняшний день. Правда, есть еще нереализованный пункт меню под названием Project, не очень типичный для бесплатных web-редакторов. Но о содержании его можно только гадать.
Вывод: в современном своем виде KDreamsite для всамделишней работы (особенно с русскоязычным материалом) не пригоден. Однако прошу это не считать в упрек. Ведь мы имеем дело с очень ранней альфа-версией (вероятно, правильнее было бы нумеровать ее не 1.0, а как-нибудь вроде 0.хх). А заложенные (хотя и нереализованные опции) позволяют предполагать, что со временем KDreamsite станет функциональным аналогом бесплатный web-редакторов среднего класса. Если же функции управления проектом включат в себя что-нибудь помимо создания и сохранения такового - не исключено, что он окажется среди лучших.
Это один из первых в истории полнофункциональных html-редакторов под Linux. Отзыв о нем - как о редакторе класса HomeSite, представляется мне несколько преувеличенным. Хотя к использованию вполне пригоден.
asWedit существует как в виде исходных текстов, так и бинарных пакетов, и может быть получен с http://www.advasoft.com/asWedit/ . Установка его сложностей не вызвает, прекрасно встраивается в стартовое меню KDE, хотя может быть запущен и любым другим способом (например, из командной строки терминала).
Выглядит asWedit (текущая версия 4.1) действительно положе на HomeSite, но уж больно лохматых версий. И сразу по загрузке страницы берется исправлять ее код, выдавая всякого рода гнусные предложения; правда, есть возможность их проигнорировать, но тогда asWedit не успокоится при следующей загрузке документа. Проблема русских букв решалается запуском из командной строки с параметром -fn. Однако при этом теряется возможность настройки экранных шрифтов в окне редактирования кода: при переходе на средний или крупный шрифт буквы русскими быть перестают, а получившийся шрифт по умолчанию я различаю, только царапая очками монитор.
Конечно, заняться ручной правкой конфигурационных файлов, но неясно - стоит ли. Никаких особых достоинств я в asWedit"е не обнаружил: ну редактор как редактор, имя им - легион на любом сайте бесплатных Windows-программ.
Это редактор, доступный в виде rpm-пакета, отличается предельной простотой: три пункта меню (не считая help), дублируемые одной из двух инструментальных линеек. Вторая же - предназначена для ввода трех групп тэгов - основных тэгов html, тэгов форматирования и таблиц и списков. Не подсвечивает тэги, никаких настроек нет даже в зачатке.
Ввод русских букв возможен только при раскладке клавиатуры, именуемой "хакерской". Впрочем, за невозможностью настроить экранный шрифты, буквы эти русскими все равно не являются. Чем и определяется невозможность (да и ненужность) использования этого редактора.
Это - очень перспективный html-редактор, который можно отыскать на http://www.screem.org/ , исключительно в виде исходных текстов. Он основан на бибдиотеке Gtk и предназначен для графической среды GNOME. Какждая его версия, как правило (а последняя на моей памяти - 0.2.6) требует самых новейших версий библиотек Gtk и GNOME. Поэтому компиляция Screem часто трудна и не всегда завершается удачно. Да и сам он в полной мере работоспособным назван быть не может: у меня, например, ни одна версия его не проработала непрерывно более 10-15 минут.
Тем не менее, некоторое внимание ему я бы уделил. Поскольку впечатление производит могучее: есть и
Очень впечатляет окно визуализации, очень напоминающее таковое в HomeSite для Wondows. В этом окне, как буд-то бы, есть даже возможность визуального проектирования страницы. Помимо этого, можно подключить для просмотра страницы сколько угодно внешних браузеров (вернее, сколько есть в системе).
Редактор html-кода Screem с развитыми средствами визуализации служит связующим звеном со следующей группой web-инструментов, которую составляют
Визуальные web-редакторы также имееют две целевые аудитории. Первая - это сугубые любители, создающие личные страницы и не желающие затрачивать на это чрезмерных усилий. Вторая же - напротив, профессионалы, но не контентщики, а скорее - дизайнеры. Для которых web-дизайн - лишь одна из разновидностей дизайна вообще.
Нельзя сказать, что средства визуального проектирования web-страниц под Linux многочисленны, но - все же имеются. До недавнего времени - числом два. К ним относится, например,
Это редактор, разработанный консорциумом W3C (http://www.w3c.org/), где и можно найти его текущуюю версию (3.1), в виде исходных текстов или rpm-пакета. Установка его проблем не вызвает ни в том, ни в другом случае.
На первый взгляд Amaya производит очень приятное впечатление: инструментальная панель современного вида, наличие встроенного браузера, как в AOLPress, переключение с режима редактора в режим браузера и т.д.
Однако первые же опыты вызвают сплошные разочарования. Во первых, Amaya сразу же начинает находить ошибочные теги (в меру своего разумения, соответствующего спецификации html чуть ли не второй версии). И до исправления ошибок категорически отказывается переключаться в режим редактора.
Правда, если последовать мудрым советам по корректировке кода (нужно сказать, не очень существенным), доступ к редактору все же получить можно. Тут, правда, последует второе разочарование: я не нашел никакого способа редактирования html-кода. Без чего web-редактора, будь он хоть трижды wisiwig, не приемлю: знаем мы, какие они умные...
Третье разочарование - моя борьба за русские буквы оказалась безуспешной. На запуск с параметром, скажем, -fn Amaya реагировать не желает, а поиск какого-либо другого способа русификации (если он существует) требовал неоправданных, как мне показалось, затрат сил и времени. И с Amaya я благополучно распростился, перейдя ко второму визуальному редактору -
производства IBM, на сайте коей (http://www.ibm.com/software/hpbuilder) и может быть обнаружен. Правда, это - продукт комерческий (хотя и не дорогой, 69 долларов); для бесплатного скачивания доступна пробная 15-дневная версия.
Пакет WebSphere Homepage Builder существует только в виде бинарного rpm-пакета объемом около 20 Мбайт. Кроме того, для его функционирования требуется собственная версия wine (доступная там же) объемом 1,7 Мбайт. И еще около 10 Мбайт составляет документация к пакету.
Пакет WebSphere Homepage Builder устанавливается по умолчанию в каталог /opt/hpbuilder4/, где исполнимые файлы расположены в подкаталоге /bin. И включает три компонента - Web Animator, WebArt Designer и собственно WebSphere Homepage Builder
Ну, Web Animator, как и следовует ожидать, оказывается средством создания анимированных GIF-файлов. WebArt Designer - это довольно удобное средство для создания логотипов, кнопок, рамок. В том числе со всякими, иногда не вполне стандартными, спецэффектами.
Ну а WebSphere Homepage Builder - в соответствие с названием, именно визуальный редактор веб-страниц. На первый (впрочем, оказавшийся и последним) взгляд - весьма богатый по возможностям. Но, опять таки в первом приближении, категорически отказывающийся воспринимать великий и могучий. Попытки как-то научить его этому - успехом не увенчались: ни одну кириллическую гарнитуру программа понимать не желала. Посему детальным его изучением я не занимался.
Скажу только, что он имеет средства как визуального проектирования, так и прямого редактирования html-кода, богатые возможности по автоматизированной вставке тэгов, с разделением на физические, то есть визуальные (типа тэгов bold, italic etc.) и логические, то есть структурные (strong. emphasis и др.). Довольно удобно реализована вставка таблиц, иллюстраций, гиперссылок, апплетов Java и сценариев JavaScript. Эффектно реализована работа с каскдными таблицами стилей (CSS) и другими современными "наворотами". Есть очень развитые средства управления проектами, включая проверку целостности ссылок и автоматическое создание карты сайта. Имеется и встроенный ftp-клиент с достаточно богатыми настройками. Но, повторяю, в наших условиях использовать все это затруднительно по причине поддержки кириллицы.
Так что средства визуального проектирования web-страниц под Linux оставляют желать лучшего. Конечно, в качестве таковых можно использовать текстовые процессоры. Например, описанный ранее StarWrite из интегрированного комплекта StarOffice. Однако генерируемый последним html-код с точки зрения чистоты и удобопонятности оставляет желать лучшего: кто видел в исходных текстах страницы, сделанные в MS Word, поймет, что я имею в виду.
Впрочем, если уж совсем невмоготу жить без визуального web-редактора, остается последнее средство: Netscape Composer из комплекта Netscape Communicator, который нормально работает с кириллическими текстами. Недостатки его - те же, что и у Windows-аналога: отсутствие собственного редактора html-кода, сложность перехода ко внешнему редактору, настойчивое желание "улучшить" введенный руками код с точки зрения удобочитаемости и эстетики, а иногда и синтаксиса (причем - в меру своего разумения, далеко не всегда совпадающего, скажем, с моим). Но, в принципе, Netscape Composer пригоден для быстрого создания несложных страниц.
Раз уж речь зашла о продуции Netscape, следует сказать несколько слов и о тех программах, с помощью которых просматриваются произведения web-мастерства, и именуемых, как известно
В отличие от Windows, браузеров под Linux - великое множество. Но практическое значение имеют только два - текстовый браузер Lynx и браузер графического режима (догадайтесь с трех раз - какой) Netscape Navigator. Начну с первого.
Почему стоит упомянуть о текстовом Lynx в эпоху засилья графических и, так сказать, "технологических" web-страниц? Потому, что он традиционно распространен среди пользователей Linux (и Unix вообще) с большим стажем. И, следует заметить, не без причин.
Во-первых, он отменно быстр: если вы привыкли к Netscape или, тем более, к Internet Explorer, вас поразит скорость интерпретации html-кода. Конечно, никаких красот графического или технологического дизайна увидеть не удастся. Но текстовая часть web-страницы будет вполне воспринимаема. Если, конечно, ее создатель спроектировал ее грамотно.
Потому что, во-вторых, Lynx очень строго подходит к интерпретации html-кода, требуя хотя бы относительного его соответствия спецификации. При серьезных нарушения последней он может просто отказаться читать страницу. И потому Lynx незаменим как одно из средств проверки валидности собственных web-творений.
Наконец, в третьих, для восприятия существенно текстовых web-материалов Lynx создает такое же ощущение зрительного комфорта, как и консольные текстовые редакторы - для их набора. А со временем, возможно, вы увидите и своеобразную эстетику в его простоте и строгости...
О Netscape Navigator сказать особенно нечего: это очень близкий аналог своего Windows-собрата. При равенстве номеров версий, разумеется. И все навыки работы с тем пригодятся и при использовании Linux-реализации. Единственное существенное отличие - в комплекте с последней существенно меньше дополнительных подключаемых модулей (plug-ins); например, нет средств предназначенных для восприятия RealAudio и RealVideo, их нужно скачивать отдельно и устанавливать самостятельно.
Кроме этого, под Linux существуют многочисленные браузеры местного, так сказать, масштаба: встроенные в файловые менеджеры kfm и konqueror, например. Причем последний - уже вполне полноценное средство просмотра web-страниц, отличающееся удобством и быстродействием. На подходе (и доступны в качестве бета-версий) браузеры Mozilla и Netscape 6-й версии.
Наконец, существует и Linux-реализация третьего кита Windows-браузинга - Opera. Однако в ней есть проблемы с восприятием кириллицы. А с точки зрения компактности и быстродействия выбор под Linux и так обширен.
Под Linux существует огромное количество различных приложений для web-разработчиков . В этот раз я напишу про четыре удобных HTML-редактора, которые пользуются популярностью на данной платформе. Если будет интересно, то можно будет продолжить и писать про программы для разработчиков почаще.
Большинство редакторов, помимо ручного ввода кода, поддерживают технологию WYSIWYG . Сам я пробовал только два редактора (ибо всё таки ручками всё писать, с помощью gedit, как то привычней и удобней), но оба они были в официальных репозиториях Ubuntu и доступны из Центра приложений .
BlueFish – кроссплатформенный и очень лёгкий редактор, ориентированный на программистов и веб-разработчиков. Он поддерживает множество языков программирования и разметки, но фокусируется на создании динамических и статичных веб-сайтов. Это открытый проект, выпущенный под лицензией GNU GPL.
Возможности BlueFish:
(так же известный как Quanta ) - популярный редактор под KDE. У Quanta есть WYSIWYG-редактор, а также функция редактирования файлов по FTP.
Возможности Quanta Plus:
Это ещё один полезный инструмент для разработчика. Он поддерживает HTML, CSS, javascript, PHP, CSS и многое другое, вот только поддержки WYSIWYG у него нет.
