NVU - это небольшой кроссплатформенный визуальный (WYSIWYG) HTML-редактор с открытым исходным кодом. Его основой послужил код, выделенный из Mozilla Composer. Благодаря этому, редактор получился лёгким и удобным в использовании и на настоящий момент по своему функционалу уже далеко обогнал своего "прародителя", вплотную подбираясь к возможностям своих коммерческих "собратьев", таких, как FrontPage и Dreamweaver.
NVU позволяет легко и просто любому новичку, незнакомому с HTML, в визуальном режиме создать качественный сайт или отдельные страницы, отвечающие всем современным веб-стандартам. Продвинутые пользователи при необходимости могут переключиться в режим непосредственной правки кода. Помимо этого в NVU имеются и дополнительные инструменты. Это Менеджер сайтов, позволяющий не только управлять страницами, но и редактировать их прямо на удаленном сервере; встроенный Редактор CSS c предварительным просмотром стилей, цветовая подсветка синтаксиса в режиме редактирования кода, проверка орфографии и многое другое. NVU поддерживает смену интерфейса с помощью подключения дополнительных тем, а функционал редактора можно значительно расширить за счёт подключения расширений, как написанных специально для NVU, так и некоторых адд-онов для Mozilla Firefox.
Имеется в наличии интерфейс с поддержкой вкладок и быстрым доступом к часто используемым меткам (тегам), браузер предварительного просмотра и несколько мастеров, для создания часто используемых элементов веб-страниц. К недостаткам можно отнести отсутствие некоторых профессиональных функций, таких как подсветка синтаксиса, поддержка скриптов и некоторых других. Также отсутствует и встроенная документация.
Помимо версии для Microsoft Windows, Nvu доступен и для операционных систем и . Также имеется и Portable-версия. В данный момент редактор более не поддерживается разработчиком. В 2006 году на основе исходного кода Nvu был выпущен HTML-редактор . Именно его часто и считают преемником Nvu .
NVU – небольшая программа, предназначенная для редактирования HTML-кода. HTML редактор NVU имеет визуальный интерфейс и существует для различных операционных систем. Этот редактор кода был создан на основе HTML-редактора Mozilla Composer, вследствие чего NVU достаточно прост и понятен, а по своим возможностям уже сильно опередил исходную программу и вплотную приблизился и функционалу таких платных редакторов, как Dreamweaver и FrontPage.
Одним из достоинств этого редактора кода является то, что можно скачать NVU на русском. NVU Russian page полностью переведен, что облегчает работу пользователям, не знакомым с английским языком. Если скачать NVU бесплатно на русском языке, то вы получите удобную программу для создания своей страницы или сайта хорошего качества, даже если вы – абсолютный новичок. В редакторе можно создавать сайты, соответствующие всем необходимым интернет-стандартам.
Более опытные пользователи при желании могут перейти к непосредственному редактированию кода. Кроме того, в NVU есть еще и другие инструменты такие, как Менеджер сайтов и Редактор CSS. С помощью них можно редактировать страницы, которые находятся на удаленном сервере, использовать подсвечивание синтаксиса, проверять код на ошибки и т. д. Интерфейс редактора легко поддается изменениям за счет использования различных тем, а возможности легко расширяются установкой расширений, созданных для NVU.
Всеми возможностями редактора можно воспользоваться, если скачать НВУ за пару минут. В этом HTML-редакторе имеются вкладки, предварительный просмотр и доступ к наиболее часто применяемым тегам, что значительно ускоряет разработку сайта. Имеется также много параметров для изменения текста: центровка, шрифт, стиль и т. д.
Особенности HTML-редактора NVU
- можно установить в Windows, Linux, Mac OS X;
- открытый исходный код, доступный для просмотра и изменений;
- пользователь может лично доработать или изменить программу для своих целей;
- возможность непосредственно редактировать код HTML и CSS;
- небольшое количество занимаемого места на диске компьютера;
- у элементов есть свойства, параметры которых настраиваются;
- подсветка синтаксиса.
Визуальный HTML-редактор, подобный Macromedia Dreamweaver, но полностью бесплатный. Отличный инструмент для новичов, только начинающих осваивать науку создания сайтов.
Чем он хорош? Да тем, что для создания web-странички Вам не надо заморачиваться над изучением языков web-программирования. Вы просто набираете текст, вставляете картинки или анимацию, а всю "грязную" работу по оформлению всего этого в HTML берет на себя NVU.
К сожалению, на данный момент разработка NVU приостановлена, но до первой стабильной версии проект все же дорос, а это уже немало. Давайте рассмотрим его подробнее.
Возможности NVU
- различные режимы отображения редактируемой страницы;
- широкие возможности для оформления текста;
- вставка изображений (включая фоновые);
- возможность работы над целым сайтом, а не только над отдельными страницами;
- создание таблиц и форм;
- публикация отредактированного сайта напрямую из редактора;
- собственный редактор каскадных таблиц стилей (CSS) и консоль Java Script .
Все это и еще многое другое позволяет нам сделать небольшой сайт с нуля при минимальных (что предпочтительней) знаниях в области HTML (или их полном отсутствии:)).
Установка визуального редактора
Скачиваем… Устанавливаем… Запускаем и смотрим:) (именно так - никаких лишних телодвижений с русификациями, вводом дополнительной информации и т.п.).
Согласимся на создание ярлыка на рабочем столе и запустим с его помощью NVU.
Интерфейс NVU
C первого взгляда NVU напоминает какой-то текстовый редактор. Это и есть его главная заслуга - визуальный графический интерфейс.
Но посмотрев вниз, Вы увидите, что помимо обычного есть еще несколько режимов отображения введенной информации:
- HTML-теги;
- и предварительный просмотр.
Режим HTML-теги
"HTML-теги" представляют собой эдакую мозаику из текста и тегов, оформленных в виде цветных прямоугольничков.
Такой режим просмотра пригодится начинающим пользователям, так как он отображает все основные использованные теги и при этом не смущает большим их количеством, оставаясь все тем же визуальным редактором.
Также, в этом режиме удобно изучать названия тегов, чтобы потом легко использовать их в режиме правки кода.
Режим Код
Режим "Код" - привычное всем web-разработчикам окошко с HTML-кодом редактируемой странички. Именно отсюда, изо всех этих каракуль и вырастают все ресурсы Интернета.
Освоив кодовый язык Вы легко сможете добавить в свой сайт любые элементы управления, скрипты и прочие "вкусности", которыми привыкли любоваться на чужих сайтах:).
Предварительный просмотр
И, наконец, "Предварительный просмотр" позволяет оценить результат наших стараний, отображая страничку в том виде, который она приобретет в Интернете.
На скриншоте она не отличается от текстового аналога, но стоит добавить любые элементы навигации или скрипты, как отличие обнаружит себя:
Если бы Вы редактировали эту страницу в Блокноте, как суровые программисты, то для её просмотра Вам понадобились бы ещё как минимум, браузер и локальный веб-сервер .
А здесь, как говорится, уже "всё включено".
Теперь, когда с вариантами просмотра и редактирования немного прояснили, давайте поглубже вникнем в возможности NVU.
Скрытые возможности визуального HTML-редактора NVU
Все основные параметры форматирования доступны в виде пиктограмм, но некоторые возможности скрыты в панели меню.
Например, в меню "Файл" Вы найдете такие функции, как:
1. "Открыть адрес в Интернете". Благодаря движку от Mozilla позволяет открывать и редактировать страницы прямо из Интернета.
Это может очень пригодиться, если Вы хотите посмотреть, как делается та или иная фича для сайта. Просто вводим в открывшемся окошке адрес и любуемся результатом:
2. "Экспорт в текстовый формат". Налюбовавшись сайтом, Вы можете сохранить его исходный код в формат.txt на своем жестком диске.
В "Правке" есть инструменты для поиска нужных слов по тексту и проверки орфографии.
В меню "Вставка" можно обратить внимание на возможность вставки PHP-кода и символов, которых нет на клавиатуре.
"Формат" предоставляет широчайшие возможности для настройки вида текста, изображений и другой информации.
Самой интересной, а главное нигде не отображенной возможностью здесь есть "Цвет и фон страницы". При помощи данной опции Вы легко сможете добавить любой фоновой рисунок либо просто подобрать удачный фоновой цвет для сайта.
Наконец меню "Инструменты" предоставляет такие возможности, как: доступ к консоли JavaScript, редактору CSS и инструменту для проверки HTML кода.
Также отсюда Вы можете получить доступ к настройкам программы и настройкам тем оформления NVU.
Выводы
В NVU несложно разобраться, так как все элементы управления в программе снабжены всплывающими подсказками и пояснениями, а благодаря группе русских разработчиков из Mozilla.ru Team имеется также и очень хорошая справка на русском языке.
Единственным минусом NVU есть то, что код сгенерированный программой очень громоздкий и имеет много лишних тегов. Но пусть это будет для Вас только стимулом изучать HTML и оптимизировать, и доводить свой сайт до совершенства.
Удачных Вам разработок и успехов во всех начинаниях!
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.