Как дать домен сайту html
Перейти к содержимому

Как дать домен сайту html

  • автор:

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

От автора: собираетесь запустить новый интернет-проект и уже приобрели место у хостинг-провайдера? Теперь вам надо понять, как привязать домен к сайту, чтобы связать название проекта и его файлы вместе.

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

Создать новый домен, адрес нужно прописать идентичный тому доменному имени, которое вы будете привязывать.

Теперь в каталоге со всеми вашими ресурсами (обычно называется www) появится соответствующая папка под домен, куда вы можете поместить нужные файлы. Например, файлы движка, на котором ресурс будет работать.

Чуть ниже в статье я подробнее расскажу о том, как все это делается. Хорошо, подготовительные работы на самом хостинге мы выполнили, но как теперь перейти на новый сайт в интернете и продолжить его установку и настройку? Для этого и нужно привязать к нему доменное имя, которое приобретено вами специально для проекта.

Изменение DNS-адресов у регистратора

Как я уже сказал, на хостинге все необходимые действия выполнены, не хватает одного – правильных DNS-адресов для вашего домена. Меняются они у регистратора, то есть у той компании, где вы регистрировали имя. Надеюсь, вы помните, где это было, а также свой логин и пароль от аккаунта.

Что ж, остается отправиться к вашему регистратору в свой аккаунт и зайти на страничку со списком ваших доменов. В зависимости от регистратора, где-то рядом (либо в настройках) будет кнопка “Изменить DNS”.

Теперь вы попадете на страницу, где нужно ввести 2 адреса. Если вы не знаете dns-адресов своего хостинг-провайдера, вы можете спросить у него в службе поддержки или можно самому посмотреть где-нибудь в справке. В конце концов, гугл и яндекс к вашим услугам. Обычно dns-сервера имеют такой вид:

После указания адресов нужно сохранить изменения. Далее вам, скорее всего, скажут, что изменение DNS – дело не молниеносное, придется подождать 12-48 часов. По моему опыта больше 24 часов ждать не приходилось никогда. Соответственно, максимум через сутки все поменяется. Теперь, набрав в адресной строке браузера свой домен вы увидите не это:

А страницу установки движка или содержимое файла index.php вашего сайта. Это уже в зависимости от того, что у вас находится в корневой папке.

Теперь все, что вам остается, это продолжить установку сайта и его заполнение нужными файлами и контентом. На этом процедуру привязки можно считать законченной. Если при регистрации домена у регистратора вы сразу же введете dns-сервера нужного вам хостера, то в последствии этого делать уже не придется, все будет работать сразу же.

Если домен у вас есть, а хостинга еще нет

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

После этого, при условии что dns-адреса уже заполнены правильно, все также будет работать.

Как добавить домен у хостинг-провайдера (подробнее)

Ранее в этой статье я уже писал о том, что заранее вы должны создать новый домен у своего хостинг-провайдера, чтобы для него была создана папка. Чаще всего в качестве панели управления сервером используется cPanel или ispManager. В обоих случаях все достаточно просто.

Например, если у вас cPanel, то просто найдите на главной странице панели пункт “Домены” впишите название своего сайта (включая доменную зону) и все будет готово. В ispmanager это выглядит немного по-другому:

Хотя тут много настроек, практически единственное, что вам нужно указать, это адрес домена. Например: site.ru. Еще обязательно нужно прописать электронный ящик администратора.

Остальные параметры ставятся по желанию и в случае чего вы всегда сможете изменить их в панели. После этих манипуляций новый домен появится. Вы можете найти его в списке и войти в корневой каталог. Далее сюда нужно загрузить какой-нибудь файл, который просто будет для виду. Можно просто обычную html-страничку с текстом: “Привет”.

Это вам нужно для того, чтобы проверить, правильно ли будет все работать, когда сменятся dns-адреса. Если при открытии сайта в браузере вы увидите содержимое html-странички, которую залили в корневой каталог (в нашем случае это слово “Привет”), то значит, все работает и можно продолжать дальнейшие манипуляции с сайтом. Например, установить на него движок.

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

В таком случае второй и последующие домены будут зеркалами сайта. Чтобы привязать их, вам достаточно уже иметь рабочий сайт на каком-нибудь домене. После этого необходимо сделать 301-й редирект через файл .htaccess, а также в файле robots.txt указать адрес главного зеркала для Яндекса:

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

Рассмотрим ситуацию, когда файлы сайта загружены в директорию /var/www/html/domain_com и по запросу домена domain.com должна выводиться index.php страница.

Для того, чтобы сайт, загруженный в указанную директорию, отображался по домену, необходимо соответствующим образом настроить веб-сервер, чтобы он «знал», откуда брать данные в случае получения запроса по домену domain.com. Настройка состоит из следующих шагов:

  • Подключаемся к VDS серверу по SSH с правами root.
  • Переходим в директорию, в которой расположен конфигурационный файл Apache:

Для CentOS, Fedora:

cd /etc/httpd/conf/

Для Debian, Ubuntu:

cd /etc/apache2/
  • Открываем конфигурационный файл текстовым редактором, например, vi:

Для CentOS, Fedora:

vi httpd.conf

Для Debian, Ubuntu:

vi apache2.conf
  • Опускаемся в конец файла и приступаем к вводу настроек. Для этого, в случае редактора vi, нажимаем клавишу “i”. Простой пример виртуалхоста представляем ниже:
 # вместо IP указываем IP-адрес VPS ServerAdmin webmaster@domain.com # почтовый адрес администратора DocumentRoot /var/www/html/domain_com # путь расположения папки с файлами сайта ServerName domain.com # домен, по которому должен открываться сайт ErrorLog logs/domain.com-error_log # путь и имя файла с журналом ошибок CustomLog logs/domain.com-access_log common # путь и имя файла с журналом запросов 
  • Также, рекомендуется указать имя индексного файла, который должен отображаться по запросу домена. Для этого под виртуалхостом добавляем следующую запись:
 DirectoryIndex index.php 
  • После того, как виртуалхост был скопирован в файл и заполнен правильными значениями, в случае с редактором vi необходимо выйти из режима ввода клавишей “ESC” и сохранить изменения командой:
  • Для того, чтобы изменения вступили в силу, необходимо перезагрузить веб-сервер. Но прежде чем это выполнить, настоятельно рекомендуется запустить отладчик конфигурации, который выполнит проверку синтаксиса в конфигурационном файле Apache на предмет ошибок. Запустить отладку можно командами:
httpd –S
apachectl –S
  • Если в результате выполнения было выведено сообщение «Syntax OK», значит, в конфигурационном файле нет ошибок и можно производить перезагрузку Apache.
  • Если же в файле были допущены ошибки, то программа выведет сообщение «Syntax error» и укажет номер строки и фрагмент текста, который является некорректным. В этом случае необходимо будет вновь открывать конфигурационный файл и исправлять ошибки.
  • Перезагрузка веб-сервера выполняется командой:

CentOS, Fedora:

service httpd restart
/etc/init.d/httpd restart

Debian, Ubuntu:

service apache2 restart
/etc/init.d/apache2 restart
  • После выполнения перезагрузки веб-сервера можно пробовать подключиться по домену в браузере.
  • На этом настройка веб-сервера завершена.

Если установлена панель управления хостингом

При наличии хостинговой панели (DirectAdmin, cPanel) указанный выше процесс происходит в автоматическом режиме в момент добавления домена в панель. Более подробная инструкция по привязке домена к сайту расположена в нашей статье Как и куда загрузить сайт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Папка cgi-bin — это папка для выполнения скриптов, написанных на языках Perl, C и shell. У нас таких скриптов на сайте нет, поэтому эту папку мы не трогаем.

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

index.html — это документ, который веб-сервер считает корневым, как бы «нулевой километр» нашего сайта. Если запросить сайт mihailmaximov.ru, то веб-сервер найдёт в корневой папке index.html и отдаст его содержимое.

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

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

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

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

     Михаил Максимов — преподаватель информатики       img < max-width: 100%; max-height: 100%; >h1 < font-size: 50px; margin-top: 30px; margin-bottom: 20px; >h2 < margin-top: 40px; margin-bottom: 20px; >p 
Михаил Максимов

Я преподаю информатику с 2008 года, когда предмет ещё назывался ИКТ. Начинал со школы, учил детей разбираться в программировании и сдавать ЕГЭ на 90 баллов и выше. За два года вывел нашу школу на второе место в районе по олимпиадам по информатике. Вёл два класса коррекции — пятый и одиннадцатый — и знаю, как объяснить основы теории вероятности даже тем, кто не хочет ничему учиться.

В 2012 защитил кандидатскую диссертацию по обучению информатике детей с недостатком внимания и стал внештатным преподавателем РГСУМ им. Макаренко. Параллельно с этим веду курсы по программированию «IDDQD» и записываю подкаст «Прогрокаст» с аудиторией 25 000 человек.

Мои научные работы

Задача про бабушку и помидоры

Хитрый электрик

Как сделать свой таймер-напоминалку

Почему Sublime Text — это круто

Поговорим о Якубовиче

Как стать контент-менеджером

Задача про сторожа и фонарик

О названиях функций

Контакты для связи
Телефон: +7 (123) 456-78-90

Почта: mikemaximov@gmail.com

Скайп: mihailmaximov

Телеграм: @mihailmaximov

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

Что дальше

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

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

Веб-разработка — это новый чёрный

На базе веб-технологий делают всё — от сложного софта до высокобюджетных игр. Изучите технологии и начните карьеру в ИТ. Старт бесплатно. Попробуйте, вдруг вам понравится.

Получите ИТ-профессию

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

Как зарегистрировать свой домен

Доменное имя — это текстовое представление адреса сайта в интернете, например htmlacademy.ru. С помощью этого имени DNS определяет IP-адрес сервера, на котором располагается сайт.

Доменное имя делится на уровни, которые разделяются точкой и отсчитываются с конца. Первый уровень доменного имени — это зона. Зоны бывают территориальные (ru, ua, by и так далее) и остальные (com, org, net и так далее). Часть «ru» в доменном имени htmlacademy.ru говорит о том, что сайт относится к Российской Федерации.

Второй уровень доменного имени — само имя домена, в нашем примере это «htmlacademy». Любой желающий может зарегистрировать себе домен в большинстве зон при условии, что он свободен для регистрации. Помимо первого и второго существуют и более глубокие уровни.

Если хотите глубже разобраться, как всё работает, то советуем вам статью «Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com».

Стоимость домена в зоне «ru» в среднем составляет 500 рублей в год. Каждый год его необходимо продлевать.

Выбираем доменное имя

Зарегистрировать домен может любой пользователь. Сначала нужно выбрать имя домена и проверить свободно ли оно. Для этого можно воспользоваться любым сервисом whois: переходим на сайт одного из сервисов и вводим в поле поиска желаемое имя.

Форма whois

Если домен свободен, то вы увидите следующее:

Проверка доступности домена

Теперь можно переходить к его регистрации.

Регистрируем доменное имя

Шаг 1. Вводим доменное имя

Здесь необходимо ввести своё название сайта и выбрать зону, в которой вы хотите его зарегистрировать.

Вводим доменное имя для регистрации

Шаг 2. Выбор дополнительных предложений

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

Выбор дополнительных предложений во время регистрации

Шаг 3. Срок регистрации и дополнительные услуги

Здесь можно сразу включить автопродление своего домена по истечении срока его действия. Помимо этого можно выбрать другие услуги. После чего нажимаем кнопку «Далее».

Срок регистрации домена и дополнительные услуги

Шаг 4. Регистрация или авторизация

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

Шаг 5. Заполнение анкеты владельца домена

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

Информация об администраторе домена

Шаг 6. Выбор DNS-серверов для домена

Если вы уже определились с тем, кто будет управлять DNS-зоной вашего домена (например, если у вас уже есть хостинг), то можете заполнить их здесь. В противном случае, эти поля можно оставить пустыми.

DNS-серверы домена

Шаг 7. Корзина покупок

На этом этапе вы можете увидеть все заказанные услуги и перейти к их оплате.

Завершаем покупку домена

Где покупать и сколько стоит

REG.RU Стоимость домена в зоне ru — 590 рублей. Стоимость домена в зоне com — 708 рублей.

WebNames. Стоимость домена в зоне ru — 450 рублей. Стоимость домена в зоне com — 710 рублей.

Привязка домена к хостингу

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

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

Шаг 1. Узнать NS-сервера вашего хостинга

Обычно эти данные есть в панели управления хостингом. Также их можно узнать у службы поддержки. Обычно адрес NS-сервера выглядит так: «ns1.linode.com», «ns2.linode.com» и так далее. Этих адресов должно быть как минимум два: один основной и один запасной.

Шаг 2. Указать NS-сервера в настройках домена

Для этого необходимо перейти в свой личный кабинет и выбрать там пункт «Мои домены». В открывшемся окне будет представлен список купленных вами доменов.

Список доменов

В последнем столбце таблицы содержится информация о настройках DNS. Чтобы изменить настройки DNS, необходимо нажать на слово «Нет» напротив нужного домена. В открывшемся модальном окне, вводим NS-сервера хостинга.

Смена DNS-серверов

После этого необходимо нажать кнопку «Добавить». Обновление DNS-серверов может занимать до 48 часов.

Если вы хотите перенести свой домен с одного хостинга на другой, то вам нужно узнать NS-сервера нового хостинга и изменить настройки домена, указав там эти сервера.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *