Объясни мне: как опубликовать свой сайт в интернете

Поку­па­ем домен, оформ­ля­ем хостинг, настра­и­ва­ем при­вяз­ку и зали­ва­ем фай­лы. Купа­ем­ся в лучах сла­вы.

Мы хотим сде­лать сайт и опуб­ли­ко­вать его в интер­не­те. К это­му момен­ту мы уже:

• сде­ла­ли стра­ни­цу «О себе» на чистом HTML, кото­рая ста­нет осно­вой для сай­та;
• купи­ли для неё домен mihailmaximov.ru;
• при­об­ре­ли хостинг, что­бы хра­нить там все нуж­ные фай­лы.

А теперь нам нуж­но подру­жить меж­ду собой эти три ком­по­нен­та, что­бы в ито­ге полу­чил­ся насто­я­щий сайт.

В чём суть это­го про­цес­са:

• Свя­зы­ва­ем домен и хостинг. Домен — это назва­ние сай­та, а хостинг — это место, где сайт хра­нит­ся и обслу­жи­ва­ет­ся. Нуж­но ска­зать интер­не­ту: «Этот сайт — это вон тот хостинг». Для это­го нуж­но кое-что настро­ить и на хостин­ге, и на домене.
• Ждём, пока интер­нет узна­ет об изме­не­ни­ях.
• Загру­жа­ем фай­лы наше­го сай­та на хостинг. Гото­во: они доступ­ны миру.

Раз­бе­рём это по частям.

Настройка хостинга

Сей­час у нас есть две отдель­ные услу­ги: домен и хостинг. Нуж­но их свя­зать, что­бы хостинг знал: «Если у меня запро­си­ли сайт с таким-то доме­ном, пока­зать вот такой сайт». Для это­го хостинг нуж­но настро­ить.

Все настрой­ки хостин­га дела­ют­ся в пане­ли управ­ле­ния. Ино­гда она опла­чи­ва­ет­ся отдель­но, ино­гда вхо­дит в сто­и­мость хостин­га. У SpaceWeb она бес­плат­ная, клю­чи от неё при­хо­дят на почту после реги­стра­ции хостин­га. Выгля­дит она так:

Нас инте­ре­су­ет вклад­ка «Доме­ны» — имен­но там дела­ет­ся при­вяз­ка доме­на к хостин­гу. Захо­дим туда и выби­ра­ем «Доба­вить домен». В поле вво­дим имя наше­го заре­ги­стри­ро­ван­но­го ранее доме­на. Эта запись ска­жет хостин­гу: «Когда тебе при­дёт запрос по это­му доме­ну, обслу­жи его»:

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

Если у нас в хостин­ге живёт несколь­ко сай­тов, нуж­но будет задать новую пап­ку. Но так как это наш пер­вый сайт на этом хостин­ге, оста­вим стан­дарт­ную:

Настройка домена

Мы научи­ли хостинг при­ни­мать запро­сы по адре­су mihailmaximov.ru. Но мы не научи­ли DNS-серверы в интер­не­те отправ­лять эти запро­сы на наш хостинг.

Что­бы это про­изо­шло, мы долж­ны рас­про­стра­нить по интер­не­ту новость: «Всем DNS-серверам! Если вам при­дёт запрос на mihailmaximov.ru, отправ­ляй­те его на spaceweb!». Эту рас­сыл­ку за нас сде­ла­ет наш реги­стра­тор доме­нов reg.ru — нуж­но лишь дать ему зада­ние.

Захо­дим в раз­дел помо­щи наше­го хостин­га и узна­ём там, что для направ­ле­ния на него доме­нов нуж­но ука­зать такие адре­са:

ns1.spaceweb.ru
ns2.spaceweb.ru
ns3.spaceweb.pro
ns4.spaceweb.pro

Пере­хо­дим в лич­ный каби­нет реги­стра­то­ра, выби­ра­ем домен mihailmaximov.ru, захо­дим в редак­ти­ро­ва­ние DNS-серверов и про­пи­сы­ва­ем там эти адре­са:

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

Отправляем файл на хостинг

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

В пане­ли управ­ле­ния хостин­га выби­ра­ем раз­дел «Доме­ны», там нахо­дим домен mihailmaximov.ru и нажи­ма­ем на зна­чок пап­ки рядом с ним. Пап­ка — это фай­ло­вый мене­джер, мы как бы откры­ва­ем вир­ту­аль­ный диск с нашим сай­том:

Несмот­ря на то, что сайт мы толь­ко созда­ли, там уже что-то лежит. Раз­бе­рём­ся:

Пап­ка cgi-bin — это пап­ка для выпол­не­ния скрип­тов, напи­сан­ных на язы­ках Perl, C и shell. У нас таких скрип­тов на сай­те нет, поэто­му эту пап­ку мы не тро­га­ем.
Файл .htaccess — это файл для локаль­ной настрой­ки веб-сервера, то есть той про­грам­мы, кото­рая отда­ёт нам сайт. С помо­щью это­го фай­ла мож­но защи­тить пап­ки паро­лем, доба­вить пере­ад­ре­са­ции, хит­рым обра­зом видо­из­ме­нять запро­сы — как-нибудь напи­шем об этом подроб­но.
index.html — это доку­мент, кото­рый веб-сервер счи­та­ет кор­не­вым, как бы «нуле­вой кило­метр» наше­го сай­та. Если запро­сить сайт mihailmaximov.ru, то веб-сервер най­дёт в кор­не­вой пап­ке index.html и отдаст его содер­жи­мое.

Сей­час в фай­ле index.html лежит стан­дарт­ный при­вет­ствен­ный текст от хостин­га, и он нам не нужен. Уда­лим его. Отме­ча­ем этот файл галоч­кой и нажи­ма­ем ввер­ху «Уда­лить».

Оста­лось зака­чать вме­сто него то, что нам нуж­но.

• Откры­ва­ем наш файл с сай­том. Для ваше­го удоб­ства исход­ный код при­ве­дён ниже в рас­хло­пе.
• Сохра­ня­ем этот файл под име­нем index.html — это будет глав­ный файл наше­го сай­та.
• В пане­ли управ­ле­ния хостин­гом нахо­дим кноп­ку «Загру­зить файл», выби­ра­ем наш index.html и под­твер­жда­ем.

Страница «О себе»

Когда DNS-записи обно­вят­ся, все уви­дят, что нахо­дит­ся по адре­су mihailmaximov.ru, Всё, сайт готов:

ЧЧто дальше

Сей­час наш сайт — это одна стра­нич­ка в сети, и есть мно­же­ство спо­со­бов его улуч­шить:

• сде­лать под­раз­де­лы;
• доба­вить боль­ше инфор­ма­ции;
• сде­лать нор­маль­ный дизайн;
• пове­сить каких-нибудь эффек­тов;
• поста­вить ссыл­ки на соц­се­ти, сде­лать кли­ка­бель­ным номер теле­фо­на и так далее.

Всё это мы посте­пен­но сде­ла­ем и поде­лим­ся с вами. Не пере­клю­чай­тесь и подписывайтесь на наш канал.