MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Цей переклад в процесі.

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

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

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

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

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

  • Хостинг — оренда місця для зберігання файлів на веб-сервері хостингової компанії. Ви можете викласти свої файли в орендоване місце, і веб-сервер буде надавати вміст вашого сайту користувачам.
  • Доменне ім'я — унікальна адреса, за якою користувачі будуть знаходити ваш сайт, наприклад,  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.

Додаткове читання

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

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