Як опублікувати 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-записи домену ще не оновилися — це може зайняти від кількох хвилин до доби після зміни налаштувань.