← к списку статей

11.08.10 (последнее изменение 13 ноября 2010)

Введение

Что нужно знать прежде чем браться за изучение HTML. (Первая статья из цикла «HTML»)

Всемирная сеть

Что такое Интернет? Можно услышать мнение, что Интернет — это всемирная сеть. Разберемся, почему так говорят.

Интернет состоит из компьютеров, объединенных в сеть. (Иными словами, из компьютеров, подключенных друг к другу.) Эти компьютеры совершенно разные, но объединяет их то, что каждый из них готов поделиться своими публичными файлами с другими участниками сети.

Серверы и клиенты

Основу Интернета составляют мощные серверы, хранящие огромное множество публичных файлов. Они не имеют ни клавиатуры, ни мыши, ни монитора, зато умеют обрабатывать одновременно большое количество запросов от разных пользователей. Но помимо серверов в составе сети находятся и обычные персональные компьютеры, которые выполняют ту же функцию — отдают свои публичные файлы всем желающим. Такие не могут справиться с серьезной нагрузкой, поэтому обслуживают небольшие частные сайты. (Помимо готовности поделиться своими публичными файлами, есть еще одна характеристика, которая объединяет такие компьютеры: они должны работать круглосуточно, потому что их файлы могут потребоваться пользователям в любой момент.)

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

Понятия «сервер» и «клиент» применимы не только к Интернету. Они применимы к процессу обмена информацией в целом. При обмене информацией в любой сети, даже состоящей из двух компьютеров, в тот момент, когда один компьютер запрашивает у другого информацию, он является клиентом. Если же он отдает информацию по запросу другого компьютера, то является сервером. Таким образом, один и тот же компьютер может быть в разные моменты времени попеременно сервером и клиентом.

Адресация

Вернемся к процессу обмена информацией в Интернете. Чтобы пользователь мог получить определенный файл, находящийся на определенном компьютере, нужно знать три вещи: название файла, его местонахождение на компьютере и имя этого самого компьютера. Название файла это его имя плюс расширение (например, «ognivo.txt»). Местонахождение файла (или путь к файлу) это список папок, которые нужно пройти, чтобы добраться до файла (например, «lib/books/andersen» — названия папок разделяются символом «/» — слэш). Осталось разобраться с именем компьютера.

Доменное имя и IP-адрес

Каждый компьютер, подключенный к Интернету, имеет свое уникальное имя — IP-адрес. Точнее, это не имя, а число, записанное в определенном формате. Серверы имеют постоянные IP-адреса, тогда как компьютеры простых пользователей, подключаясь к Интернету, получают их всякий раз заново. Таким образом, имя компьютера во всемирной сети — это некое число, или номер. Но поскольку человеку легче запоминать слова нежели числа, то все серверы помимо уникального числа имеют также уникальное текстовое имя — доменное имя. Вот примеры доменных имен: google.com, yandex.ru, mail.ru, youtube.com.

DNS-сервер

Надо сказать, что компьютеры пользователей, получая доменное имя, сразу преобразовывают его в IP-адрес, без него они не смогут найти нужный сервер. Например, при запросе mail.ru они будут искать в сети компьютер с адресом 94.100.191.203, или же 74.125.232.18 при запросе google.com. Можно попробовать обратиться к серверу напрямую по IP-адресу, попробуйте сделать это: 94.100.191.203, 74.125.232.18. Кстати, поиск соответствия между именем сервера и его IP-адресом осуществляет DNS-сервер.

HTTP — протокол передачи гипертекста

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

HTML-файлы

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

Уникальные адреса веб-страниц

Как и любой другой файл, html-файл имеет свой адрес, состоящий из имени сайта, пути и названия файла. Это означает, что каждая веб-страница имеет свой уникальный адрес. В этом нетрудно убедиться — попробуйте зайти на любой сайт и походить по ссылкам — адресная строка будет меняться после каждого клика. Но даже если в адресной строке не указан конечный файл с расширением html, то он там подразумевается. В таких случаях (когда в адресе не указан конечный файл) сервер отдает файл по-умолчанию: index.html, default.html и т.п. Попробуйте открыть ссылки http://bumagi.net и http://bumagi.net/index.html — обе они приведут вас на одну страницу.

Веб-страница своими руками

Давайте попробуем сделать простую веб-страницу самостоятельно за четыре шага.

  1. Открываем в блокноте новый файл.
  2. Записываем в него следующие строки.

  1. Сохраняем файл на рабочем столе с названием first_page.html .
  2. Кликаем на файле правой кнопкой, выбираем «Открыть с помощью» и затем выбираем любимый браузер.

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

Технологии

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

  • Cascading Style Sheets (CSS) позволяет управлять компановкой, фоном, цветом, размерами и прочими характеристиками блоков на страницах. Об этой технологии мы будем говорить очень много.
  • С помощью JavaScript можно сделать страницу интерактивной. То есть в угоду пользователю страница будет менять форму и содержание своих блоков. Об этом языке мы тоже будем говорить.
  • Наконец, Adobe Flash возпроизводит аудио и видео контент, осуществляет поддержку периферийных устройств (микрофон, видеокамера), с его помощью делаются игры и анимация. Флеш — неотъемлемая часть промо-страниц.

Заключение

Из этой статьи мы узнали следующее.

  • Всемирная сеть состоит из компьютеров, которые отдают информацию (серверы) или потребляют ее (клиенты); каждый из них имеет свой IP-адрес.
  • Любая веб-страница это html-файл, который можно создать с помощью обыкновенного блокнота; можно сказать что сайт — это множество html-файлов, сгруппированых в папки.
  • Сопутствующие технологии позволяют изменить внешний вид веб-страницы, сделать ее интерактивной.

В следующей статье речь пойдет об html-тегах.

← к списку статей