Ваш персональный компьютер

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

В качестве текстового подойдет любой текстовый редактор, например «Блокнот» (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. Исходный код пустой веб-страницы