Привет, читатель.
Что нам потребуется для создания сайтов?
В любом случае нам нужна среда разработки, в которой мы будем писать код. Если для первых задач нам хватит обычного блокнота, то по мере усложнения курса нам потребуется серьезный инструмент для работы с кодом.
Я крайне рекомендую Atom. Он бесплатный, удобный, имеет версии под все популярные платформы и обладает огромной библиотекой расширений.
Есть и другие достойные IDE(Integrated Development Environment):
1. SublimeText
3. JB WebStorm
и др.
Итак, дальше нам нужен сервер, на котором мы будем хранить наш сайт. Тут есть два пути: платный и бесплатный. Опишу оба.
Платный
К счастью, в наше время, появилось большое количество сервисов по хостингу серверов, а цены сравнялись с подпиской на музыку. В России крупнейшей компанией, предоставляющей данные услуги является Reg.ru.
Я не призываю вас арендовать сайт именно там, вы можете купить его где захотите, но в данном уроке я буду показывать процесс покупки на примере данной компании.
Раньше я пользовался услугами Reg.ru, но обстоятельства заставили перейти на зарубежные хостинги. Я обязательно расскажу вам о преимуществах зарубежных хостингов в следующих уроках, одним из которых является собственный VPN сервер, позволяющий вам получать доступ к заблокированным ресурсам и Telegram и давать его другим людям (возможно даже на коммерческой основе).
Если вы хотите, чтобы я написал урок про собственный VPN, оставьте комментарий с текстом "+".
Итак, для начала нам нужно выбрать "Хостинг сайтов" в меню сайта.
Далее нам предлагают выбрать тариф, я советую выбрать Host-A, его вполне хватит для обучения и цена не кусается.
После выбора срока аренды, вы можете сразу приобрести доменное имя для вашего сайта, это необязательно, но так проще хвастаться перед друзьями.
Важно: для регистрации доменного имении потребуются ваши паспортные данные, так как по законодательству данное имя закрепляется к вам как к физ.лицу. Срок действия доменного имени -
1 год, с возможностью продления.
Так же советую добавить бесплатный SSL сертификат на год, это позволит подключаться к вашему сайту по защищенному протоколу HTTPS.
После оплаты, ваши покупки будут доступны в личном кабинете:
Активация сервера занимает, в среднем, 10-20 минут. Регистрация домена может занять несколько часов, пока ваше доменное имя пропишут в DNS cерверах.
О том как подключиться к серверу я напишу в следующем уроке, все необходимые данные придут к вам на почту. Осталось только установить ПО для подключения: FTP/SFTP клиент. Например, этот - FileZilla.
Бесплатный
Если вы пока не хотите тратить средства, то есть вариант создания локального сервера на вашем компьютере. Этот способ подходит только для обучения.
Лично я пользовался программой MAMP, но есть и другое популярно ПО для установки локального сервера, например - Open Server.
После установки MAMP, вы должны запустить сервер.
Если все пошло по плану, то откроется страница браузера с приветственной страницей.
Ваш сайт будет доступен по адресу localhost:8888
Найдите папку, созданную MAMP'ом, и перейдите в ней в раздел htdocs.
Создайте в ней файл index.html , набрав в блокноте этот код:
<html>
<head> </head>
<body>
<h1> Hello, readers from Yandex Dzen </h1>
</body>
<html>
Теперь, открыв в браузере адрес localhost:8888/index.html , мы увидим нашу первую страницу.
Заключение
Ура! Все готово для начала обучения. Я буду работать с удаленным сервером, но людям, остановившимся на локальном, не стоит переживать, различия в работе будут незначительными. Пожалуйста, если у вас есть какие-то вопросы: напишите их в комментариях, я очень хочу, чтобы мы вместе разбирались в возникших проблемах и у вас осталось приятное впечатление от статьи.
Если вам понравилось - поставьте лайк, это поможет мне понять, что я двигаюсь в правильном направлении. Всем спасибо за внимание!