Хостинг, DNS и другие чужие слова: словарь, после которого документация читается как инструкция к тостеру

Помните первое посещение американской аптеки без рецепта? Столько полок, столько банок, и непонятно, чем differs от . С документацией по сайтам — та же история. Вы хотите просто сделать сайт, а вам пишут: «Настройте A-запись в DNS, дождитесь пропагации, проверьте SSL-сертификат и очистите кэш CDN».

Звучит как приговор. На деле — как рецепт бутерброда, если знать, что значат слова «тостер» и «хлеб». Давайте разберём 25 слов, которые встречаются новичку чаще всего. Читайте с чашкой кофе — к концу статьи документация перестанет пугать.

Фундамент: где вообще живёт сайт

1. Хостинг — это квартира для вашего сайта. Файлы сайта должны где-то лежать, и хостинг — тот компьютер (сервер), который сдаёт вам комнату в аренду. Как съёмная квартира: платишь ежемесячно, живёшь спокойно.

2. Сервер — тот самый компьютер, который круглосуточно включён и раздаёт ваш сайт всем желающим. Фактически — обычный компьютер, только без игр и с очень дисциплинированным характером.

3. Домен — адрес вашего дома. kaksepravisait.com — это домен. Без него людям пришлось бы запоминать числа вроде 172.16.4.99, а так они просто вводят понятное имя.

4. DNS — телефонная книга интернета. Вы вводите домен, а DNS-система подсказывает браузеру, по какому «номеру» (IP-адресу) находится ваш сайт. Когда вы меняете хостинг, вы как будто меняете номер в этой телефонной книге.

5. IP-адрес — тот самый номер из телефонной книги. Уникальный числовой адрес сервера в сети. Людям он неудобен, машинам — самое то.

6. SSL-сертификат — замок на двери сайта. Тот значок 🔒 и буквы https:// означают, что между посетителем и сайтом шифрованная связь — как разговор шёпотом в переполненном автобусе, который никто посторонний не подслушает. Google Chrome уже давно помечает сайты без SSL как «небезопасные», так что без замочка сегодня никуда.

7. HTTPS — тот же HTTP, протокол передачи данных, но с SSL-замком внутри. Если HTTP — открытка, которую читает почтальон, то HTTPS — конверт.

Строим и наполняем

8. CMS (система управления контентом) — пульт управления сайтом. WordPress — классический пример: вы меняете тексты и картинки через удобную панель, не трогая код. Как пульт от телевизора: не нужно разбирать корпус, чтобы переключить канал.

9. Конструктор сайтов — готовая мебель из IKEA, только уже собранная. Wix, Squarespace и им подобные: перетащил блок — получил страницу. Минус — живёте в типовой квартире.

10. Шаблон (тема) — дизайн сайта «из коробки». Как аренда костюма: сидит прилично, стоит недорого, но под себя придётся подшивать.

11. Плагин — приложение для сайта. Хотите форму обратной связи, интернет-магазин или защиту от спама? Ставите плагин — как устанавливаете приложение на телефон.

12. База данных — картотечный шкаф, где хранится весь текстовый контент: записи блога, комментарии, заказы. Сама страница — фасад, база данных — содержимое ящиков за ним.

13. Фронтенд — всё, что видит посетитель: кнопки, шрифты, цвета. Витрина магазина.

14. Бэкенд — кухня, куда посетителям вход закрыт: серверная логика, обработка форм, база данных. Гость видит блюдо, но не видит повара.

Запускаем и поддерживаем

15. Деплой — публикация. Тот момент, когда вы нажимаете «Опубликовать», и сайт уезжает с вашего компьютера на сервер. Как отправка ребёнка в первый класс: страшно, но нужно.

16. Кэш — память браузера, куда сохраняются картинки и файлы сайта, чтобы при следующем визите грузиться мгновенно. Как привычка держать соль на столе, а не лезть за ней в шкаф каждый раз. Побочный эффект: иногда после изменений на сайте вы видите старую версию — это «залипший» кэш.

17. CDN — сеть складов по всему миру. Вместо того чтобы везти контент с одного сервера (скажем, из Техаса) в Нью-Йорк, CDN держит копии картинок на складах ближе к пользователю. Cloudflare — самый известный пример, и у него есть щедрый бесплатный тариф.

18. Бэкап — копия сайта на чёрный день. Как запасной ключ от машины: лежит и лежит, но когда понадобится — спасёт весь день. Делайте бэкапы перед любыми крупными изменениями, и вы скажете себе спасибо.

19. Аптайм — процент времени, когда сайт доступен. Хостинги хвастаются «99.9% аптайма» — то есть сайт лежит примерно 8 часов в год. Идеальных серверов не существует.

20. Трафик — поток посетителей. Не путать с «трафиком» мобильного интернета: здесь это просто люди, которые пришли на сайт.

Немного техники без боли

21. HTML — скелет страницы. Определяет, что где стоит: тут заголовок, тут абзац, тут картинка.

22. CSS — одежда для скелета. Цвета, шрифты, отступы — всё, за что страница выглядит красиво, а не как документ из 1995 года.

23. JavaScript — оживление страницы. Всплывающие меню, слайдеры, кнопки, реагирующие на клик, — заслуга JavaScript. HTML стоит, CSS одевает, JavaScript танцует.

24. Favicon — маленькая иконка сайта во вкладке браузера. Мелочь, но без неё вкладка выглядит сиротливо, а с ней — как у взрослых.

25. 404 ошибка — «такой страницы нет». Как табличка «Переехали» на двери закрытого магазина. Хорошая практика — сделать свою страницу 404 с извинением и ссылкой на главную, чтобы посетитель не разбегался.

Как этим пользоваться

Не пытайтесь выучить все 25 слов за вечер. Сохраните статью и возвращайтесь, когда в документации встретите незнакомый термин — так словарь запомнится сам собой, через практику.

И ещё один лайфхак: когда в следующий раз документация покажется китайской грамотой, попробуйте заменить термины аналогиями из этой статьи. «Настройте DNS» превращается в «впишите адрес в телефонную книгу». «Очистите кэш» — в «выбросите старые запасы из холодильника». Согласитесь, так уже не страшно.

А когда разберётесь со словами — заглядывайте в наши пошаговые гайды: там каждый термин из этого словаря встретится вам на практике, с картинками и без лишнего умничанья.