Учебник работа с визуальным html-редактором nvu.Что такое Визуальный 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». Ссылки на скачивание:
 |