Найти в Дзене

Как выложить веб страницу на бесплатный хостинг. Первый способ.

Все современные веб страницы должны быть доступны в сети интернет. Но не всегда у нас есть лишние средства для покупки хостинга и резервирования домена. Поэтому мы представляем вам руководство для размещения страницы в интернете абсолютно бесплатно.

Для начала вам потребуется зарегистрировать аккаунт в сервисе удаленного контроля версий gihub.

GitHub: Let’s build from here

Если вы хотите узнать подробнее, что такое контроль версий (git), то в нашей школе программирования для детей КИД КОД мы подробно раскрываем эту тему. А по промо коду "дзен" вы получите 25% скидку на первый месяц обучения.

Регистрация на gitub
Регистрация на gitub

Для репозитория необходимо выбрать особенное имя, которое будет являться внешней ссылкой на вашeе веб страницу. Данное имя должно содержать: New repository.

Создание нового репозитория
Создание нового репозитория

Для репозитория необходимо выбрать особенное имя, которое будет являться внешней ссылкой на вашу веб страницу. Данное имя должно содержать: ИмяВашегоЛогина.github.io

Если вы создали аккаунт на github с именем foo, то репозиторий должен называться следующим образом: foo.github.io

Также нам необходимо выбрать публичный (Public) доступ к репозиторию.

Создание репозитория 1
Создание репозитория 1

После того как вы укажете имя, необходимо будет нажать на зеленую кнопку с текстом - Create repository (создать репозиторий)

Создание репозитория 2
Создание репозитория 2

Если вы сделали все правильно то вас перенаправит на страницу - Quick setup (быстрая настройка).

На этой странице выберите ссылку - uploading an existing file (загрузить уже существующий файл)

Загружаем веб страницу на хостинг
Загружаем веб страницу на хостинг

Теперь нам нужно выбрать веб страницу для загрузки на хостинг. Название основной страницы, которая будет отображаться по ссылке - ИмяВашегоЛогина.github.io, должно обязательно быть index.html (именно такое имя страницы).

В качестве примера выкладываемой веб страницы можете воспользоваться одним из наших прошлых проектов.

Обратите внимание, что если на странице используется картинка мы должны будем загрузить ее на хостинг вместе с html файлом.

Загружаемый контент
Загружаемый контент

После того как вы выбрали страницу для загрузки, переходите на github и...

Загружаем веб страницу на хостинг
Загружаем веб страницу на хостинг

В появившемся ранее меню выберите нужные файлы для вашей веб странице. Это можно сделать двумя способами:

  • Перетащить файлы в окно браузера
  • Выбрать в меню - choose your files (выбрать ваши файлы), и в ручную найти их на компьютере.

Также не забудьте после загрузки файлов нажать на зеленую кнопку.

Подтверждаем загрузку файлов
Подтверждаем загрузку файлов

Последним шагом нам останется подождать несколько минут и ваша страница станет доступа в сети интернет. На следующем занятии я расскажу вам как можно выкладывать разные проекты на этот же сервис github.

Итоговый результат
Итоговый результат

Продолжение на следующем уроке