Як викласти сайт в інтернет завантаження на хостинг

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

Браузер обробляє цей HTML-код, і повертає нам його візуальне представлення у вигляді звичних нам сторінок. Тобто це дуже схоже на те, як ми з Вами відкривали HTML-файли прямо на своєму комп'ютері, з тією лише різницею, що HTML-код ми завантажуємо не з вашого жорсткого диска, а з віддаленого сервера, який ми далі будемо називати «хостинг» .

Отже, розібралися з тим, що таке доменне ім'я та хостинг. Давайте тепер поговоримо про те, де все це взяти, і про те, як все налаштувати.

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

Купівля хостингу і домену

Особисто мені за очі вистачає тарифу Мак-10, на якому я розміщую 3 сайта, включаючи вебшейк.

І в наступному вікні вводимо свій email, а ще можна тут же ввести промокод WEBSHAKERU і отримати 3 місяці хостингу і домен в подарунок. Подробиці тут.

Тиснемо далі. Переконуємося в тому, що обраний потрібний тариф, і вказуємо термін, на який хочемо замовити послугу. Тут же вказуємо доменне ім'я, яке хочемо зареєструвати. Я вибрав як приклад домен bestbooksforprogrammers.ru. Пошук хорошого доменного імені - окрема тема, так як дуже багато красивих домени зайняті. Якщо цікаво - погуглити на тему "підбір доменного імені".

Після того як натиснете "далі" Вам буде надіслано лист на пошту з даними для входу на сайт.

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

Робиться це в першу чергу для Вашої безпеки, щоб домен не вкрали і т.п.
Заповнюється вона досить швидко, до всіх полів є підказки щодо заповнення. В якому форматі, порядку, ось це ось все.

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

Якщо зараз зайти в меню "сайти", то побачимо, що домен реєструється.

Чекаємо, в моєму випадку пройшло десь 6 годин. Сайт змінив статус на "активний".

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

Завантаження сайту на хостинг

Тепер нам потрібно закачати наш сайт на хостинг. Робиться це зі спеціального протоколу для передачі файлів - FTP (File Transfer Protocol). Для цього використовуються спеціальні програми, які називаються FTP-клієнти. Одна з таких безкоштовних програм - FileZilla. Завантажити - тут. Після того як програма встановиться, можна підключатися до хостингу і працювати з файлами. Для цього потрібно взяти дані для FTP з листа, надісланого Вам на пошту:

І забити їх в налаштування програми і натиснути кнопочку "Швидке з'єднання":

Після цього в правій вкладці відкриється структура папок хостингу. Вас тут цікавить папка httpdocs

Переходимо в неї, видаляємо звідти всі файли і перезавантажуємо вкладку з нашим сайтом. Бачимо помилку.

Це нормально, адже зараз просто нема чого показувати.
Давайте тепер просто перетягнемо туди файли нашого сайтику, які ми підготували в попередньому уроці.

На сайті, якщо не вказано шлях до конкретної сторінки, буде відкриватися файл index.html.
Давайте тепер відновимо вкладку з нашим сайтом і побачимо, що відкрилися написані нами сторінки:

Успіх, наш сайт в Інтернеті! З чим я Вас і вітаю.

Всім всього хорошого!