Софтерра: NVU 1.0: веб-дизайн - это просто

Однажды директор компании Linspire (бывшая Lindows) Майкл Робертсон обнаружил, что некоторые элементы корпоративного веб-сайта имеют участки кода, остающиеся от редактора FrontPage. Microsoft, создатель продукта FrontPage, является прямым конкурентом Linspire, поэтому подобная новость не могла обрадовать директора. Собственные сотрудники используют продукты соперника?! Робертсон немедленно начал кампанию, чтобы выйти из этого щекотливого положения.

Без того тяжелую ситуацию усугублял факт, что в Linux (эта операционная система является основой OS Linspire) не существовало достойного конкурента FrontPage по функциональности. В Linux есть немало текстовых редакторов с подсветкой HTML синтаксиса, а также несколько визуальных редакторов, ориентированных на опытных дизайнеров, но вы не найдете ни одного простого для освоения инструмента. С большой натяжкой таковым можно называть Mozilla Composer, но его возможности катастрофически уступают FrontPage или Dreamweaver. Масла в огонь подлило прекращение развития всего проекта Mozilla Suite, частью которого является Mozilla Composer.

По иронии судьбы именно в тот момент, когда в Mozilla.org решили отказаться от дальнейшего развития Mozilla Suite, Робертсон решает начать исследования в области отделения кода визуального редактора от интегрированного пакета с целью создания независимого приложения с функциональным набором, приближенным к именитым конкурентам.

Компания Linspire немедленно наняла на работу Даниэля Глазмена, координатора проекта Mozilla Composer и предложила спонсорскую поддержку в развитии независимого визуального приложения.

Это было рождение проекта NVU (N-View). После девяти месяцев разработки редактора из зародыша - функциональной копии Mozilla Composer - на свет появился новый программный продукт NVU.

NVU - это визуальный HTML-редактор. Не обязательно досконально знать HTML, чтобы использовать NVU, достаточно базовых знаний. Основным критерием становится не знание тонкостей языка программирования, а ваш талант, фантазия, и, конечно, качество разрабатываемого материала. На сегодняшний день NVU имеет уже достаточно много возможностей, отсутствующих у его предка - пенсионера Mozilla Composer:

Менеджер сайтов, позволяющий редактировать страницы на удаленном сервере.

Встроенный Редактор CSS с предварительным просмотром стилей.

Цветная подсветка синтаксиса в режиме редактирования кода.

Проверка орфографии на многих языках. Поддерживаются все словари из OpenOffice.org.

Наличие базовых функций в NVU, присущих каждому визуальному редактору, надеюсь, никто под сомнение не ставит. Разработчики постоянно совершенствуют продукт и обещают поднять его функциональность до уровня FrontPage и Dreamweaver. NVU, в отличие от некоторых конкурентов, создает правильный компактный HTML-код, лишенный мусора. Стремление к максимальному следованию стандартам идет еще со времен Mozilla Composer. NVU работает в Windows, Linux и Mac OS X, распространяется по лицензии GPL и абсолютно бесплатен.

Каждый, кто хотя бы непродолжительное время использовал Mozilla Composer, будет чувствовать себя как дома и с NVU. Панель инструментов и меню в нем созданы по той же технологии, что в Firefox и Thunderbird. Нажав правую кнопку мыши на панели инструментов, вы можете добавлять или удалять кнопки, убирать подписи к значкам, менять размер значков. Настройки программы тоже выполнены в стиле современных продуктов Mozilla.org. Слева по клавише F9, как в Mozilla Suite, вызывается боковая панель, на которой расположен Менеджер сайтов - инструмент, с помощью которого вы можете выполнять модификацию HTML страниц прямо на удаленном ресурсе. Но, в целом, это все тот же наш старый друг - Mozilla Composer, истоки которого идут из Netscape Communicator 4.х.

Создаваемую страницу можно просматривать в различных режимах: Обычный, HTML-теги, Код и Предварительный просмотр. NVU включает в себя полноценный движок Gecko, точно такой же, что используется в Firefox. Поэтому с помощью вкладки Предварительный просмотр вы сможете сразу просматривать страницу, не подключая внешние программы. Страница будет отображаться точно в таком же виде, в котором вам в будущем суждено любоваться ей через браузер.

У NVU есть одно неоспоримое преимущество - редактирование страниц во вкладках. Firefox, используя вкладки, может осуществлять просмотр нескольких страниц одновременно. В NVU этот инструмент служит для одновременного редактирования нескольких страниц. Справедливости ради заметим, что и легендарный FrontPage тоже позволяет открывать несколько страниц одновременно, но для доступа к каждой из них требуется всякий раз заходить в стартовое меню Windows.

Возможность добавлять собственные панели инструментов едина для NVU и FrontPage. Однако метод drag amp;drop, используемый для управления инструментами в панелях NVU, более дружественный, чем блуждание по закоулкам меню FrontPage. С другой стороны, если ширина панели меню больше, чем разрешение экрана, то FrontPage просто перенесет панель на другую «строчку», а панель NVU будет вылезать за пределы экрана. Эта недоработка имеет место как в Windows, так и в Linux.

Приятной особенностью NVU является наличие Менеджера сайтов, благодаря чему редактор может публиковать результаты своей работы в вебе, не прибегая к внешним программам. С технической стороны Менеджер сайтов является файловым менеджером с возможностью работы по протоколу FTP. Он отображает полную структуру веб-сайта в своем небольшом окне. Подобие менеджера сайтов имеется и в FrontPage.

В целом возможности NVU поскромнее, чем у FrontPage и Dreamweaver. Однако стоит ли ожидать победы на функциональном ринге от продукта, которому меньше года от роду?

Работа с графикой. Операции с графикой ограничены вставкой изображений, изменением их размера, перемещением на странице и заданием бордюров. NVU может импортировать ранее созданные файлы GIF, JPG, PNG и BMP. Кроме того, он умеет привязывать позиции графических объектов к сетке. Функциями графического редактора продукт не обладает.

FrontPage тесно интегрирован с Microsoft Office, поэтому может на лету вызывать его компоненты для примитивной правки графики. NVU является независимым продуктом и не интегрирован ни с одним другим компонентом системы. Это применимо ко всем операционным системам, для которых разработан NVU.

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

Таблицы. Управление таблицами реализовано в полном объеме. Создание, изменение размеров, добавления строк и столбцов - все это освоить нетрудно. Например, чтобы изменить размер таблицы, достаточно лишь подцепить мышкой ее край и передвинуть на нужное расстояние. Добавление новых рядов реализовано также изящно, как в большинстве текстовых процессоров - установите курсор в правую нижнюю ячейку и нажмите клавишу Tab. Единственный недостаток - создание по умолчанию таблицы шириной 100 пикселов. На мой же взгляд, удобнее не фиксированный размер, а меняющийся, например, в зависимости от ширины окна браузера.

Шаблоны. NVU поддерживает подключение шаблонов для создания страниц, но самих шаблонов в дистрибутиве нет. В этом плане FrontPage заметно выигрывает, имея в своем составе шаблоны типовых страниц. Впрочем, шаблоны от FrontPage открываются и в NVU.

Стили форматирования. NVU поддерживает стили форматирования CSS через Редактор CSS, который вызывается из меню Инструменты. Работа со стилями реализована на доступном уровне, в редакторе разберется даже человек, знающий о CSS лишь самый минимум. Меня одолело неудержимое любопытство, когда я не нашел средств создания стилей третьего поколения, не поддерживающихся браузером Internet Explorer. Как же так? HTML-движок Gecko уже давно имеет экспериментальную поддержку CSS3. Я решил вручную добавить самые наглядные команды CSS3 в мой стилевой файл.

- moz-border-radius-topleft: 7px;

- moz-border-radius-topright: 7px;

- moz-border-radius-bottomright: 7px;

- moz-border-radius-bottomleft: 7px;

NVU верно обработал стиль и отобразил введенный мною текст в закругленной рамке.

Для работы с DIV-слоями имеется отдельная панель.

NVU основан на коде Mozilla, следовательно, ему доступны точно такие же возможности расширения. Пакет поддерживает смену тем оформления. Однако, на российском сайте NVU пока доступна только одна дополнительная тема с неблагозвучным названием System Unknown. Ее дизайн в точности повторяет рабочую среду KDE из ОС Linux. Тему разработал наш с вами земляк Алексей Губанов. Общее количество тем для NVU, которые смог разглядеть зоркий глаз моего браузера, на сегодняшний день как минимум четыре.

Выбор расширений богаче, но в отличие от несметных сокровищ Firefox, NVU может похвастаться лишь скромной горстью, которую можно целиком просыпать на страницы журнала:

Venkman. Автор Robert Ginda, перевод Алексея Губанова. Отладчик JavaScript, инструмент для тестирования JS-сценариев. Venkman ранее входил в состав NVU (до версии 0.60+), но теперь устанавливается как расширение.

DOM inspector. Автор Chris Neale, перевод Алексея Губанова. Инспектор Document Object Model, известный компонент Mozilla, теперь доступен и для NVU.

About config. Автор Michael J. Gruber. Открывает доступ к настройкам NVU через команду about:config. Привычная для пользователей Firefox возможность - открывать настройки из панели адреса, реализована в NVU в виде отдельного пункта в меню Инструменты.

Launchy. Автор Henrik Gemal, перевод Алексея Губанова. Позволяет открывать страницы, ссылки, media-файлы, отправлять почту, просматривать рисунки и исходный код из NVU в других программах, которые установлены в системе. Автоматически определяет больше 60 программ.

Russian spell dictionary. Авторами данного расширения являются Александр Лебедев, Анатолий Кирсанов и Александр Рабцевич. Средство проверки русской орфографии. Если вы используете оригинальную английскую версию NVU, то можете установить это расширение отдельно, в русскую же оно входит изначально.

HTML header. Автор Simon Wunderlin, перевод Алексея Губанова. Служит для работы с заголовком HTML и тегами META.

На первый взгляд кажется, что количество переведенных на русский язык расширений для NVU ничтожно мало по сравнению с тем, какая богатая база накоплена для родного брата лиса. Непереведенных расширений для NVU немного больше, чем представлено в этом списке. Но вспомните, когда единичные случаи появления новых расширений сменились непрерывным конвейером? После выхода Firefox 1.0. логично предположить, что появление финальной версии NVU 1.0 будет способствовать резкому росту активности разработчиков расширений.

Мораль сей басни такова. Тягаться с грандами визуального редактирования нашему герою пока рановато, слишком много функциональных пробелов еще не заполнено его разработчиками. Пользовательская ниша NVU - это разведение хомяков (homepage - домашняя страница) и страницы мелких корпоративных проектов. Многие фирмы почувствовали потенциальную возможность получить выгоду от экономии: зачем приглашать на работу дорогого специалиста по Dreamweaver, когда можно сделать проект своими силами с помощью несложного для освоения редактора? Если вы только собираетесь заняться веб-архитектурой, то NVU, как никто другой, подходит на роль первого визуального редактора.

Русскоязычный сайт NVU:

nvu.mozilla.ru

. Русскоязычный форум NVU:

forum.mozilla.ru