nevmenandr / work-web-page-example

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

work-web-page-example

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

Пример открывается в Интернете по адресу: https://nevmenandr.github.io/work-web-page-example/

Как разместить страницу на GitHub Pages

Чтобы создать интернет-страницу по адресу https://<ваш_юзернейм>.github.io/<название_страницы>/, например, https://user.github.io/principles_of_phonology/,

1. Создайте на github.com репозиторий, который будет называться так же, как и <название_страницы>, то есть, например, репозиторий "principles_of_phonology".
2. Поместите в этот репозиторий файл index.html, это будет страница, которая потом откроется по адресу https://user.github.io/principles_of_phonology/ Добавьте все необходимые стили, картинки и прочие файлы (в частности, поместите туда файл с постером, если вы защищаете курсовую в виде постера). Мы рекомендуем использовать фреймворк Bootstrap.

• Здесь можно найти материалы обучающего семинара про то, как создать HTML-страницу.
• Здесь подробное описание того, как работает Bootstrap.

3. На сайте GitHub на странице вашего репозитория над списком файлов найдите кнопку, на которой написано "Branch: master", нажмите на неё и в поле "Find or create branch" напишите "gh-pages".

4. Найдите выше вкладку "Settings". Нажав на неё, слева обнаружите список, в котором нужно найти пункт "Branches". Для пользователя user репозитория principles_of_phonology эта страница будет располагаться по адресу https://github.com/user/principles_of_phonology/settings/branches
5. В разделе "Default branch" в выпадающем списке измените значение "master" на "gh-pages"

и нажмите "Update".

6. После этого ваша страница будет доступна в браузере по адресу https://user.github.io/principles_of_phonology/

QR-код

Если вы защищаете курсовую в виде постера, поместите на постер QR-код с адресом вашего сайта на github.io. QR-код можно сгенерировать, например, здесь.

Видеоуроки

GitHub Pages

Вот несколько видеоуроков, которые показывают процесс размещения на GitHub Pages пошагово:

• Обучающее видео 1
• Обучающее видео 2
• Обучающее видео 3

Вот ещё одно видео, рассказывающее, как сделать более сложный сайт, со встроенной гугл-формой. Начиная с 20:40 показывается, как разместить сайт на GitHub Pages.

Видео о Bootstrap:

• Анатомия Bootstrap 3 для начинающих. Урок
• Уроки по Bootstrap 3