Рейтинг@Mail.ru
Перейти к содержанию
 

Бесплатный визуальный редактор web-страниц NVU

Для создания веб-страниц необходим редактор. Редакторы бываю двух типов: текстовые и. визуальные.

В качестве текстового подойдет любой текстовый редактор, например «Блокнот» (Notepad), который входит в комплект Windows. Большинство авторов так и советуют — используйте Блокнот. В этом случае лучше использовать Notepad++ (http://notepad-plus.sourceforge.net/ru/site.htm).

Визуальные редакторы не требуют от вас глубоких знаний html, css. В визуальном редакторе вы располагаете различные элементы вашего сайта, как в обычном текстовом процессоре, например, Word, а редактор пишет за вас код самостоятельно.

Именно поэтому визуальные редакторы еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get – что видишь, то и получаешь. Самым мощным и широко распространенным визуальным редактором является Dreamweaver. Разработчики утверждают, что Dreamweaver предназначен для проектирования, разработки и администрирования профессиональных web-сайтов и приложений. Кроме того Dreamweaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash. Т.е. Dreamweaver гораздо больше, чем просто визуальный редактор, это достаточно мощный и сложный инструмент, а всякий сложный инструмент требует, чтобы на его освоение было потрачено какое-то время, прежде, чем пользователь сможет работать в нем.

Однако, эта программа платная. Существует хороший бесплатный аналог этой программы - визуальный редактор NVU. Подобно Firefox и Thunderbird, Nvu  основан на проекте Mozilla. Nvu исходит из той части Mozilla, которая называется Mozilla Composer. Один из основных разработчиков Nvu — главный архитектор Mozilla Composer, Дэниел Глазман. Продукт выпускается в дистрибутивах для нескольких систем — Linux, Windows, MacOS X.

Существует и русская версия, которую можно скачать с http://nvu.mozilla-russia.org/, и в нее входят некоторые дополнительные компоненты — например, модуль проверки русской орфографии, плюс переведенная документация. Можно переключаться между несколькими режимами редактирования — визуальным, кодом HTML и режимом отображения тегов. Встроенный менеджер сайта дает возможность управлять множеством HTML-документов и отслеживать их изменения. Легко добавлять и менять популярные элементы веб-страниц, такие как: формы, таблицы, изображения. Работа с шаблонами позволяет модифицировать дизайн в одном месте, в то время как он автоматически применяется к множеству документов. Имеется мощный встроенный редактор CSS с предварительным просмотром результата. Есть возможность использования стилей вместо параметров тегов. Код HTML и CSS формируется в соответствии с существующими стандартами и спецификациями.

При запуске Nvu открывается окно программы с пустой Web – страницей (рис.1)

Рис.1. Окно программы Nvu с пустой страницей

Слева расположен менеджер сайтов, основную область главного окна занимает многостраничный блокнот с редактором веб-страниц, и сверху находятся панели инструментов. Менеджер сайтов используется, чтобы подключаться к сайтам и редактировать на них документы. Вы можете загрузить файл прямо с сайта, отредактировать его и сохранить. Есть также функция публикации документа, вызывается она через пункт меню Файл => Опубликовать. Открывается окно, где можно выбрать, на каком из заданных в менеджере сайтов ресурсов сохранить текущий редактируемый файл.

Каждая страниц редактирования содержит в себе четыре вкладки:

  • вкладка режима визуального редактирования,
  • вкладка структуры документа,
  • вкладка редактирования непосредственно HTML (или XHTML) кода,
  • вкладка Предварительного просмотра.

Встроенный просмотр несколько отличается от просмотра внешним браузером. При предварительном просмотре отображаются полоски сверху и слева области редактирования. В этой полоске выводится в пикселях ширина и высота текущего элемента страницы, либо всей страницы, если никакой другой элемент не выделен. Визуальное редактирование документа генерирует правильный и современный с точки зрения стандартов код. Например, при выделении текста жирным шрифтом генерируются не тэги, а аналогичный по действию CSS-стиль. Nvu может работать в двух режимах — HTML и XHTML, причем в вариантах strict и transitional, создавая код, согласный этим стандартам.

После запуска программы минимальный первоначальный код будет создан автоматически. На рис. 2 показан вид программы Nvu в режиме редактирования HTML-кода.

Рис. 2. Исходный код пустой веб-страницы

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Есть 2 коммент.

  1. poststock пишет:

    Портал просто отличный, все бы такие!

  2. Erjomin S. пишет:

    Всё просто изумительно!!! Главное, всё работает !!! Спасибо.

Написать комментарий к Erjomin S.

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Реклама: