Программы для сайтостроения

Сегодня я расскажу об одной программе, при помощи которой можно сделать простенький сайт, даже не обладая знаниями в области HTML и прочих премудростей.
Предлагаю Вашему вниманию бесплатный визуальный HTML редактор NVU.
Чем он хорош? Да тем, что для создания web-странички Вам не надо заморачиваться изучением языка HTML. Вы просто набираете текст, вставляете картинки или анимацию, а всю «грязную» работу по оформлению всего этого в HTML берет на себя NVU.
К сожалению, на данный момент разработка NVU приостановлена, но до первой стабильной версии проект все же дорос, а это уже немало.
Возможности NVU:
• — поддержка нескольких режимов отображения редактируемой страницы;
• — расширенные возможности для редактирования текста;
• — вставка картинок (в том числе и фоновых);
• — редактирование отдельных страниц и целых сайтов;
• — создание форм и таблиц;
• — проверка орфографии;
• — возможность публикации сайта прямо из программы;
• — встроенный редактор CSS и консоль JavaScript.
Все это и еще многое другое позволяет нам сделать небольшой сайт с нуля при минимальных (что предпочтительней) знаниях в области HTML (или их полном отсутствии :)).
Скачиваем… Устанавливаем… Запускаем и смотрим 🙂 (именно так — никаких лишних телодвижений с русификациями, вводом дополнительной информации и т.п.). Согласимся на создание ярлыка на рабочем столе и запустим с его помощью NVU:

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

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

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

Теперь, когда с вариантами просмотра и редактирования немного прояснили, давайте поглубже вникнем в возможности NVU. Взаимодействовать с программой можно при помощи панели меню или используя пиктограмки и условные обозначения под ней.
Все основные параметры форматирования доступны в виде пиктограмм, но некоторые возможности скрыты в панели меню и не сразу обнаруживают себя.
Например, в меню «Файл» Вы найдете такие функции,, как:
• «Открыть адрес в Интернете». Благодаря движку от Mozilla позволяет открывать и редактировать страницы прямо из Интернета. Это может очень пригодиться, если Вы хотите посмотреть, как делается та или иная фича для сайта. Просто вводим в открывшемся окошке адрес и любуемся результатом:

• «Экспорт в текстовый формат». Налюбовавшись сайтом, Вы можете сохранить его исходный код в формат .txt на своем жестком диске.
В «Правке» есть инструменты для поиска нужных слов по тексту и проверки орфографии.
В меню «Вставка» можно обратить внимание на возможность вставки PHP-кода и символов, которых нет на клавиатуре.
«Формат» предоставляет широчайшие возможности для настройки вида текста, изображений, анимации и другой информации. Самой интересной, а главное нигде не отображенной возможностью здесь есть «Цвет и фон страницы». При помощи данной опции Вы легко сможете добавить любой фоновой рисунок либо просто задать фоновой цвет для сайта.

Наконец меню «Инструменты» предоставляет такие возможности, как: доступ к консоли JavaScript, редактору CSS и инструменту для проверки HTML кода. Также отсюда Вы можете получить доступ к настройкам программы и настройкам тем оформления NVU.
В NVU несложно разобраться, так как все элементы управления в программе снабжены всплывающими подсказками и пояснениями, а благодаря группе русских разработчиков из Mozilla.ru Team имеется также и очень хорошая справка на русском языке. Единственным минусом NVU есть то, что код сгенерированный программой очень громоздкий и имеет много лишних тегов. Но пусть это будет для Вас только стимулом изучать HTML и оптимизировать, и доводить свой сайт до совершенства.
Удачных Вам разработок и успехов во всех начинаниях.

Скачать с сервера (7,23Mb)

178 просмотров всего, 2 просмотров сегодня

Комментарии закрыты