Коли ви закінчили писати код і організували всі файли, які складають ваш проект, ви маєте викласти все це онлайн, щоб ваш веб-сайт можна було побачити. У цій статті пояснюється, як без особливих зусиль викласти простий веб-сайт онлайн. 

Які варіанти?

Публікація сайту є складною темою, переважно тому, що існує дуже багато шляхів як це зробити. У цій статті ми не ставимо за мету розказати про всі можливі варіанти. Натомість ми поговоримо про "плюси" і "мінуси" трьох найбільш популярних стратегій виходу в онлайн з точки зору початківців, а потім розкажемо про один із способів, який нам найбільше підходить на даному етапі. 

Хостинг і доменне ім'я

Якщо ви хочете повністю контролювати ваш опублікований веб-сайт, то вам потрібно купити:

  • Хостинг — оренда місця для зберігання файлів на веб-сервері хостингової компанії. Ви можете викласти свої файли в орендоване місце, і веб-сервер буде надавати вміст вашого сайту користувачам.
  • Доменне ім'я — унікальна адреса, за якою користувачі будуть знаходити ваш сайт, наприклад,  http://www.mozilla.org чи http://www.bbc.co.uk. Ви можете орендувати доменне ім'я у реєстратора доменних імен.

Багато професійних веб-сайтів виходять онлайн таким способом. 

На додачу, вам знадобиться програма File Transfer Protocol (FTP) (див. How much does it cost: software), щоб передавати ваші файли на сервер. Є багато різних програм FTP, але загалом для користування вам потрібно залогінитися на ваш веб-сервер (реєстраційні данні, наприклад, ім'я користувача, пароль, ім'я хоста, надаються хостинговою компанією). Потім програма покаже ваші локальні файли і файли на веб-сервері у двох вікнах, так що ви зможете переносити файли туди і назад:

Поради з пошуку хостингу і доменів

  • Ми не рекламуємо окремі комерційні хостингові компанії чи реєстратори доменних імен. Щоб знайти хостингові компанії і реєстратори, просто введіть  "web hosting" і "domain names" в пошуковику. У всіх реєстраторах можна перевірити, чи потрібне вам доменне ім'я вільне, чи вже зареєстроване.
  • Ваш домашній чи робочий інтернет-провайдер (internet service provider) може пропонувати обмежений хостинг для малих веб-сайтів. Кількість доступних опцій буде невелика, але їх може бути достатньо для ваших перших пробних сайтів — запитайте вашого провайдера!
  • Є кілька безкоштовних сервісів, таких як Neocities, Blogger та WordPress. Їх може бути цілком достатньо для перших експериментів. Безкоштовні сервіси не вимагають програм FTP — ви можете просто перетягувати файли на сайт сервісу. 
  • Іноді компанії пропонують і хостинг, і реєстрацію імені одним пакетом.

Онлайн-інструменти GitHub і Google App Engine

Деякі інструменти дозволяють вам публікувати ваш сайт онлайн:

  • GitHub — це сайт "суспільного кодингу". Він дозволяє вам завантажити свій код для зберігання в системі контролю версій Git. Також ви можете долучатися до створення різних проектів. Це система open-source, тобто будь-хто будь-де може знайти ваш код, використати його, вчитися по ньому чи покращити його. GitHub має дуже корисну функцію GitHub Pages, яка дозволяє переглядати код онлайн.
  • Google App Engine — це потужна платформа, яка дозволяє вам будувати і запускати додатки, використовуючи інфраструктуру Google. Цей сервіс підходить і для створення складних веб-додатків, і для хостингу статичного веб-сайту. Дивіться статтю How do you host your website on Google App Engine? для детальнішої інформації.

На відміну від більшості хостингів, такі інструменти переважно безкоштовні, але з обмеженою кількістю функцій. 

Веб-середовища розробки (IDE), такі як Thimble

Є кілька веб-додатків, які відтворюють середовище веб-розробки онлайн, дозволяючи писати HTML, CSS і JavaScript і відображаючи оброблений результат — і все це у вкладці браузера. Ці інструменти прості у користуванні, чудово підходять для навчання і є безкоштовними (принаймні базові функції), крім того, вони хостять вашу сторінку за її унікальною адресою. Однак, базові функції доволі обмежені, і такі сервіси зазвичай не надають місця для зберігання матеріалів сайту (наприклад, зображень).

Спробуйте покористуватися сервісами нижче і виберіть, який підходить вам найбільше:

Публікація через GitHub

Тепер поговоримо про те, як легко опублікувати ваш сайт за допомогою GitHub Pages.

  1. По-перше, зареєструйтеся на GitHub і підтвердіть вашу електронну адресу.
  2. Далі, створіть репозиторій, у якому будуть зберігатися фаші файли.
  3. На цій сторінці, у полі Repository name введіть username.github.io, де username це ваше ім'я користувача. Наприклад, наш друг bobsmith ввів би bobsmith.github.io.
    Також поставте "галочку" в полі Initialize this repository with a README і потім клікніть Create repository.
  4. Після цього, перетягніть файли вашого сайту в репозиторій і клікніть Commit changes.
     

    Примітка: переконайтеся, що ваша папка має файл index.html.

  5. Тепер у браузері перейдіть за адресою username.github.io, щоб побачити ваш сайт онлайн. Наприклад, користувач з іменем chrisdavidmills має перейти на chrisdavidmills.github.io.

    Примітка: публікація вашого сайту онлайн може зайняти кілька хвилин. Якщо ви не побачите його відразу, почекайте кілька хвилин і спробуйте знову. 

Щоб дізнатися більше, дивіться GitHub Pages Help.

Додаткові матеріали

Мітки документа й учасники

Зробили внесок у цю сторінку: OlexandrIlchenko, mdymytrova
Востаннє оновлена: OlexandrIlchenko,