Глиф Учебники

Как выложить сайт в интернет

Справочник · HTML и CSS · 3 минуты чтения

Сайт из HTML, CSS и картинок — это просто папка с файлами. Чтобы его видели другие, папку кладут на сервер — компьютер, который всегда включён и подключён к интернету. Место на таком сервере называют хостингом, а адрес сайта вроде example.by — доменом.

Как выложить

Есть два пути. Для сайта со своим адресом нужны хостинг и домен, а учебный сайт или портфолио можно бесплатно выложить на GitHub Pages.

Хостинг и свой домендля сайта со своим адресом

  1. Хостинг. Для сайта из HTML и CSS хватает самого простого тарифа виртуального хостинга. Сравнивайте объём места, наличие бесплатного сертификата https и поддержку SFTP.
  2. Домен. Его регистрируют у регистратора доменов (часто — у того же хостинга) на год или дольше и потом продлевают. В настройках домена указывают серверы имён (DNS) хостинга — их даёт хостинг. Изменения DNS расходятся по интернету обычно от нескольких минут до суток, изредка дольше.
  3. Загрузка файлов. В панели хостинга есть папка сайта — у разных хостингов она называется по-разному: public_html, www, htdocs. Загрузите в неё содержимое своей папки сайта — так, чтобы index.html лежал прямо в ней. Загрузить можно через файловый менеджер панели или программой для SFTP, например бесплатной FileZilla: адрес сервера, логин и пароль даёт хостинг.
  4. https. Включите в панели хостинга бесплатный сертификат (обычно от Let's Encrypt). Без него браузеры помечают сайт как небезопасный.

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

Дальше: «Проверьте после выкладки»

GitHub Pagesбесплатно, для учебного сайта

Для учебного, личного сайта или портфолио подойдёт GitHub Pages — бесплатная публикация статических сайтов:

  1. Зарегистрируйтесь на GitHub и создайте открытый репозиторий (хранилище файлов проекта).
  2. Загрузите в него файлы сайта: «Add file» → «Upload files». index.html должен лежать в корне репозитория.
  3. В настройках репозитория (Settings) откройте раздел «Pages». В «Build and deployment» выберите источник «Deploy from a branch», ветку main и папку / (root), нажмите «Save».
  4. Через несколько минут (обычно до десяти) сайт откроется по адресу https://имя.github.io/репозиторий/.

Подробная инструкция — в документации GitHub Pages. Для интернет-магазинов и коммерческих сервисов GitHub Pages не предназначен — для них нужен хостинг.

Проверьте после выкладки

Подводные камни