Второй урок 11 класса: как браузер разговаривает с сервером, чем статическая страница отличается от динамической, и своя веб-страница за сорок минут
Браузер — клиент: он просит. Сервер только отвечает,
сам первым ничего не присылает. Протокол этого разговора —
HTTP (у HTTPS то же самое, но зашифровано).
В ответе есть код: 200 — нашлось,
301 — переехало, 403 — нельзя,
404 — такого файла нет, 500 — сервер
сломался. Одна страница — это десятки запросов: HTML, стили,
шрифты, каждая картинка отдельно (видно по F12 → Сеть).
HTML — язык разметки, а не программа: он ничего не
вычисляет, он только называет части текста. Тег — имя
части в угловых скобках, почти всегда парный:
<p> открывает, </p>
закрывает. Исходный текст любой страницы —
Ctrl + U.
| тег | что означает |
|---|---|
h1, h2 | заголовки |
p | абзац |
img | картинка (одиночный) |
ul / li | список и пункт |
a href | ссылка |
table / tr / td |
таблица, строка, ячейка |
CSS отвечает за вид: body { background: #eef3fb;
font-family: Georgia; }. Один файл стилей оформляет хоть
тысячу страниц, а тот же HTML сам подстраивается под телефон и
принтер — потому что в нём написано, что это, а не
как это нарисовать.
Статическая лежит на сервере готовым файлом, и всем приходит одна и та же. Динамическая собирается в момент запроса — каждому своё. Собирают в двух местах: на сервере (программа лезет в базу данных и склеивает HTML) или в браузере (программа на JavaScript дорисовывает страницу уже у вас). Кнопка, которая считает дни до Нового года, — это уже второе.
Хостинг — место под файлы на сервере, который включён всегда и имеет постоянный публичный IP. Домен покупается отдельно и привязывается к этому адресу через DNS: сайт может переехать, не меняя имени. Облачный диск устроен так же — файл лежит на чужом сервере, а вам дают доступ и ссылку. Отсюда правило: то, что жалко потерять, должно лежать минимум в двух местах, и хотя бы одно из них — ваше собственное.
Второй урок 11 класса: как браузер разговаривает с сервером, чем статическая страница отличается от динамической, и своя веб-страница за сорок минут
Браузер — клиент: он просит. Сервер только отвечает,
сам первым ничего не присылает. Протокол этого разговора —
HTTP (у HTTPS то же самое, но зашифровано).
В ответе есть код: 200 — нашлось,
301 — переехало, 403 — нельзя,
404 — такого файла нет, 500 — сервер
сломался. Одна страница — это десятки запросов: HTML, стили,
шрифты, каждая картинка отдельно (видно по F12 → Сеть).
HTML — язык разметки, а не программа: он ничего не
вычисляет, он только называет части текста. Тег — имя
части в угловых скобках, почти всегда парный:
<p> открывает, </p>
закрывает. Исходный текст любой страницы —
Ctrl + U.
| тег | что означает |
|---|---|
h1, h2 | заголовки |
p | абзац |
img | картинка (одиночный) |
ul / li | список и пункт |
a href | ссылка |
table / tr / td |
таблица, строка, ячейка |
CSS отвечает за вид: body { background: #eef3fb;
font-family: Georgia; }. Один файл стилей оформляет хоть
тысячу страниц, а тот же HTML сам подстраивается под телефон и
принтер — потому что в нём написано, что это, а не
как это нарисовать.
Статическая лежит на сервере готовым файлом, и всем приходит одна и та же. Динамическая собирается в момент запроса — каждому своё. Собирают в двух местах: на сервере (программа лезет в базу данных и склеивает HTML) или в браузере (программа на JavaScript дорисовывает страницу уже у вас). Кнопка, которая считает дни до Нового года, — это уже второе.
Хостинг — место под файлы на сервере, который включён всегда и имеет постоянный публичный IP. Домен покупается отдельно и привязывается к этому адресу через DNS: сайт может переехать, не меняя имени. Облачный диск устроен так же — файл лежит на чужом сервере, а вам дают доступ и ссылку. Отсюда правило: то, что жалко потерять, должно лежать минимум в двух местах, и хотя бы одно из них — ваше собственное.