Все современные веб страницы должны быть доступны в сети интернет. Но не всегда у нас есть лишние средства для покупки хостинга и резервирования домена. Поэтому мы представляем вам руководство для размещения страницы в интернете абсолютно бесплатно.
Для начала вам потребуется зарегистрировать аккаунт в сервисе удаленного контроля версий gihub.
Если вы хотите узнать подробнее, что такое контроль версий (git), то в нашей школе программирования для детей КИД КОД мы подробно раскрываем эту тему. А по промо коду "дзен" вы получите 25% скидку на первый месяц обучения.
Для репозитория необходимо выбрать особенное имя, которое будет являться внешней ссылкой на вашeе веб страницу. Данное имя должно содержать: New repository.
Для репозитория необходимо выбрать особенное имя, которое будет являться внешней ссылкой на вашу веб страницу. Данное имя должно содержать: ИмяВашегоЛогина.github.io
Если вы создали аккаунт на github с именем foo, то репозиторий должен называться следующим образом: foo.github.io
Также нам необходимо выбрать публичный (Public) доступ к репозиторию.
После того как вы укажете имя, необходимо будет нажать на зеленую кнопку с текстом - Create repository (создать репозиторий)
Если вы сделали все правильно то вас перенаправит на страницу - Quick setup (быстрая настройка).
На этой странице выберите ссылку - uploading an existing file (загрузить уже существующий файл)
Теперь нам нужно выбрать веб страницу для загрузки на хостинг. Название основной страницы, которая будет отображаться по ссылке - ИмяВашегоЛогина.github.io, должно обязательно быть index.html (именно такое имя страницы).
В качестве примера выкладываемой веб страницы можете воспользоваться одним из наших прошлых проектов.
Обратите внимание, что если на странице используется картинка мы должны будем загрузить ее на хостинг вместе с html файлом.
После того как вы выбрали страницу для загрузки, переходите на github и...
В появившемся ранее меню выберите нужные файлы для вашей веб странице. Это можно сделать двумя способами:
- Перетащить файлы в окно браузера
- Выбрать в меню - choose your files (выбрать ваши файлы), и в ручную найти их на компьютере.
Также не забудьте после загрузки файлов нажать на зеленую кнопку.
Последним шагом нам останется подождать несколько минут и ваша страница станет доступа в сети интернет. На следующем занятии я расскажу вам как можно выкладывать разные проекты на этот же сервис github.