УЧЕБНАЯ ПРЕЗЕНТАЦИЯ · ИС-231

Всемирная
паутина:
как работает
Интернет?

Пешков В. · Чуприянов К.

От адресной строки до страницы на экране

01 / ОСНОВА

Интернет соединяет сети.
Веб соединяет страницы.

Источник: home.cern/science/computing/the-birth-of-the-web/

02 / АДРЕСАЦИЯ

Чтобы доставить данные,
нужен адрес получателя.

◎

ВАШЕ УСТРОЙСТВО

МАРШРУТИЗАТОР

СЕРВЕР САЙТА

IP-адрес

Числовой адрес помогает сети направить пакеты к нужному устройству. Доменные имена позволяют людям не запоминать эти числа.

Источник: cloudflare.com/learning/network-layer/what-is-an-ip-address/

03 / DNS

DNS переводит имя сайта
в адрес сервера.

ИМЯ САЙТАexample.com
DNSНаходит адрес
IP-АДРЕСЧисловой адрес

Человек вводит понятное имя. Браузер получает числовой адрес, нужный для подключения.

Источник: icann.org

04 / СОЕДИНЕНИЕ

Браузер запрашивает страницу.
Сервер отправляет ответ.

БРАУЗЕР

Клиент

ЗАПРОС→
←ОТВЕТ
СЕРВЕР

Хранит ресурсы сайта

Один запрос может привести к загрузке нескольких файлов: страницы, стилей, скриптов и изображений.

Источник: developer.mozilla.org

05 / ПАКЕТЫ

Данные передаются
небольшими пакетами.

СООБЩЕНИЕ
010203
СООБЩЕНИЕ

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

Источник: cloudflare.com/learning/network-layer/

06 / МАРШРУТИЗАЦИЯ

Маршрутизаторы направляют пакеты
через сеть к получателю.

Маршрут определяется по адресу назначения и таблицам маршрутизации. Он может меняться.

Источник: cloudflare.com/learning/network-layer/

07 / HTTP

HTTP задаёт язык
запросов и ответов.

ЗАПРОС БРАУЗЕРАGET /

«Отдай главную страницу»

ОТВЕТ СЕРВЕРА200 OK

«Вот содержимое страницы»

Метод сообщает действие, код состояния — результат. Содержимое ответа браузер обрабатывает отдельно.

Источник: rfc-editor.org/rfc/rfc9110

08 / HTTPS

HTTPS шифрует обмен
между браузером и сайтом.

БРАУЗЕР
♢
TLSЗАШИФРОВАННЫЕ ДАННЫЕ
СЕРВЕР

TLS защищает данные при передаче и помогает проверить сервер. Значок замка сам по себе не гарантирует честность сайта.

Источник: cloudflare.com/learning/ssl/

09 / БРАУЗЕР

Браузер собирает страницу
из нескольких ресурсов.

HTMLструктура
CSSоформление
JSповедение

Изображения и другие файлы добавляют содержимое. Браузер превращает полученные ресурсы в видимую страницу.

Источник: developer.mozilla.org

10 / ПОЛНЫЙ ПУТЬ

От адресной строки
до готовой страницы — пять шагов.

01АДРЕСВводим имя сайта
02DNSНаходим IP-адрес
03СВЯЗЬПодключаемся
04HTTPПолучаем файлы
05ЭКРАНБраузер рисует страницу

Источник: developer.mozilla.org

11 / ГЛАВНОЕ

Интернет доставляет данные.
Веб делает их страницами.

1АДРЕС

DNS помогает найти сервер.

2ПЕРЕДАЧА

Пакеты проходят через сеть.

3СТРАНИЦА

Браузер показывает ответ.

Так привычное открытие сайта превращается в цепочку согласованных действий.

12 / ИСТОЧНИКИ · ЧАСТЬ 1

Материалы и использованные листы

ИСТОЧНИКЛИСТЫ
CERN · The birth of the Webhome.cern/science/computing/the-birth-of-the-web/
2
ICANN · About Domain Namesicann.org/resources/pages/about-domain-names-2018-08-30-en
3, 4
Cloudflare · Network layercloudflare.com/learning/network-layer/
3, 6, 7

13 / ИСТОЧНИКИ · ЧАСТЬ 2

Материалы и использованные листы

ИСТОЧНИКЛИСТЫ
MDN · How the web worksdeveloper.mozilla.org — Learn web development
5, 10, 11
RFC Editor · RFC 9110rfc-editor.org/rfc/rfc9110
8
Cloudflare · TLScloudflare.com/learning/ssl/
9

14 / АВТОРЫ

Презентацию подготовили
студенты группы ИС-231.

01

Пешков В.

Поиск информации и составление плана презентации.

02

Чуприянов К.

Создание презентации, анимации и переходы.

Сделано на ХостAI