Верстаем макет Марафон "Заверстаю 0" #2 / html academy

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
1/14
Марафон "Заверстаю 6.0"
c 7 по 21 ноября 2022
Итак, у нас есть заготовка сайта-портфолио, которую нужно опубликовать в интернете.
Для этой задачи используем платформу 
GitHub
. Это популярная платформа для
разработчиков, которая позволяет бесплатно опубликовать простой сайт.
Для начала зарегистрируемся на Гитхабе. Откроем главную страницу. Здесь в форме
нужно ввести логин, электронную почту и пароль для создания учётной записи.
Нажимаем «Зарегистрироваться».
Главная
/
8. Верстаем макет
/
8.9. Как опубликовать сайт в интернете бесплатно
Меню курса

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
2/14
Регистрируемся на Гитхабе
Далее нужно подтвердить свой аккаунт, выбрать тарифный план (для нас подойдёт
бесплатный) и затем подтвердить электронную почту.
Выбор тарифного плана при регистрации на Гитхабе
Итак, мы зарегистрировались. Что дальше? А дальше нам нужно создать хранилище, где
будет лежать код сайта. Нажимаем ссылку New repository .

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
3/14
Добавляем репозиторий
Далее нужно выбрать название для хранилища, например my-site , и указать тип
репозитория (у нас будет публичный). Обязательно устанавливаем галочку Initialize 
this repository with a README
, а после нажимаем кнопку Create repository .

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
4/14
Создаём репозиторий
Репозиторий создан, теперь нужно загрузить файлы с кодом, для этого воспользуемся
веб-интерфейсом Гитхаба. Нажмём кнопку Upload files .

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
5/14
Загружаем файлы
Перетащим файлы в появившееся поле для загрузки.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
6/14
Загружаем файлы
По правилам, каждое изменение в репозитории мы должны сопроводить кратким
описанием, что делает это изменение, например, «загружает файлы сайта». Добавим
описание и нажмём кнопку Commit changes .

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
7/14
Добавляем описание
Готово! Сайт-портфолио залит на Гитхаб.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
8/14
Сайт-портфолио на Гитхабе
Остаётся настроить его, чтобы сайт можно было открыть в браузере. Для этого нужно
перейти в настройки репозитория Settings , пролистать настройки вниз до раздела
GitHub Pages
и в выпадающем списке выбрать ветку main . Изменения сохраняются
автоматически.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
9/14
Настраиваем репозиторий<
Давайте теперь попробуем открыть сайт в браузере. Он будет доступен по адресу:
[ваш логин].github.io/[название репозитория]
.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
10/14
Ура, сайт в интернете!
Если вы захотите доработать сайт и опубликовать изменения, действовать вам нужно так.
Сначала вы вносите изменения. Давайте для примера отредактируем текст на главной
странице.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
11/14
Редактируем текст на главной странице
Теперь вам нужно заново загрузить эту страницу на Гитхаб, добавив краткое описание,
что делает изменение, например, «меняет текст на главной странице». Снова нажимаем
Commit changes
.
Загружаем изменённый файл
Через несколько секунд изменения появятся на сайте.

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
12/14
Сайт готов!
Прочитали статью?
Нажмите кнопку «Готово», чтобы сохранить прогресс.
Если вы обнаружили ошибку или неработающую ссылку, выделите ее и нажмите Ctrl + Enter
Готово
Поделитесь, как вам статья?
Поиск по материалам
Git
Все материалы

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
13/14
Практикум
Тренажёры
Подписка
Для команд и компаний
Учебник по PHP
Профессии
Фронтенд-разработчик
JavaScript-разработчик
Фулстек-разработчик
Бэкенд-разработчик
Курсы
HTML и CSS. Профессиональная вёрстка сайтов
HTML и CSS. Адаптивная вёрстка и автоматизация
JavaScript. Профессиональная разработка веб-интерфейсов
JavaScript. Архитектура клиентских приложений
React. Разработка сложных клиентских приложений
PHP. Профессиональная веб-разработка
PHP и Yii. Архитектура сложных веб-сервисов
Node.js. Профессиональная разработка REST API
Анимация для фронтендеров
Вёрстка email-рассылок
Vue.js для опытных разработчиков
Регулярные выражения для фронтендеров
Шаблонизаторы HTML
Алгоритмы и структуры данных
Анатомия CSS-каскада
Блог
С чего начать
Шпаргалки для разработчиков
Отчеты о курсах
Информация
Об Академии
О центре карьеры
Услуги
Работа наставником
Для учителей
Стать автором
Остальное
Написать нам
Мероприятия
Форум

---

04.12.2022, 14:14
Верстаем макет — Марафон "Заверстаю 6.0" #2 / HTML Academy
https://up.htmlacademy.ru/markup-marathon/2/module/8/item/9
14/14
Соглашение
Конфиденциальность
Сведения об образовательной организации
Лицензия № 4696
© ООО «Интерактивные обучающие технологии», 2013−2022