Для чего нужен HTML-редактор ?


Содержание сайта
Разное
Для чего нужен HTML-редактор ?


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

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

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

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

Перед тем как ответить на вопрос "Для чего нужен HTML-редактор", нужно хотя бы вкратце ответить на вопрос - "Для чего нужен HTML?"

Лучше всего ответить на этот вопрос можно на простом примере, который сможет повторить любой желающий.

Откройте программу под названием Блокнот (Notepad) - такая программа имеется на всех компьютерах. Чтобы открыть Блокнот, нужно нажать кнопку ПУСК, затем ВСЕ ПРОГРАММЫ - СТАНДАРТНЫЕ - БЛОКНОТ.
Блокнот - это простой html-редактор.

Напечатайте в Блокноте любой текст, к примеру такой:

Печально я гляжу на наше поколенье!
Его грядущее - иль пусто, иль темно,
Меж тем, под бременем познанья и сомнения,
В бездействии состарится оно.

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

Из стихотворения М.Ю.Лермонтова "Дума"

В меню ФАЙЛ щелкните по "Сохранить как...", в появившемся окне СОХРАНИТЬ КАК введите:
в строке "Имя файла" - название вашего текста с приставкой html (например, text.html);
в строке "Тип файла" - Все файлы
Укажите, в какой папке нужно сохранить ваш текст, щелкните по "Сохранить".

Таким образом Вы создали html-документ (иначе - веб-страницу). Можно посмотреть, как этот документ будет выглядеть в Интернете. Щелкните по новой веб-странице два раза - она откроется в браузере. Вы увидите примерно вот такое:

Печально я гляжу на наше поколенье! Его грядущее - иль пусто, иль темно, Меж тем, под бременем познанья и сомнения, В бездействии состарится оно. Богаты мы, едва из колыбели, ошибками отцов и поздним их умом, И жизнь уж нас томит, как ровный путь без цели, Как пир на празднике чужом. Из стихотворения М.Ю.Лермонтова "Дума"

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

Но это все, что мог сделать для вас html-редактор Блокнот. И он не виноват, потому что Вы не применили соответствующей разметки текста, иначе - не применили правил HTML.

Так что такое HTML?

HTML (от англ. HyperText Markup Language — "язык разметки гипертекста") — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML.

Чтобы Ваша веб-страница смотрелась так, как Вы задумали, нужно ее разметить согласно правил HTML.
Для нашего примера это выглядело бы так, как показано слева, а результат (т.е. как страница будет выглядеть в Интернете) показан справа

Печально я гляжу на наше поколенье!<br>
Его грядущее - иль пусто, иль темно,<br>
Меж тем, под бременем познанья и сомнения, <br>
В бездействии состарится оно.<br>

<blockquote>Богаты мы, едва из колыбели,<br>
ошибками отцов и поздним их умом,<br>
И жизнь уж нас томит, как ровный путь без цели,<br>
Как пир на празднике чужом.<br>
</blockquote>
<br>
<i>Из стихотворения М.Ю.Лермонтова "Дума" </i>
Печально я гляжу на наше поколенье!
Его грядущее - иль пусто, иль темно,
Меж тем, под бременем познанья и сомнения,
В бездействии состарится оно.
Богаты мы, едва из колыбели,
ошибками отцов и поздним их умом,
И жизнь уж нас томит, как ровный путь без цели,
Как пир на празднике чужом.

Из стихотворения М.Ю.Лермонтова "Дума"
Таким образом, применив простые средства разметки HTML, такие как <br> (разбиение текста на строки), <blockquote> (сдвиг текста), <I> (курсив), мы сделали текст более удобным для чтения.

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

Как выглядит html-код любой веб-страницы, можно посмотреть - для этого нужно в браузере щелкнуть правой кнопкой мыши по странице и в контекстном меню выбрать "Исходный код". Вы увидите, что страница заполнена такими элементами кода, как <table border=0 cellspacing=1 cellpadding=0 width=100%>, <a href=bio/index.html><img src="0/a_bio.gif" width="69" height="15" border=0 alt="Gjitk ntrcn"></a>, <div id=t1><table id=base border=1 cellspacing=5 cellpadding=5 width=100%><tr><td valign=top width=25%> и т.д. и т.п.

Глядя на код веб-страницы, в котором зачастую трудно разобраться, невольно возникает вопрос - а нельзя ли как -то облегчить работу по созданию этого кода?

И вот тут мы вернемся к нашему первоначальному вопросу - для чего нужен редактор HTML?

Мы начинали с такого html-редактора, как Блокнот. Блокнот (и множество его разновидностей) мало чем помогут при создании кода. Они требуют от пользователя как хорошего знания HTML, так и большого терпения и внимательности. Но даже это не гарантирует от ошибок (к примеру, не все ваши ссылки будут работать нормально, вместо рисунков вдруг появятся рамки с красным крестиками и прочее).


Хороший редактор HTML убережет Вас от всех этих неприятностей. Он пропишет правильные адреса для ссылок и изображений, расставит тэги и их атрибуты (даже если Вы их не помните), поможет вставить на страницу различные объекты, проверит правильность созданного Вами html-кода, сделает еще много чего хорошего, в конце-концов переправит созданный сайт в Интернет.

Таким образом, ответ на вопрос "Для чего нужен HTML-редактор ?" простой - чтобы помочь Вам создавать html-код.


Последнее обновление: январь 2014 г.