На заре рассвета Интернета каждая крупная компания мечтала создать свой сайт. Правда, максимум, чем могли похвастаться коммерческие предприятия - это наличие сайта-визитки с описанием деятельности компании и её контактными данными, поскольку веб-технологии были ещё на начальном этапе развития.
В 2000-x годах благодаря активному распространению Интернета по всему миру каждый пользователь хотел обзавестись своей страничкой во всемирной паутине. Тогда ещё не существовало социальных сетей, и некоторым людям хотелось в каком-нибудь конструкторе, например в Яндекс.Народ, создать свой сайт и выделиться среди миллионов пользователей сети. Для креативных людей создание своего сайта было хорошей альтернативой публикации своего портфолио и проектов в Интернете.
Несмотря на возможность размещения все доступной информации о себе в социальных сетях, мода на создание своего сайта сейчас обретает вторую жизнь. Для создания своего сайта можно и не знать HTML, а использовать язык разметки MarkDown, тем не менее желательно знать CSS3 для возможности стилизации элементов html-страницы. В качестве создаваемого в данной статьи хостинга сайта будет использоваться GitHub, сервис для хранения кода разработки программ и веб-приложений.
Как создать учетную запись в GitHub
Если у вас есть учетная запись в GitHub, то данный раздел можно пропустить. Для начала перейдите на сайт GitHub, на главной странице нажмите на кнопку Sign up. В появившейся форме вам необходимо заполнить поля электронной почты (Email), пароля (password), указать имя пользователя (Username). Можно также отписаться от получения уведомлений на email, указав в последнем поле букву n.
После нажатия по кнопке Continue вам на электронную почту придет цифровой код, который нужно ввести для продолжения регистрации. Следующий этап создания пользователя будет опрос, который можно пропустить, кликнув по Skip personalization. Для создания нашего сайта будет достаточно бесплатного тарифа с хранилищем до 500 МБайт, поэтому выбираем Continue for free.
Создаем репозиторий со своим сайтом
У нашего нового пользователя пока нет своего хранилища данных (репозитория). Давайте создадим его по кнопке Create repository. В поле Repository name укажите имя своего проекта, описание (Description) своего репозитория заполняйте по желанию. Для возможности доступа к html-странице с нашего сайта выберите переключатель Public, также рекомендую выбрать пункт Add a README file для хранения описания нашего созданного проекта.
Сохраняем изменения по кнопке Create repository. Теперь необходимо подумать о том, как создать страницу. Для этого нужно знать язык разметки гипертекста HTML либо оформить нашу страницу на языке MarkDown (md). Ссылка на сайт по использованию MarkDown: Markdown за 5 минут. Затем в любом онлайн-сервисе просто преобразовать текст в формате md на HTML, скопировать полученный текст в любой текстовый редактор и сохранить файл под названием index.html. Ссылки на сервисы смотрите в конце статьи.
Полученный файл index.html нужно перетянуть на открытую страницу созданного репозитория, указать описание нашего изменения (commit) и щелкнуть по кнопке Commit changes.
Публикация сайта
Перейдите во вкладку Settings, где нужно выбрать настройку Pages. В данном разделе настраивается доступ страницам нашего проекта. В переключателе Branch выберите main - имя нашей ветки репозитория, чтобы сохранить изменения кликните по кнопке Save.
После применения настроек появится ссылка на ваш сайт. Нужно подождать несколько минут, пока сайт будет доступен, а затем можно перейти по ссылке. Мой созданный в данной статье сайт доступен по ссылке: https://merlinwizm.github.io/MyFirstSite/.
Итак, в ходе данной статьи было подробно рассказано, как можно создать свой сайт на GitHub. В комментариях вы можете оставлять ссылки на свои первые сайты, разумеется сайты будут проверяться перед публикацией. Спасибо, что остаетесь на моем канале.
Список сервисов и библиотек по работе с маркерами.
Для двух сервисов достаточно указать текст в формате md для его конвертации в HTML, а затем нажать на кнопки > или Markdown to HTML соответственно.
#создать свой сайт #web-сайт #html #css #github
