Программирование Web - страниц средствами Nvu

DreamWeaver 3.0

Но DreamWeaver на несколько  шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень  чистый HTML-код. DreamWeaver позволяет вам  избавиться от однотипной работы при  создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.

Следующий редактор - HomeSite 4 - для создания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из  трех популярных браузеров (MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).

HomeSite 4.0

Еще одна отличительная  особенность HomeSite - это его «склейка»  с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для корректировки HTML-кода.  

Одним из  последних HTML-редакторов является EVR Soft 1st Page 2000 v2.

Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты!"). Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям. 
 
 
 
 
 
 

Редактор  с помощью которого создавал Web-страницу. 

Я выбрал Nvu для создания сайта по тому что  он оказался для меня самым простым редактором с помощью которого мне легко и быстро создать Интернет сайт на языке HTML. 

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

Прежде  всего, перечислю функционал этого  бесплатного HTML-редактора: полный WYSIWYG с поддержкой Draq&Drop, наличие трех режимов форматирования (визуальный, визуальный с метками тегов, HTML-код), встроенный предпросмотр (ядро Mozilla), встроенный редактор CSS, встроенный менеджер сайтов с поддержкой загрузки по FTP, консоль Java-Script, проверка кода HTML, очистка тегов, проверка орфографии (встроенными средствами), поддержка расширений и тем, полная поддержка русских кодировок и русский интерфейс. Если добавить к этому малый размер кода, бесплатность и многоплатформенность, уже можно броситься скачивать программу.

Теперь  подробнее об особенностях. Прежде всего, WYSIWYG -- поддерживается практически  все, что может прийти в голову. Похоже, ребята действительно работали «на себя». Кстати, можно выделить часть веб-страницы в MS IE и вставить ее в «Nvu». Дальше -- по вашему желанию, либо визуально форматировать, либо код править.

С форматированием  все просто. Интереснее со вставкой и форматированием таблиц, основы каркаса веб-сайтов. Испытал истинное удовольствие от работы. Кликаешь в любом элементе таблицы -- появляются «многофункциональные ушки». Те, что по бокам -- для изменения размеров таблицы, по центру -- для их быстрого добавления или удаления. Ширину и высоту ячеек вручную менять нельзя, зато при изменении размеров таблицы рядом появляется подсказка с цифрами (ширина и высота).

Все, что  вы видите в окне редактирования, можно  перетаскивать. У каждого элемента есть свое контекстное меню, где с ним можно делать все, что только возможно.

Вставка новых элементов также отличается простотой и удобством. Понравилось  визуальное представление расположения текста по отношению к изображению. Если нажать кнопку «Дополнительно», у вставляемого элемента можно указать специальные HTML-атрибуты, стилевое оформление и события JavaScript. Веяние времени -- возможность визуальной работы со слоями. К их содержимому применимы все инструменты редактора, а сами слои можно перемещать на задний или передний план. Из дополнительных инструментов понравилась очистка разметки. Она выполняет четыре действия: закрепление вложенных списков, отмена перемещения <br>, удаление пустых блоков и

удаление выравнивания в пустых ячейках. Мелочь, а размер кода существенно сокращает. Редактор таблицы стилей ничем близко не напоминает всем известный «TopStyle». Каждое правило имеет пять вкладок свойств: текст, фон, обрамление, бокс и звук. Все очень наглядно и понятно непосвященному.

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

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

Все окна вставки элементов выполнены  логично и удобно. Окна редактирования и предпросмотра имеют такие  приятные мелочи, как отображение  по бокам горизонтальных и вертикальных размеров в пикселях. Как всегда бывает у визуальных редакторов, проигрывает лишь редактор кода. В нем есть только четыре цвета подсветки тегов, нет специальных команд в контекстном меню и тем более контекстной вставки параметров тегов. Более того, подсветка тегов не активная. Т.е. если вы что-то вставили заново, оно будет отображаться тем же фиолетовым цветом тегов, а если вы что-то отредактируете (например, удалите полтега), подсветка страницы не изменится.

В качестве визуального редактора «Nvu» заслуживает всяческих похвал. Действительно, с «Nvu» публикация веб-страниц в сети станет доступной практически всем. Как разработчик хотел бы пожелать создателям программы уделить немного внимания редактору кода и файл-менеджеру, а как пользователь WYSIWYG надеюсь на появление возможности вручную менять размеры строк и столбцов таблиц. 
 

Описание  Web-страницы. 

Мой Web-документ состоит из 5 страниц таких как: «Главная», «Моя характеристика», «Моя учеба», «Моя работа», «Мои интересы». В каждой странице можно получить часть информации обо мне. Между собой эти страницы связывают гиперссылки, название этих ссылок такое же как и самих страниц. При нажатии ЛКМ на любой из ссылок, следует переход на выбранную вами страницу. И тоже самое можно повторять на каждой странице. 
 
 
 
 
 

Заключение.  

Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали, какие HTML- редакторы лучше  использовать в Web-дизайне, каковы преимущества и  недостатки тех или иных программных  пакетов. 

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

Web-страница –  это лицо той фирмы, того  учреждения, человека, который разместил ее в WWW. Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него на прямую зависит популярность того или иного  информационного ресурса Сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых. 

Человек, создающий  Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего  Web-дизайнера. Для того чтобы создать Web-страницу, которая  бы радовала глаз, нужно сочетать в себе качества художника и программиста. 

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

Используемая  литература.

1. Сайткрафт, или Что такое Сайт и как его создать самому.

    Авторы: А. Недоля, И. Скоморох

2. Основы программирования.

    Автор  Иванова Г.С.

3. Информатика 

    Автор Степанов А.Н.