• ПРОГРАММЫ
  • /
  • Интернет
  • /
  • Визуальный HTML редактор

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

Визуальный HTML редактор (WYSIWYG-редактор) является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ, в которых содержание отображается в процессе редактирования и выглядит макcимально близко похожим на конечную продукцию, которая может быть печатным документом, веб-страницей, слайд-презентацией или даже использоваться для освещения театральных событий.

HTML (Hypertext Markup Language) стандартный язык разметки интернет-страниц. Каждая страница строится на основе HTML или его усовершенствованной версии — XHTML.


NVU 1.0


Реклама на форуме. Тарифы на рекламу.

Скачать NVU 1.0 для Windows (32-bit)

Похожая программа: HTML редактор HtmlReader

NVU 1.0

Визуальный HTML-редактор, подобный Macromedia Dreamweaver, но бесплатный.

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

Предлагаю Вашему вниманию бесплатный визуальный HTML редактор NVU.

Чем он хорош? Да тем, что для создания web-странички Вам не надо заморачиваться над изучением языков web-программирования. Вы просто набираете текст, вставляете картинки или анимацию, а всю "грязную" работу по оформлению всего этого в HTML берет на себя NVU.

К сожалению, на данный момент разработка NVU приостановлена, но до первой стабильной версии проект все же дорос, а это уже немало.

Возможности NVU

  • поддержка нескольких режимов отображения редактируемой страницы;
  • расширенные возможности для редактирования текста;
  • вставка картинок (в том числе и фоновых);
  • редактирование отдельных страниц и целых сайтов;
  • создание форм и таблиц;
  • проверка орфографии;
  • возможность публикации сайта прямо из программы;
  • встроенный редактор CSS и консоль Java Script.

Все это и еще многое другое позволяет нам сделать небольшой сайт с нуля при минимальных (что предпочтительней) знаниях в области HTML (или их полном отсутствии :)).

Скачиваем… Устанавливаем… Запускаем и смотрим :) (именно так - никаких лишних телодвижений с русификациями, вводом дополнительной информации и т.п.). Согласимся на создание ярлыка на рабочем столе и запустим с его помощью NVU:

Рабочее окно

Интерфейс NVU

C первого взгляда NVU напоминает какой-то текстовый редактор. Это и есть его главная заслуга - визуальный графический интерфейс. Но, посмотрев внизу, Вы увидите, что помимо обычного есть еще несколько режимов отображения введенной информации: HTML-теги, код и предварительный просмотр.

Режим 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. Данная статья предназначена для свободного распространения. Приветствуется её копирование с сохранением авторства Руслана Тертышного и всех P.S. и P.P.S.

P.P.S. Вам также может понравится еще один довольно толковый HTML-редактор HTMLReader http://gold-free.ru/soft/inet/htmleditor.php

Также хочу посоветовать Вам неплохую книгу по HTML, которой пользовался и сам: http://gold-free.ru/book/webdesign/html.php#HTMLvPrimerah_DrigalkinVV

Магазин выживальщицких товаров. Товары для охотников и рыболовов на 60market.ru



← кнопка для выражения благодарности :)




Похожие программы:
HTML редактор: HtmlReader HTML редактор: HtmlReader HTML-редактор, предназначенный для разработки документов в виде html — файлов. Имеет мощный механизм для создания новых, для редактирования и просмотра существующих html — документов.
XML редактор: PSPad XML редактор: PSPad Многофункциональный XML (и не только) редактор. Умеет подсвечивать команды великого множества языков программирования, проверять на ошибки, и много чего ещё.
WAP редактор: DotWAP WAP редактор: DotWAP Небольшой простецкий редактор для создания целых WAP-сайтов, или отдельных WML-страниц.
Web сервер: Денвер Web сервер: Денвер Джентльменский набор Web-разработчика — набор дистрибутивов и программная оболочка для отладки сайтов прямо на своём компьютере, без необходимости выхода в Интернет.
FTP-клиент: FileZilla FTP-клиент: FileZilla FTP-клиент с открытым кодом, предназначенный для загрузки и скачивания файлов с FTP-серверов.
SSH-клиент: WinSCP SSH-клиент: WinSCP Бесплатный FTP-клиент с поддержкой защищённого протокола (SSH или SFTP).
Регистратор сайтов: FreePromote Регистратор сайтов: FreePromote Полуавтоматический регистратор сайтов и программ в интернет-каталогах (поисковиках, счётчиках — более 600) и софт-каталогах (120). Сам открывает нужную страницу и заполняет формы. Рассылает на доски объявлений (30) и форумы (300).
Генератор Sitemap: SiteMap Generator Генератор Sitemap: SiteMap Generator Бесплатная программа, быстро создающая карту сайта (Sitemap). Нужно лишь указать его адрес.
Конвертер видео в flv: Free Video to Flash Converter Конвертер видео в flv: Free Video to Flash Converter Бесплатный конвертер видео для создания flash-видеороликов со встроенным flash-плеером, удобных для публикации на сайтах в Интернете.
Флеш плеер для музыки: Free Audio To Flash Converter Флеш плеер для музыки: Free Audio To Flash Converter Бесплатная программа для подготовки аудиозаписей к выгрузке в Интернет. Программа позволяет создавать свой собственный специальный флеш-плеер к выбранной музыке.
Проверка ссылок: Xenu Link Sleuth Проверка ссылок: Xenu Link Sleuth Небольшая, простая, бесплатная программа, проверяющая ссылки, на указанном Вами сайте.
Узнать позиции сайта: Site-Auditor Light Узнать позиции сайта: Site-Auditor Light Программа для сбора данных необходимых для оценки видимости сайта в Рунете.
Проверка тИЦ и PR: Page Promoter Bar Проверка тИЦ и PR: Page Promoter Bar Небольшая панель, встраивающаяся в браузеры Internet Explorer и Mozilla Firefox, и автоматически определяющая параметры PR и тИЦ открытого сайта..


Лаборатория Хакера - Всё лучшее только для вас!

Правила добавления комментариев:

1. Все комментарии проходят цензуру, нет смысла спамить.
2. Однозначно будут удалены:
Бессмысленные, нецензурные, глупые комментарии, неаргументированная критика, а также ссылки на файлообменники и прочие сайты не в тему.
3. Приветствуются:
Аргументированные отзывы о данной программе, а также грамотность и умение формулировать свою мысль в рамках приличия.

Николай 2011-12-24 13:09:12

↑ -2 ↓
Антон Иванов 2011-12-24 13:15:56

↑ -1 ↓
Мария 2012-01-26 21:35:20

↑ -1 ↓
Алексей 2012-01-28 19:36:02

↑ 0 ↓
Алексей 2012-02-18 15:18:58

↑ +1 ↓
Юрий 2012-03-03 22:38:28

↑ +1 ↓
Никита 2012-05-20 16:13:48

↑ 0 ↓
Урусхан 2012-06-29 22:08:59

↑ 0 ↓
Антон 2012-08-20 04:05:19

↑ 0 ↓
Ольга 2012-09-09 10:28:31

↑ -1 ↓

Оставить комментарий


Ваше имя:

RSS
 
Комментарий:
Введите символы: *
captcha
Обновить

 

Бесплатный софт:

Полезности:

Развлечения:

САМОРЕАЛИЗАЦИЯ
ГАДАНИЕ НА СОФТЕ
Надёжное место для Вашего сайта

Система Orphus