Как опубликовать HTML-сайт в интернете

Готовый index.html открывается на вашем компьютере — но чтобы его увидели другие, файлы нужно разместить на сервере, доступном из интернета. Вот как это работает.

Что значит «опубликовать сайт»

Публикация сайта — это копирование файлов (HTML, CSS, изображений) на компьютер, который постоянно подключён к интернету и имеет публичный адрес. Такой компьютер называют сервером, или хостингом.

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

Хостинг и домен — это разные вещи

  • Хостинг — место, где физически хранятся файлы сайта.
  • Домен — понятный человеку адрес (например, example.com), который указывает на IP-адрес хостинга.

Домен покупают отдельно у регистратора доменов; хостинг — отдельно у провайдера хостинга. Некоторые сервисы предлагают оба варианта в одном пакете.

Зачем нужен HTTPS

HTTPS шифрует соединение между браузером посетителя и сервером. Без него браузеры показывают предупреждение «Не защищено», а некоторые функции (например, формы) могут работать хуже или не работать вовсе.

Большинство современных хостингов (включая GitHub Pages) выдают HTTPS-сертификат бесплатно и автоматически.

Способы загрузить файлы на сервер

  • FTP/SFTP-клиент (например, FileZilla) — классический способ для обычного хостинга.
  • Панель управления хостингом — файловый менеджер в браузере, без дополнительных программ.
  • Git-репозиторий — файлы загружаются через git push, а хостинг сам публикует изменения.

GitHub Pages как один из вариантов

GitHub Pages — бесплатный способ опубликовать статический сайт прямо из Git-репозитория, без отдельного хостинг-провайдера. Подходит для сайтов без сервера, включая простые HTML/CSS-проекты. Это один из возможных вариантов — не единственный и не обязательный.

Почему сайт не работает после загрузки

  • Главный файл назван не index.html — большинство хостингов ищут именно это имя для главной страницы.
  • Неправильный регистр в путях к файлам (Style.css вместо style.css) — на Linux-серверах регистр важен.
  • Файлы загружены не в корневую папку сайта, а в подпапку.
  • Кэш браузера показывает старую версию — попробуйте жёсткое обновление страницы.
  • DNS-записи домена ещё не обновились — это может занять от нескольких минут до суток после изменения настроек.

Похожие инструменты