Софтерра: NVU 1.0: веб-дизайн - это просто
Софтерра: 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?
NVU - это визуальный HTML-редактор. Не обязательно досконально знать HTML, чтобы использовать NVU, достаточно базовых знаний. Основным критерием становится не знание тонкостей языка программирования, а ваш талант, фантазия, и, конечно, качество разрабатываемого материала. На сегодняшний день NVU имеет уже достаточно много возможностей, отсутствующих у его предка - пенсионера Mozilla Composer:
Менеджер сайтов, позволяющий редактировать страницы на удаленном сервере.
Встроенный Редактор CSS с предварительным просмотром стилей.
Цветная подсветка синтаксиса в режиме редактирования кода.
Проверка орфографии на многих языках. Поддерживаются все словари из OpenOffice.org.
Наличие базовых функций в NVU, присущих каждому визуальному редактору, надеюсь, никто под сомнение не ставит. Разработчики постоянно совершенствуют продукт и обещают поднять его функциональность до уровня FrontPage и Dreamweaver. NVU, в отличие от некоторых конкурентов, создает правильный компактный HTML-код, лишенный мусора. Стремление к максимальному следованию стандартам идет еще со времен Mozilla Composer. NVU работает в Windows, Linux и Mac OS X, распространяется по лицензии GPL и абсолютно бесплатен.
***
Интерфейс NVU
Каждый, кто хотя бы непродолжительное время использовал 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
В целом возможности 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
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКЧитайте также
Все так просто?
Все так просто? И конечно же, нам нужно обеспечить поддержку для остальных браузеров. У нас есть только один выход — стандартное событие window.onload:// для остальных браузеровwindow.onload =
Больше, чем просто текст
Больше, чем просто текст В связи с бурным развитием сетевых и коммуникационных технологий, а также резко возросшей производительностью компьютеров, появилась возможность передавать по Сети аудиоинформацию и видеосигнал с такими скоростями, которые обеспечивают
Не просто мониторить блогосферу
Не просто мониторить блогосферу Метки: репутация, большой бизнес, мониторинг, примерыМногих блоггеров приятно удивляет то, что их записи действительно читают в компаниях. Если вы нашли в стороннем блоге сообщения про свою компанию или про себя самого и вступили в
RSS – это просто
RSS – это просто Метки: продвижение, приманки, RSSЧитать блог можно по-разному. Заходить каждый день и смотреть, не накропал ли автор что-нибудь интересное, не очень удобно, и есть риск пропустить что-то важное. Хорошо, если автор позаботился о том, чтобы читатели имели
Глава 2 Просто посмотреть
Глава 2 Просто посмотреть Wbth lal voe htat oy voe wxbirtn vfzbqt wagye С poh aeovsn vojgav? [5] Многие еврейские семьи, которые не отличаются религиозностью, хотят, чтобы сын прошел обряд бар-мицвы [6] . Я был как раз таким сыном. Во время обряда мальчик стоит перед членами общины и читает отрывок из
Виртуальность это просто
Виртуальность это просто Для работы с виртуальным списком в простейшем случае достаточно следующего:• Создать виртуальный список• Вовремя заботиться о количестве элементов• По запросу списка заполнять элементы нужной информациейВ некоторых случаях возможно
Почему это так просто?
Почему это так просто? Перед осуществлением этой серии я всегда думал, что компиляторы были просто естественно сложными компьютерными программами... предельно вызывающими. Однако то, что мы здесь делали обычно оказывалось совершенно простым, иногда даже
Урок 7 Рисовать – это просто
Урок 7 Рисовать – это просто Photoshop дает пользователям огромные возможности для обработки цифровых изображений. Не в последнюю очередь это относится к инструментам рисования. В этой книге мы не будем учить вас рисовать, но считаем своим долгом познакомить с
А давайте мы просто…
А давайте мы просто… Стивен Акерс, вице-президент по информационным технологиям компании Genscape, Inc.Любой, кто проводит много времени на работе, знает о постоянной борьбе между информационными технологиями (IT) и бизнесом (не связанным с IT). Причина этих раздоров практически
14.9. Фотопанорама – это просто
14.9. Фотопанорама – это просто Наверное, каждый любитель фотографии сталкивался с проблемой – очень красивый вид не удается вместить в кадр. У профессионалов на такой случай есть специальные объективы, но большинство любителей, разумеется, далеки от такой роскоши. Однако
ЭЦП – это просто
ЭЦП – это просто Начнем с того, что ЭЦП – это вовсе не «зверь», и никаких специальных знаний, навыков и умений для ее использования не потребуется.Каждому пользователю ЭЦП, участвующему в обмене электронными документами, генерируются уникальные открытый и закрытый
Иногда — просто сдаться
Иногда — просто сдаться В компаниях все варится в одном котле — и плохое, и хорошее. Даже если мы захотим казаться выше всего этого, то все равно мелочные политиканы будут продолжать копошиться. Иногда лучше дать одной из сторон взять верх, когда битва не так уж
Архиваторы – это просто!
Архиваторы – это просто! На первый взгляд при слове архиваторы представляются люди, которые работают в темных сырых помещениях и постоянно что-то прячут на стеллажах. Но не пугайтесь, новую профессию вам осваивать не придется. Все в рамках ознакомления с компьютером.Так