Как разместить html страницу в интернете

Публикация вашего веб-сайта

После того, как вы закончите писать код и организовывать файлы, которые составляют ваш веб-сайт, вам нужно расположить все это в Интернете, чтобы люди могли найти ваш сайт. В этой статье описывается, как разместить простой пример вашего кода с минимальными усилиями.

Какие существуют варианты?

Публикация веб-сайта это не простая тема, главным образом, потому что существует много различных способов сделать это. В этой статье мы не стремимся документировать все возможные методы. Скорее, мы обсудим плюсы и минусы трёх обширных стратегий с точки зрения новичка, а затем вы пройдёте через один метод, который будет работать в настоящее время.

Получение хостинга и доменного имени

Чтобы иметь больший контроль над контентом и внешним видом веб-сайта, большинство людей предпочитают покупать веб-хостинг и доменное имя:

• Хостинг — арендованное файловое пространство на веб-сервере хостинговой компании. Вы размещаете ваши файлы веб-сайта в этом пространстве, и веб-сервер выдаёт контент для веб-пользователей, которые запрашивают его. — уникальный адрес по которому люди могут найти ваш веб-сайт, например http://www.mozilla.org или http://www.bbc.co.uk . Вы можете арендовать доменное имя на столько лет, сколько захотите (минимум на 1 год) у регистратора доменов.

Множество профессиональных веб-сайтов располагается в Интернете именно таким образом.

Кроме того, вам потребуется File Transfer Protocol (FTP)-клиент (более подробно см. Сколько это стоит: программное обеспечение), чтобы передать файлы веб-сайта на сервер. Существует множество FTP-клиентов, но, как правило, вам нужно войти на веб-сервер, используя данные, предоставленные вашей хостинговой компанией (например: имя пользователя (логин), пароль, имя хоста). Затем FTP-клиент отобразит файлы на вашем компьютере в одной половине окна и файлы на хостинговом сервере в другой половине, так вы сможете перетаскивая копировать файлы с вашего компьютера на сервер и обратно.

Советы по поиску хостингов и доменов

• Здесь мы не продвигаем какие-то конкретные хостинговые компании. Чтобы найти хостинг и регистратора доменных имён, просто поищите «веб-хостинг» и «доменные имена». Во всех таких сервисах есть функция, позволяющая вам проверить, доступно ли имя домена, или кто-то другой уже зарегистрировал его.
• Ваш домашний или рабочий Интернет-провайдер может предоставлять хостинговые услуги для небольших веб-сайтов. Набор возможностей в таком случае может быть ограничен, но, тем не менее, он может отлично подойти для ваших первых экспериментов — свяжитесь с ними и узнайте!
• Также есть несколько бесплатных сервисов, таких как Neocities, Blogspot, и WordPress. Опять же, вы получаете то, за что платите, но они идеально подходят для ваших первоначальных экспериментов. Бесплатные сервисы по большей части не требуют FTP-клиентов — вы можете перетаскивать ваши файлы напрямую в веб-интерфейсе.
• Иногда компании предлагают одновременно и хостинг и домен.

Использование онлайн инструментов, таких как GitHub или Google App Engine

Некоторые сервисы позволяют вам опубликовать сайт:

— это «социальная сеть программистов». С помощью неё можно загружать репозитории с вашими разработками для хранения в Git — систему контроля версий. По умолчанию все разработки хранятся с открытым исходным кодом, а это значит, что ваш код будет доступен любому — участники могут по нему учиться либо же предлагать свои улучшения. Вы также можете объединяться с другими кодерами! Это очень большое и полезное сообщество, в чьи ряды лучше вступить, и Git/GitHub это очень популярная система контроля версий — большинство компаний сейчас использует её для работы. GitHub имеет очень полезную функцию GitHub pages, с помощью которой вы сможете опубликовать ваш код (ваш сайт) в интернете. — это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google — нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт. Смотрите как разместить ваш веб-сайт на Google App Engine чтобы узнать больше информации.

В отличие от других хостингов, эти услуги обычно бесплатны, но взамен вы получите ограниченный набор инструментов.

Использование облачных IDE, таких как CodePen

Существует ряд веб-приложений, эмулирующих среду веб-разработки, позволяющих вводить HTML, CSS и JavaScript, а затем отображать результат этого кода в виде сайта — и все это на одной вкладке браузера. Вообще говоря, эти инструменты достаточно просты, отлично подходят для обучения, хороши для того, чтобы делиться кодом (например, если вы хотите поделиться техникой с коллегой или обратиться за помощью в отладке к коллегам из другого офиса) и бесплатны (основные функции). Они размещают вашу отрендереную страницу на уникальном веб-адресе. Однако, основные функции довольно ограничены, и приложения обычно не предоставляют хостинговое пространство для таких файлов, как изображения и т.д.

Попробуйте один из этих и посмотрите, какой из них вам больше нравится:

Публикация с помощью GitHub

А теперь, давайте рассмотрим, как опубликовать свой сайт на страницах GitHub. Мы не хотим сказать, что этот метод является единственным и наиболее верным, но это бесплатно, достаточно просто, а также затрагивает определённые навыки, которые точно будут полезны для вашего дальнейшего обучения.

Основная настройка

1. Прежде всего, установите Git на ваш компьютер. Это основная версия системы управления версий, поддерживающая GitHub.
2. Далее, создайте аккаунт в GitHub. Это просто и легко.
3. После того как вы зарегистрировались, войдите в github.com используя ваш логин и пароль.
4. Далее, вам нужно создать новый репозиторий для ваших файлов. Нажмите Плюс (+) в правом верхнем углу главной страницы GitHub, затем выберите New repository.

На этой странице, в поле Repository name, введите username.github.io, где username это ваше имя пользователя. Так, например, наш друг valerii15298 введёт valerii15298.github.io.

Нажмите Create repository и вы окажетесь на следующей странице:

Загрузка ваших файлов на GitHub

Здесь у нас будет использоваться командная строка чтобы отправить наш репозиторий на GitHub. Командная строка — это окно где вы вводите команды для быстрого выполнения таких вещей, как создание файла или запуск программы, без использования пользовательского интерфейса. Командная строка выглядит примерно так:

Примечание: вы также можете использовать графический пользовательский интерфейс Git для этих же целей, если вам не удобно работать с командной строкой.

У всех операционных систем есть командная строка:

• Windows: Командная строка. Чтобы открыть её нажмите клавишу Windows, затем введите Командная строка в поле поиска, и выберите её в появившемся списке. Заметьте, что Windows имеет свои собственные соглашения команд, отличные от Linux и OS X, поэтому приведённые ниже команды могут отличаться на вашем компьютере.
• OS X: Terminal можно найти в Приложения > Утилиты.
• Linux: Обычно вы можете вытащить терминал с помощью Ctrl + Alt + T. Если это не сработает, найдите Терминал в панели приложений или меню.

Сначала это может показаться немного страшным, но не волнуйтесь — вы скоро освоите основы. Вы говорите компьютеру сделать что-то в терминале, введя команду и нажав Enter.

Укажите в командной строке каталог test-site (или другое название каталога, содержащего ваш сайт). Для этого используйте команду cd (т.е. «change directory»). Вот то, что вы наберёте, если разместили свой веб-сайт в каталоге под названием test-site на рабочем столе:

Примечание: Если вы застряли, GitHub Pages homepage будет очень полезна для вас.

Дальнейшее изучение GitHub

Если вы хотите сделать больше изменений на своём тестовом сайте и загрузить их в GitHub, вам просто нужно внести изменения в свои файлы, как и раньше. Затем вам нужно ввести следующие команды (нажав Enter после каждого), чтобы вставить эти изменения в GitHub:

Вы можете заменить another commit более подходящим сообщением, описывающим какие изменения вы только что сделали.

Мы едва затронули Git. Чтобы узнать больше, начните с GitHub Help site.

Заключение

К этому моменту, у вас должен быть собственный пример веб-сайта, доступный по уникальному веб-адресу. Отлично!

Как создать HTML-страницу

Зайдите в любую папку на вашем компьютере, кликните правой кнопкой мыши и выберите «Создать» -> «Текстовый документ».

Откройте ваш текстовый документ и вставьте в него следующий код (в будущем вместо этого кода вы вставите то, что хотите выложить на сайт

Сейчас ваш текстовый документ называется «Новый текстовый документ.txt». Вам же нужно переименовать его в «index.html». Для этого выделите его мышкой и нажми клавишу F2 (или вызовите контекстное меню правой кнопкой мыши и выберите «Переименовать»). Теперь мы можем задать ему нужное для нас имя: «index.html».

Если же вы не видите расширения файла «.txt», нужно включить отображение расширений файлов в Windows: сверху в папке перейдите на вкладку «Вид» и поставьте галочку «Расширения имен файлов».

Ну теперь вы можете 2 раза кликнуть по нашему html-файлу, и он откроется в браузере, и вы увидите «Hello, World!». Наша html-страничка готова.

Как зарегистрировать хостинг

Теперь нам нужно сделать так, чтобы другие люди смогли увидеть вашу страничку, скажем, по адресу http://testsite721.ru. Для этого нам понадобится хостинг. Общими словами, хостинг — это компьютер, который стоит где-то в удаленном месте и всегда работает. К конкретной папке на этом компьютере привязывается адрес сайта (testsite721.ru), и она всегда отовсюду для всех доступна посредством обычного браузера (Chrome, IE и т.д.).

Отвечая на вопрос «где выложить сайт», нужно помнить, что существует огромное количество хостингов в интернете. У каждого из них есть свои плюсы и свои минусы. Но лично я рекомендую хостинг TimeWeb:

• Во-первых, он дает 10 дней бесплатного тестирования.
• Во-вторых, ваш сайт сразу же доступен по бесплатному домену, типа cvXXXX.tmweb.ru.
• В-третьих, дальнейшие цены ограничиваются 99 рублями в месяц за все: домен, хостинг, движки и т.д.

Итак, давайте зарегистрируемся на TimeWeb. Выбираем самый дешевый тарифный план (сейчас это Year+), в подарок мы получим еще и адрес сайта в зоне .ru (его мы выберем позже). Вот что написано на сайте в оф. справке:

Услуги Timeweb возможно использовать в тестовом режиме, не производя оплату. Для этого необходимо заказать хостинг на странице https://timeweb.com/ru/services/hosting/, аккаунт будет автоматически создан в тестовом режиме. Продолжительность тестового периода составляет 10 дней. При произведении оплаты тестовый период заканчивается, аккаунт переходит на оплачиваемый тариф. В случае, если по истечении 10 тестовых дней платеж не будет произведен, аккаунт автоматически заблокируется.

Это нам вполне подходит. Пока что у нас задача — размещение сайта в интернете бесплатно. Позже, если захотим, то оплатим, если нет, то нет.

После регистрации мы получим письмо с логином и паролем, а также данными для доступа к вашему сайту по FTP (это нужно, если у вашего сайта много страниц и вы хотите их быстро загрузить на сервер). Сохраните это письмо и не теряйте (чуть позже, мы попробуем загрузить файлы на сервер по FTP-протоколу). Итак, мы попали в личный кабинет web-разработчика. Он выглядит так:

Размещение сайта в интернете

К делу! Нам надо загрузить нашу html-страницу на наш хостинг. Для этого идем в панели управления хостингом в «Файловый менеджер» -> заходим в папку «public_html» -> в меню сверху выбираем «Файл» -> «Загрузить на сервер».

Если мы выберем файл «index.html», который мы создали в п.1 и нажмем «Загрузить», то сразу же увидим его в папке на хостинге. Файл, созданный там по умолчанию «index.htm», просто выделите мышкой и удалите: «Файл» -> «Удалить». В итоге в директории должен остаться только ваш файл «index.html».

Доступ к сайту по доменному имени

Ну и заключительным этапом будет конечно-же привязка вашей директории к доменному имени. Т.е. ваш сайт должен быть доступен по какому-то адресу, который вы сможете дать своим клиентам.

В разделе меню «Сайты» в панели управления вы можете увидеть список ваших сайтов. И для вас уже по умолчанию создан один сайт с доменным именем третьего уровня cvXXXX.tmweb.ru.

Зайдя по этому адресу, вы должны увидеть вашу html-страницу «Hello, World!» Поздравляю, у вас все получилось.

Этот адрес вы можете послать кому угодно и они увидят точно такую же страницу, как и вы.

Если вы хотите свой собственный адрес сайта типа xxxbla.ru, то идите в главном меню в «Домены и поддомены» и жмите «Зарегистрировать домен». Тем более, что на вашем тарифном плане один домен в зоне .ru предоставляется бесплатно. При регистрации домена вы сможете также указать, к какому сайту (к какой директории на вашем сервере) он должен быть привязан.

FTP-клиент

Если у вас сайт состоит из множества файлов, картинок, стилей и чего-либо еще, то все это загружать по одному файлу на сервер придется очень долго. Для этого существуют специальные FTP-клиенты. Один из самых лучших — это FileZilla: скачать. Помните письмо, которое вы получили после регистрации на TimeWeb? В этом письме есть данные для подключения к вашему хостингу (сайту) по FTP.

Скачиваем и устанавливаем себе клиент FileZilla, запускаем. Далее нам надо настроить соединение с нашим сайтом. Заходим «Файл» —> «Менеджер сайтов» —> «Новый сайт» —> Вводим все данные, касательно своего сайта:

Жмем «Соединиться». Клиент установит соединение по FTP-протоколу с вашим хостингом. Если все данные ввели правильно, то ошибок возникнуть не должно.

Теперь вы видите два окошечка снизу. В левом выбираете папку с вашим сайтом на своем компьютере, а в правом заходите в папку «public_html» на сервере. Теперь простым перетаскиванием файлов из одного окошка в другое вы можете быстро копировать файлы с компьютера на хостинг и обратно.

Заключение

Не секрет, что для того чтобы все хорошо работало, нужно придерживаться некоторых правил «хорошего тона», таких как правильное именование файлов и прочее.

Ну что ж, друзья, мы с вами подробно разобрали, как создать и выложить свой сайт в интернет. Надеюсь, что хотя бы 30% информации, что ты прочел, стала для тебя новой.

Как разместить свой сайт в интернете, без навыков программирования

— Котаны, которые льют на партнерские проклы, чаще грустят, глядя на маленький ROI. Очевидно, что партнерки не заморачиваются обновлением лендингов и прелендов. Зайди в 3–4 пп, посмотри по офферам: лендинги однотипные, проклы по 3–4 шаблонам. Когда арбитражная тима собирает на коленке свою проклу с душой и фантазией — трафик начинает работать, даже на самом затасканном оффере. Допустим, тебе в руки попал годный прелендинг, который надо повесить на свой домен и поднять на хостинге. А может, ты далек от арбитража, и хотел бы разместить собственный сайт в интернете: страничку-портфолио, собственный лендинг продукта или услуги или свой сайт-визитку. Выбрал подходящий шаблон или уже получил архив своего сайта, и ищешь способ, как разместить веб-сайт в интернете, не обращаясь за помощью к программисту. Мы разобрались, как это сделать и делимся с тобой 🙂 бери печеньки и свитер, сегодня ты побудешь программистом.

Общая терминология: как разместить свой веб-сайт в интернете, без навыков программирования

Подружить домен и хостинг: как привязать домен к хостингу и зачем это делать?

Как загрузить свой сайт на хостинг и поднять его на домене?

Что такое веб-сайт?

Странная и устаревшая тавтология, которой люди за 40 называют любой сайт в интернете. Одноклассники или Фейсбук тоже можно назвать веб-сайтом, хотя точнее называть их соцсетью. Если убрать скептицизм, то веб-сайт это абсолютно любая страничка или сайт опубликованные в интернете, у которой есть адрес и содержание. Разновидностей сайтов множество:

• сайт-визитка: веб-сайт, с контактами и коротким описанием деятельности компании и перечнем услуг.
• сайт-портфолио: тоже веб-сайт, с перечнем работ, ценами и контактами.
• лендинг пейдж: веб-сайт для 1 товара или услуги, с описанием преимуществ, характеристик и возможностью оставить заявку на заказ товара.
• блог: личный дневник в интернете, где автор от своего имени пишет на темы, которые ему интересы.
• интернет-магазин: тоже веб-сайт, с каталогом товаров, корзиной и возможностью выбрать товар, оплатить и заказать его с доставкой.
• соц.сеть: тоже сайт с расширенным функционалом для общения, знакомств, игр и пр.

Сайты для поиска работы, сайты с объявлениями, городские форумы и чаты, онлайн журналы и сайты СМИ, сайты производителей техники, гос.сайты и многие другие — все это можно называть веб-сайтом или веб-страничкой. Каждый из них имеет адрес — доменное имя, по которому можно найти сайт в интернете, например gdetraffic.com — так можно найти наш журнал. И конечно же каждый сайт имеет место на веб-сервере — куда отправляются запросы и обращения к адресу сайта.

Что означает размещение веб-сайта?

Ты размещаешь файлы своего веб-сайта на специальном компьютере, который называется сервером. Сервер считывает файлы и код твоего сайта, преобразует их в веб-страничку и делает ее общедоступной в интернете.

Чтобы другие люди во всем мире могли видеть этот веб-сайт, на компьютерах установлен определенный набор программного обеспечения — веб-сервер. Его задача получать входящие запросы и отвечать, отправляя запрошенную страницу в браузер пользователя. Такие сервера не нужно собирать дома, выделять место и настраивать, весь мир пользуется услугами хостинг провайдеров. Даже такие технологические гиганты, как Netflix (размещенный на Amazon) и PayPal (размещенный на облачном хостинге Google), используют сторонних поставщиков услуг для своего хостинга. Лишь несколько компаний, таких как Google, Microsoft и Amazon, полностью размещают все свои сервисы на собственных платформах. Они могут это сделать, потому что у них есть технические и финансовые ресурсы, чтобы взять на себя такую огромную задачу. Все другие предприятия используют веб-хостинг.

Что нужно для размещения веб-сайта в интернете

• Нужен сайт, что очевидно. Обычно в виде архива, как в примере выше.
• Провайдер услуг хостинга
• Доменное имя

Что такое домен или доменное имя сайта?

Как пользователи попадают на автономный веб-сайт? На помощь приходят доменные имена. Домен — это адрес твоего сайта, который вводится в строке браузера пользователями. По сути, доменное имя — это удобный для человека способ перехода из браузера пользователя к серверу веб-сайта.

Доменные имена добавляют дружелюбности трудно запоминающимся числовым адресам в Интернете. Каждый компьютер имеет уникальный номер Интернет-протокола (IP). Доменное имя представляет собой один или несколько IP-адресов. Вся цель состоит в том, чтобы предоставить пользователям простой в написании и запоминании адрес. Скажем, ты — президент Соединенных Штатов. Разумнее будет использовать домен whitehouse.gov вместо более громоздкого 104.109.178.94.

Купить доменное имя может любой желающий обратившись к регистратору доменов. Это компании, имеющие лицензию на продажу регистраций доменных имен, например: A2, GoDaddy или Namecheap. Для этого ты посещаешь регистратора доменных имен вводишь домен, который хочешь купить, и вносишь оплату. Конечно, ты не можешь купить какой-либо домен — только тот, который еще не зарегистрирован другим лицом или компанией и имеет действительный суффикс.

Что такое хостинг?

Простыми словами, хостинг — это услуга аренды места и мощности на сервере, который постоянно имеет доступ к сети. Сайт получает место на сервере, а ты платишь ежемесячную аренду. Поставщики услуг веб-хостинга предлагают готовые веб-серверы, они берут на себя все технические вопросы и предоставляют владельцам веб-сайтов простые в использовании инструменты для управления хостингом. Хостинг — это невидимая основа Интернета. Каждому веб-сайту нужен «дом», место, где его файлы доступны в любое время. Вот что делает хостинг. Это участок земли в Интернете. Если тебе нужен веб-сайт, его нужно где-то разместить.

Не все сайты одинаковы. Простой сайт-визитка, портфолио локальной компании или личный дневник с небольшой посещаемостью не потребуют таких серверных мощностей, как например интернет-магазин, социальная сеть или сайт с объявлениями. Чем проще и меньше по содержанию и структуре твой сайт, тем меньше серверных ресурсов потребуется.

Компании, занимающиеся хостингом веб-сайтов, предоставляют различные типы предложений, разработанных для удовлетворения конкретных потребностей веб-сайтов. Два самых популярных: аренда места на сервере или аренда целого сервера под свои потребности.

Аренда места на сервере или общий хостинг

Услуга виртуального хостинга подходит для небольших веб-сайтов, блогов и малых предприятий, которые только начинают свою деятельность. Они могут снизить свои расходы, позволяя нескольким веб-сайтам совместно использовать одни и те же ресурсы сервера.
Стоимость: от 2,75 до 7,99 долларов в месяц.
Подходит для: создания нового блога, веб-сайта малого бизнеса

Аренда целого сервера или выделенный хостинг

Выделенный серверный хостинг предоставляет весь сервер, выделенный для веб-сайта. Ты получаешь все ресурсы сервера, расширенные инструменты для управления сервером, возможность установки собственного программного обеспечения и даже собственную операционную систему. Ты будешь управлять своим сервером, а это требует технических навыков. Это расширенный вариант для крупных веб-сайтов с высокой производительностью для работы с большим объемом трафика. Стоимость: от 30 долларов в месяц. Подходит для: предприятий корпоративного уровня, чрезвычайно популярных веб-сайтов, магазинов электронной коммерции.

Как собрать мозаику из домена, сайта и хостинга, чтобы разместить свой сайт в интернете?

Каждый элемент нашей мозаики выглядит простым и понятным, но как это собирается в работающий сайт по выбранному адресу? Упрощенно эту сборку можно разделить на 5 простых шагов:

• Купить доменное имя
• Арендовать хостинг
• Связать доменное имя и хостинг через DNS
• Загрузить архив сайта на сервер хостинга
• Проверить, что все заработало

Разобравшись с терминологией и общими принципами, тебе будет легко поднять простой лендинг или прелендинг на собственном домене без навыков программирования. Полный гайд, как это делается на стороне хостинга, мы рассмотрим в следующей статье. Сохраняй подборку в закладки, чтобы не потерять.

Публикация в интернете — Основы современной верстки

Любой проект рано или поздно достигает состояния, когда его пора выкладывать в интернет. Это может быть связано с тем, что вы закончили проект или хотите проверить его на разных устройствах. В любом случае, как говорят художники, не стоит делать проекты «в стол». Их обязательно нужно показывать.

Чтобы выложить ваш проект в интернет, нужно воспользоваться хостингом — специальным сервером, который будет хранить ваши файлы и предоставит доступ к ним через специальное доменное имя (например, сейчас вы находитесь на сайте с доменным именем hexlet.io). Если вы хотите более подробно узнать, как и каким образом, используя доменное имя, мы попадаем на нужный сайт, то можете прочитать наш гайд по DNS.

В этом уроке мы рассмотрим бесплатный хостинг GitHub, который вы можете использовать, чтобы выложить свою верстку в интернет. Так как сейчас у нас простые страницы, созданные с помощью HTML и CSS, то нам подойдут хостинги статичных сайтов. Эти сайты не используют сложную логику, связанную с базами данных и языками программирования, которые выполняются на сервере. Поэтому нам достаточно, чтобы просто какой-то сервер хранил у себя наши файлы и открывал их по запросу.

По сути сервер сделает все то же самое, что делал ваш компьютер, когда вы создавали верстку на нем:

• Операционная система сделает запрос к жесткому диску или оперативной памяти
• Жесткий диск или оперативная память отдаст содержимое файла, к которому произошел запрос
• Ваш браузер обработает данные, которые ему поступили, и выведет результат на экран

Подготовка страницы

Чтобы выложить страницу в интернет, ее вначале нужно создать. Чтобы сосредоточиться на процессе размещения, наша страница будет состоять из одного HTML-файла и одного CSS-файла. Выполним следующие шаги:

• Создайте директорию на вашем компьютере. Это первый пункт при создании любого сайта. Всегда храните ваши работы в разных директориях, чтобы потом их можно было легко найти или перенести
• В созданной директории создайте файлы index.html и style.css
• Подключите файл стилей к вашему HTML-файлу. Не забудьте создать базовую разметку сайта

Создайте любую разметку, которую только хотите. Не бойтесь экспериментировать и со стилями. Дайте волю своей фантазии 🙂 Например, это может быть небольшой рассказ о вас. Я создал именно такое описание, и выглядит оно следующим образом:

index.html

внутри тега body

style.css

GitHub Pages

В рамках каждой профессии на Хекслете студент обязательно познакомится с git и с его главным воплощением — GitHub. Возможно, вы уже слышали о таком хранилище кода. Это невероятно полезная и удобная система, без которой трудно представить современную разработку. Сейчас нас интересует то, что GitHub позволяет бесплатно выложить у себя статичный сайт. Это происходит с помощью сервиса GitHub Pages.

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

Настало время выложить вашу страницу:

• Зарегистрируйтесь на GitHub, если еще не делали этого. . Репозиторий — это место, где хранится код вашего проекта. В качестве имени репозитория используйте username.github.io, где username — ваш ник на GitHub.

• Загрузите созданные вами файлы index.html и style.css на GitHub. Это можно сделать, если добавить в URL страницы с вашим репозиторием /upload/. Получится ссылка вида https://github.com/username/username.github.io/upload/, где username — ваш ник на GitHub. После того, как вы выбрали файлы, нажмите кнопку Commit changes.

• Перейдите в настройки репозитория. Это вкладка Settings. В левом меню перейдите во вкладку Pages. Если вы все сделали по инструкции, то GitHub автоматически включит сайт по указанной ссылке. Если имя репозитория другое, то необходимо выбрать ветку main в разделе Source

Все, теперь вы можете посмотреть на свою страницу, перейдя по ссылке, которую предоставил вам GitHub.

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Об обучении на Хекслете

• Статья «Как учиться и справляться с негативными мыслями»
• Статья «Ловушки обучения»
• Статья «Сложные простые задачи по программированию»
• Урок «Как эффективно учиться на Хекслете»
• Вебинар «Как самостоятельно учиться»

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно