Видео-уроки HTML. Часть 1. «Что такое Интернет?»

Информация о материале: Родительская категория: Программирование; Категория: HTML

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

Интернет
Всемирная паутина (WWW)
Браузер

Интернет

Интернет не то же самое, что и веб. Интернет больше, старше и разнообразней.

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

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

Интернет был изобретен в 1969 году для подключения компьютеров по всей территории США. В настоящее время миллиарды устройств (включая персональные компьютеры, ноутбуки, мобильные телефоны, телевизоры, холодильники, пылесосы и др.) соединены между собой.

Клиент и сервер

Как правило, соединение в Интернете происходит только между двумя компьютерами:

один из них содержит информацию (сервер);
другой запрашивает эту информацию (клиент).

Клиент — это программа, которая может принимать множество форм:

веб-браузер (например, Google Chrome или Opera);
клиент электронной почты (например, Outlook);
мессенджер (например, Viber);
сервис потокового видео (например, плеер, показывающий видео с YouTube).

Сервером можно считать выделенным компьютером, всегда подключенным к Интернету, единственной целью которого является предоставление контента (информации).

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

IP-адрес

Как и каждый дом имеет определённый и уникальный почтовый адрес, каждый компьютер, подключенный к Интернету, получает IP-адрес чтобы идентифицироваться в сети.

IP-адрес, как правило, выглядит как сочетание четырёх чисел от 0 до 255, например 212.109.199.37.

Домены

Хотя IP-адреса, благодаря своей уникальности, удобны для компьютеров, чтобы передавать друг другу детали, людям их трудно читать и запоминать.

Именно поэтому домены были созданы в 1985 году. Они связывают IP-адрес типа 212.109.199.37 со строкой текста, вроде mb4.ru. В результате оба являются взаимозаменяемыми: вы можете перейти на https://212.109.199.37 или https://mb4.ru и в конечном итоге оказаться на том же сайте.

Домен состоит из трёх частей, которые читаются справа налево:

домен верхнего уровня: существуют общие (.com, .org, .net) и по отдельным странам (.ru, .us, .nl, .fr);
имя домена: имя вроде mb4 или pendelson, которое может включать буквы, цифры, но не пробел или точку;
поддомен, например joomla, (по желанию). Хотя эта третья часть не является обязательной, большинство веб-сайтов используют www в качестве поддомена по умолчанию.

Понять, что такое домен проще, если думать о них, как о способе именования компьютеров (как имена и фамилии людей), подключенных к Интернету.

Как я могу купить домен?
Вы на самом деле не можете купить домен, в действительности он арендуется у того, кто управляет доменом верхнего уровня, к которому вы стремитесь. Компании, которые управляют доменами называются регистраторами доменов.

Протокол

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

Каждый протокол служит своим целям.

FTP — служит для передачи файлов с 1971 года.
SMTP — служит для отправки писем с 1971 года.
IMAP — служит для получения писем с 1986 года.
IRC — служит для чатов с 1988 года.
HTTP — служит для просмотра HTML-документов (веб-страниц) с 1989 года.
HTTPs — защищённый HTTP-протокол (с шифрованием передаваемой по сети информации).

URL

Теперь, когда мы познакомились с доменами и протоколами, мы можем построить URL (Uniform Resource Locator, единый указатель ресурса).

Например, URL этой страницы — это https://mb4.ru/programming/html/1290-what-is-internet.html и его можно разделить на три части:

https:// — протокол;
mb4.ru — домен;
/programming/html/1290-what-is-internet.html — путь.

Этот URL является уникальным и определяет:

где найти что-то в Интернете — mb4.ru/programming/html/1290-what-is-internet.html
как компьютер должен запросить и прочитать это — https://

URL могут выглядеть более сложными и содержать дополнительную информацию, согласно протоколу.

Резюме по Интернету

Интернет
- Огромная сеть компьютеров, соединённых друг с другом.
Протокол
- Набор правил подобных языку, на котором компьютеры общаются друг с другом.
IP-адрес
- Комбинация цифр, вроде 212.109.199.37, которая действует как уникальный идентификатор компьютера, подключенного к Интернету.
Домен
- Текстовая строка, вроде mb4.ru, которая действует как уникальный идентификатор компьютера, подключенного к Интернету. Разница с IP-адресами заключается в том, что домены легче для прочтения и запоминания человеком.

Всемирная паутина (WWW)

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

Один из таких протоколов называется HTTP. Это протокол, через который компьютеры делятся друг с другом веб-страницами, вроде той, что вы сейчас читаете.

Всемирная паутина или веб (от англ. web — паутина) — это часть Интернета, где веб-страницы являются совместно используемыми. Вы можете сказать, что просматриваете веб-страницу, если её адрес начинается с http:// или https://.

Веб-страница

Веб-страницей называется документ, написанный на HTML, который является общим по всей паутине. Вы открываете эти документы с помощью веб-браузера.

Чтобы получить доступ к веб-странице вы можете:

набрать её адрес, вроде https://mb4.ru/programming/html/1290-what-is-internet.html
нажать на ссылку, вроде этой

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

Веб-сайт

Сайт — это просто набор веб-страниц, расположенных на одном домене.

Веб https://
- Веб-сайт mb4.ru
  - Веб-страница /programming/html/1290-what-is-internet.html
  - Веб-страница /programming/html.html
  - Веб-страница /index.html

Открытие веб-страницы в браузере

При запросе https://mb4.ru/programming/html/1290-what-is-internet.html, вы просите компьютер в Интернете отдать документ 1290-what-is-internet.html.

В этом случае, ваш компьютер является клиентом. Вы просите сервер Лунной Базы (на котором размещён этот веб-сайт) отдать файл с именем 1290-what-is-internet.html. Это можно представить в виде диалога:

Клиент (Ваш компьютер): «Привет, компьютер Лунной Базы! Я хотел бы получить файл 1290-what-is-internet.html, который расположен по пути /programming/html на доменном имени mb4.ru по протоколу https://»
Сервер (Компьютер на удалённом хостинге): «Позволь мне проверить, что он есть...»
Клиент (Ваш компьютер): «Хорошо, я подожду.»
Сервер (Компьютер на удалённом хостинге): «А, вот он! Лови!»
- сервер отправляет запрашиваемый файл
Клиент (Ваш компьютер): «Получил! Спасибо!»
- После этого ваш браузер может отобразить 1290-what-is-internet.html.

Файл обычно не сохраняется на вашем компьютере: он отображается только временно, пока вы его не закроете. Если зайдёте на https://mb4.ru/programming/html/1290-what-is-internet.html позже, то будете запрашивать компьютер Лунной Базы снова для того же файла, если он ещё существует. Таким образом, это гарантирует, что вы всегда получите самую последнюю версию файла. Это если в настройках сервера и браузера не включен режим кэширования, иначе всё будет чуть сложнее и документ не будет пересылаться дважды, если он у вас уже есть.

Резюме по WWW

Всемирная паутина или веб
- Часть Интернета, которая использует протокол HTTP или HTTPs.
Веб-страница
- Документ, написанный на HTML.
Веб-сайт
- Набор веб-страниц на одном домене.
Браузер
- Программа, которая может открывать веб-страницы для их отображения.

Браузер

В данный момент с помощью браузера вы можете читать эту веб-страницу, написанную на HTML.

HTML-документы

Веб-страницы — это HTML-документы, подобные другим файлам на вашем компьютере. Это просто текстовые файлы с расширением .html.

На вашем компьютере у вас, вероятно, есть различные типы файлов:

.jpg для изображений;
.mp3 для музыки;
.avi для видео;
.doc для документов Word;
.xls для электронных таблиц Excel.

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

Программой, используемой для открытия HTML-документов, является браузер, вроде Opera или Chrome.
Программой, используемой для создания HTML-документов, является текстовый редактор, вроде Notepad++.

Исходный код HTML

Код HTML выглядит следующим образом:

<p>Всем привет!</p>

Этот код записывается с помощью текстового редактора. Вы можете увидеть теги <p> и </p>, которые задают абзац.

При открытии в браузере эти теги не отображаются, а интерпретируются браузером:

Всем привет!

Браузер видит теги <p> и </p> и понимает, что Всем привет! это текстовый абзац.

Помните, что HTML-документ может быть открыт двумя способами:

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

Список браузеров

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

Chrome
Firefox
Internet Explorer,
Opera
Safari

Список текстовых редакторов

Наиболее популярным из текстовых редакторов является Notepad++.

Вам нужно будет установить его для написания HTML и CSS. Хотя можно использовать любой текстовый редактор, имеющийся на вашем компьютере.