Лабораторная работа №1

Экосистема разработки программ с открытым кодом


Цель лабораторной работы - создание персональной страницы-отчета на github и работа с git
  • В ходе выполнения лабораторной работы были решены следующие задачи:
  • 1. Создание учетной записи на сайте github.com.
  • 2. Создание проекта страницы-отчета.
  • 3. Загрузка страницы-отчета в личный репозиторий на Github.
  • 4. Загрузить персональную веб страницу-отчет в репозиторий ИДМ-19-04 по курсу "Интернет-технологии" на GitHub. Github
Создание учетной записи на сайте github.com

Для выполнения работы была использована учётная запись, которая была создана в предыдущих семестрах Highlanderstankin

Создание проекта страницы-отчета

Была создана папка inet2019.Balaganskiy.github.io, в которой располагаются файлы проекта. Проект представляет собой веб сайт, созданный с использованием технологий HTML, CSS и JavaScript. Внешний вид вложенных каталогов и файлов проекта представлен на рисунке 1.

Рис. 1. Файлы проекта inet2019

Описание структуры проекта представлено в таблице ниже:

Путь Назначение
css/materialize.min.css Таблица стилей фреймворка Materialize
css/style.css Главная таблица стилей сайта
images/ Изображения, используемые на страницах сайта
js/fontawesome.all.min.js JavaScript код библиотеки Font Awesome
js/main.js Главный файл, содержащий JavaScript код сайта
js/materialize.min.js JavaScript код фреймворка Materialize
index.html Разметка главной страницы сайта
Загрузка страницы-отчета в личный репозиторий на Github

С помощью веб интерфейса Github был создан новый репозиторий inet2019.Balaganskiy.github.io (рисунок 2).

Рис. 2. Создание репозитория inet-2019

Затем все созданные файлы были загружены в репозиторий

В настройках репозитория был активирован хостинг Github Pages (рисунок 3).

Рис. 3. Настройка публикации на Github Pages

Внесенные в репозиторий (рисунок 4) изменения были успешно опубликованы хостингом Github Pages. Опубликованную страницу-отчет можно увидеть по соотвествующему адресу (рисунок 5).

Рис. 4. Внешний вид репозитория

Рис. 5. Внешний вид персональной страницы-отчета

Контакты