Что такое Визуальный HTML редактор

Визуальный редактор html – это программа, работающая по технологии WYSIWYG (что вижу, то и получу). Данная технология позволяет создавать и редактировать веб страницы без правки исходного кода.

Визуальный редактор html – является основным инструментом вебмастера при создании webстраниц. В данном курсе, мы будем пользоваться визуальным html редактором – NVU.

Знакомимся: визуальный HTML редактор NVU

Программа NVU, была разработана как бесплатная альтернатива коммерческим визуальным html редакторам, например, таким как Dreamweaver.

Визуальный редактор NVU, по некоторым параметрам, уступает Dreamweaver, но с основными режимами работы при создании веб страниц он вполне справляется.

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

В основе визуального редактора NVU лежит часть кода Mozilla Composer, скачать дистрибутив редактора NVU и посмотреть более подробную информацию об этом редакторе, Вы можете на русскоязычном сайте этого проекта: Nvu.Mozilla-russia.org.

Как скачать визуальный HTML редактор NVU

Чтобы скачать визуальный редактор, зайдите на сайт nvu.mozilla-russia.org, выберете дистрибутив под вашу операционную систему, в том архиве, который Вас устраивает, и скачайте дистрибутив.

Если вдруг, окажется, что выше приведенный URL не доступен, (иногда такое бывает), тогда скачайте визуальный редактор NVU с моего сайта вот по этой ссылке:

Скачать визуальный html редактор NVU

Установка Визуального html редактора NVU

Чтобы установить программу NVU, запустите скаченный файл дистрибутива, после запуска, откроется окно мастера установки html редактора NVU:

Нажмите «Далее», чтобы продолжить установку.

Откроется окно с условиями Лицензионного соглашения. Отмечаете бокс точкой, что Вы принимаете условия Лицензионного соглашения, и вновь нажмите «Далее».

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

После окончания установки html редактора, выйдет окошко с сообщением, что мастер установки NVU завершил работу, программа установлена. Для завершения установки нажмите «Готово».

Чтобы запустить визуальный редактор NVU, нужно будет кликнуть ярлык программы на рабочем столе, который у Вас появится после установки.

После запуска откроется окно программы визуального редактора. По ходу изучения курса, мы с Вами изучим все основные режимы работы редактора NVU, как создавать и редактировать html файлы веб страниц, как использовать основное меню программы и панель с инструментами. Как вставлять на веб страницу таблицы, картинки, как форматировать текст и так далее.

Визуальный редактор HTML - три основных режима работы

Сейчас же я хочу обратить Ваше внимание на то, что в самой нижней части окна визуального редактора, есть кнопки перевода редактора в один из трех режимов работы: «Обычный», «HTML-теги» и «Код».

Режим работы «Обычный» - это визуальный режим. В этом режиме, мы можем работать с элементами веб страницы, не прибегая к использованию кода HTML. То есть, в процессе редактирования веб страницы, мы видим ее так, как она будет выглядеть в окне браузера посетителя сайта.

В визуальном режиме мы добавляем на веб страницу текст, картинки, аудио и видео ролики или другой контент, не прибегая к использованию HTML кода. Другими словами, в визуальном режиме, работая с веб страницей, нам не обязательно знать язык разметки гипертекста HTML.

При переходе в режим «HTML-теги», визуальный редактор NVU представляет веб страницу со всеми элементами, при этом, перед каждым элементом в яркой расцветке показан тег, который выводит данный элемент на веб страницу.

Этот режим нам будет очень полезен, если мы хотим оценить структуру редактируемой веб страницы.

Ну и при переводе визуального редактора в третий режим - «Код», он отображает собственно HTML код редактируемой web страницы.

Как я уже отмечал выше, более подробно с режимами и инструментами визуального редактора NVU, мы будем знакомиться в процессе создания веб страниц на протяжении следующих уроков курса «Простой сайт без знания HTML».

Перейти к Уроку 3: Структура сайта. Фон сайта

Перейти к Уроку 1: Домен хостинг сайт