Как поставить сайт на домен: Как разместить готовый сайт в Интернете | REG.RU

Публикация вашего веб-сайта — Изучение веб-разработки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Укажите в командной строке каталог test-site (или другое название каталога, содержащего ваш сайт). Для этого используйте команду cd (т.е. «change directory»). Вот то, что вы наберёте, если разместили свой веб-сайт в каталоге под названием test-site на рабочем столе:
2. Когда командная строка указывает внутрь вашего каталога веб-сайта, введите следующую команду, которая сообщает инструменту
   git, чтобы он превратил каталог в репозиторий git:
3. Далее вернёмся к сайту GitHub. На текущей странице вас интересует раздел «…or push an existing repository from the command line». Вы должны увидеть две строки кода в этом разделе. Скопируйте всю первую строку, вставьте её в командную строку и нажмите Enter. Команда должна выглядеть примерно так:

   git remote add origin https://github.com/bobsmith/bobsmith.github.io.git

4. Далее введите следующие две команды, нажимая Enter после каждой. Это подготовит код к загрузке на GitHub, и укажет Git управлять этими файлами.

   git add --all
   git commit -m 'adding my files to my repository'

5. Наконец, загрузите код на GitHub — вернитесь на веб-страницу GitHub, на которой вы находились, и введите в терминал команду:

   git push -u origin master

6. Теперь, когда вы перейдёте по веб-адресу, созданному в GitHub, в новом окне браузера ( username.github.io), вы увидите ваш сайт онлайн! Разошлите ссылку вашим друзьям, пусть оценят ваше мастерство.

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

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

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

git add --all
git commit -m 'another commit'
git push

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

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

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

Дальнейшее чтение

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

Чтобы опубликовать свой сайт в интернете, его нужно загрузить на хостинг. В этой статье покажем, как залить сайт на любой хостинг в несколько простых этапов.

Что внутри

1. Что нужно, чтобы вывести сайт в интернет
2. Загрузите файлы сайта
3. Загрузите базу данных
4. Проверьте, всё ли работает

Что вам понадобится

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

При выборе домена главное найти короткое и запоминающееся имя. Желательно без сложных букв, чтобы его можно было без ошибок набрать на слух. Если какое-то имя занято в зоне .com, оно может ещё быть свободно в других зонах. Больше советов — в блоге: Как выбрать домен.

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

Попробуйте наш хостинг

Любой тариф виртуального хостинга можно взять на бесплатный тестовый период. А если вам понравится, при покупке хостинга сразу на длительный срок, мы бесплатно зарегистрируем для вас домен на один год в одной из популярных зон: .com, .net, .org, .com.ua, .co.ua, .in.ua.

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

Загрузите файлы сайта

Когда у вас будет хостинг и домен, можно разбираться, как поставить сайт на хостинг. Это можно сделать двумя способами: при помощи файлового менеджера в панели управления хостингом и протокола передачи файлов FTP.

Файловый менеджер в панели управления

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

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

Попасть в cPanel вы можете из Панели клиента или по ссылке из письма об активации хостинга. Тема письма: «Ваш виртуальный хостинг готов к использованию».

На главной странице cPanel найдите раздел «Файлы» и запустите в нём приложение «Диспетчер файлов»:

Вы попадёте в главный каталог, в котором хранятся все файлы и каталоги вашей учётной записи cPanel. Вам нужно загрузить сайт в корневой каталог домена. Если вы работаете с главным доменом, корневой каталог будет называться public_html.

Для дополнительного домена или поддомена посмотреть корневой каталог можно в разделе «Домены» – «Домены».

Когда откроете корневой каталог на хостинге, нажмите в верхней части панели кнопку «Отправить», чтобы закачать в него файлы сайта:

На следующей странице нажмите «Выбрать файл» или просто перетащите нужные файлы со своего локального компьютера:

У cPanel есть одна особенность, связанная с загрузкой файлов: при выборе файлов для загрузки на компьютере, нельзя выбрать несколько файлов, только один. Так что перед тем как загрузить сайт на хостинг, упакуйте его в архив. Либо не выбирайте файлы, а просто перетащите их в браузер. После загрузки вернитесь в корневой каталог:

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

По умолчанию «Диспетчер файлов» не отображает скрытые файлы, поэтому после распаковки архива вы не увидите некоторые файлы, например, .htaccess. Чтобы они отображались, откройте «Настройки» в правом верхнем углу:

Во всплывающем окне поставьте галочку в строке «Показать скрытые файлы (dotfiles)» и сохраните изменения:

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

А ещё при работе с FTP-клиентом не нужно создавать архивы. Вы можете загружать на сервер сразу несколько файлов или даже папок со всем их содержимым.

Одна из популярных программ для работы с файлами по FTP — это FileZilla. У нас в базе знаний уже есть для неё инструкция по настройке.

Загрузите базу данных

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

Если ваш сайт работает без базы данных, переходите к следующему разделу. Если с ней, создайте новую базу данных в cPanel. Запомните имя базы данных, ее пользователя и пароль. Эти параметры понадобятся вам далее.

После создания базы данных останется только загрузить в неё данные. Это можно сделать в популярном приложении phpMyAdmin. Оно есть в большинстве панелей управления хостингом. В cPanel его можно найти на главной странице в блоке «Базы данных»:

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

На следующей странице выберите .sql файл на компьютере или просто перетащите его из папки в браузер и нажмите «Вперед»:

После загрузки вы увидите все свои таблицы. Теперь нужно только обновить сведения о базе данных в конфигурационном файле сайта, чтобы всё работало. Обычно этот файл называется config.php, configuration.php или settings.php, но не обязательно. Зависит от того, на чём сделан сайт. В любом случае вы найдете там поля с такими параметрами:

host = 'сервер';
user = 'имя_пользователя_базы_данных';
db = 'имя_базы_данных';
password = 'пароль_пользователя_базы_данных';

Поскольку ваша база данных и файлы сайта хранятся на одном сервере, в поле «host» можно указать «localhost». Остальные поля заполните деталями, которые вы вводили при создании базы данных в cPanel.

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

Проверьте сайт

После размещения сайта на хостинг, остаётся только проверить, нормально ли он открывается. Если покупали у нас и хостинг и домен, сайт должен открываться сразу после загрузки на хостинг. У других провайдеров может также понадобиться направить домен на хостинг.

Отдельный случай — если вы купили домен у одного провайдера, а хостинг у другого. Тогда точно понадобится подключать к нему домен. Обычно для этого на стороне компании, у которой регистрировали домен, прописывают для домена специальные текстовые имена хостинг-провайдера — DNS-серверы. Для нашего виртуального хостинга это dns1.hostiq.ua и dns2.hostiq.ua.

После того как вы поменяете DNS-серверы для домена, придётся подождать как минимум 24 часа, чтобы новые DNS-настройки вступили в силу по всему миру. Однако, есть несколько способов проверить сайт сразу:

1. Добавьте домен и IP-адрес вашего сервера в файл hosts. Тогда конкретно на вашем компьютере сайт откроется в обход глобальных DNS-настроек. IP-адрес сервера вы можете посмотреть на главной странице cPanel в блоке «Общие сведения» в правой части экрана.
2. Используйте онлайн-инструмент hosts.cx. По сути это тот же файл hosts, только в онлайне. Там тоже понадобится просто указать домен и IP-адрес сервера.
3. Зайдите на сайт с VPN или через прокси.

Если у вас остались вопросы или нужна помощь с загрузкой сайта на хостинг, напишите нашей службе поддержки. Работаем круглосуточно и без выходных.

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

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

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

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

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

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

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

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

Все настройки хостинга делаются в панели управления. Иногда она оплачивается отдельно, иногда входит в стоимость хостинга. У 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 лежит стандартный приветственный текст от хостинга, и он нам не нужен. Удалим его. Отмечаем этот файл галочкой и нажимаем вверху «Удалить».

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

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

<!DOCTYPE html>
<html>
<!-- служебная часть -->

<head>
  <!-- заголовок страницы -->
  <title>Михаил Максимов — преподаватель информатики</title>
  <!-- настраиваем служебную информацию для браузеров -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- загружаем Бутстрап -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <style type="text/css">
    img {
      max-width: 100%;
      max-height: 100%;
    }

    h2 {
      font-size: 50px;
      margin-top: 30px;
      margin-bottom: 20px;
    }

    h3 {
      margin-top: 40px;
      margin-bottom: 20px;
    }

    p {
      font-size: 18px;
    }
  </style>
</head>

<body>
  <div>
    <div>
      <div>
        <h2>Михаил Максимов</h2>
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
        <p>Я преподаю информатику с 2008 года, когда предмет ещё назывался ИКТ. Начинал со школы, учил детей разбираться
          в программировании и сдавать ЕГЭ на 90 баллов и выше. За два года вывел нашу школу на второе место в районе по
          олимпиадам по информатике. Вёл два класса коррекции — пятый и одиннадцатый — и знаю, как объяснить основы
          теории вероятности даже тем, кто не хочет ничему учиться.</p>
        <p>В 2012 защитил кандидатскую диссертацию по обучению информатике детей с недостатком внимания и стал
          внештатным преподавателем РГСУМ им. Макаренко. Параллельно с этим веду курсы по программированию «IDDQD» и
          записываю подкаст «Прогрокаст» с аудиторией 25 000 человек.</p>
      </div>
      <div>
        <img src="http://thecode.local/wp-content/uploads/2019/07/sq_me.jpg">
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
        <h3>Мои научные работы</h3>
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
        <p><a href="http://thecode.local/baboolya/">Задача про бабушку и помидоры</a></p>
        <p><a href="http://thecode.local/electrician/">Хитрый электрик</a></p>
      </div>
      <div>
        <p><a href="http://thecode.local/le-timer/">Как сделать свой таймер-напоминалку</a></p>
        <p><a href="http://thecode.local/sublime-one-love/">Почему Sublime Text — это круто</a></p>
      </div>
      <div>
        <p><a href="http://thecode.local/est-tri-shkatulki/">Поговорим о Якубовиче</a></p>
        <p><a href="http://thecode.local/content-manager/">Как стать контент-менеджером</a></p>
      </div>
      <div>
        <p><a href="http://thecode.local/batareyki-besyat/">Задача про сторожа и фонарик</a></p>
        <p><a href="http://thecode.local/variables/">О названиях функций</a></p>
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
        <h3>Контакты для связи</h3>
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
        <p>Телефон: +7 (123) 456-78-90</p>
        <p>Почта: <a href="mailto: [email protected]">[email protected]</a></p>
        <p>Скайп: mihailmaximov</p>
        <p>Телеграм: @mihailmaximov</p>
      </div>
    </div>
  </div>
</body>
<!-- конец всей страницы -->

</html>

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

Что дальше

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

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

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

Как бесплатно зарегистрировать хостинг и домен за 3 шага — Разработка на vc.ru

5542 просмотров

Если вы разрабатываете сайты, то понимаете проблему размещения проекта на сервере для показа заказчику — это стоит денег. Но выход есть — бесплатные домены и хостинги, с помощью которых можно разместить свой проект для всеобщего доступа всего за 10 минут.

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

Разберем далее преимущества, недостатки и как в 3 шага получить бесплатные хостинг и домен.

1 шаг — Бесплатный хостинг

Хостинг — это аренда дискового пространства. Здесь хранятся все необходимые для правильного функционирования сайта файлы и данные.

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

Проще всего получить бесплатный хостинг от провайдера с тестовым периодом. Среди хостеров с бесплатным периодом:

• beget
• webhost1
• hostland
• hostiq
  

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

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

Рассмотрим пример на hosland. Посмотрите, какие там условия и возможности тестового периода:

Ну и, собственно, регистрация:

• Жмем “Получить хостинг на 30 дней бесплатно”.
• Выбираем один из тарифов:

• Предположим, это тариф “Шторм”. Заполняем электронную почту, соглашаемся с условиями договора оферты, регистрируемся.

• На почту придет нужная информация. Теперь можно получить домен, перенести сайт.

Конечно же, бесплатный хостинг не без “подводных” камней. Что касается Hostland — это:

• невозможность создать почтовый ящик;
• если нарушать правила, администрация hostland может отключить тестовый период;
• поменять тариф уже не получится.
  

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

Потому что бесплатная версия хостера имеет недостатки:

• размещение на сайте рекламы хостинг-провайдера;
• отсутствие гарантии качества;
• медленная скорость;
• возможности ограничены, например отсутствие PHP, Mysql (их используют 92% современных сайтов для полноты функционала)
• хостинг провайдер присваивает вашему ресурсу доменное имя 3 уровня. При смене хостинга имя придётся сменить, что повлечет за собой потерю целевой аудитории.

Приоритетными к платным хостерам выступают коммерческие компании.

2 шаг — Бесплатный домен

Домены (доменное имя или доменный адрес) — это название сайта. Набрав в строке браузера определённую комбинацию, например, «besplatnodomen.ru» (это и есть домен), вы попадете на сайт.

Регистрация доменного имени является платной и каждый год его нужно продлевать (оплачивать его аренду еще на год).

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

Бесплатный домен можно получить двумя способами: у хостера или зарегистрировать самостоятельно.

Бесплатный домен можно получить двумя способами: получить у хостера или зарегистрировать самостоятельно.

Домен от хостера

Первый вариант проще: тот же самый hostland предлагает домен в подарок.

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

Например, у Beget бесплатная регистрация доменов при покупке одного из трех тарифов:

Если выбираете домен от провайдера, помните:

• Нужно узнать, кто владелец бесплатного домена — провайдер или вы. Если это провайдер, вы можете остаться без домена при смене хостинга или придется заплатить.
• Внимательно читайте условия получения бесплатного домена. Может оказаться, что он бесплатный только на определенный период. А когда вы его продлите, с вас снимут плату, кроме того, она может еще и возрасти. Итого получится, что якобы бесплатный домен по цене выше платного изначально.
• Узнайте, в каких зонах можно взять домен. Например, если в TimeWeb оплатить даже самый недорогой тариф, можно получить зоны рф. и ру. Другие зоны доступны только при выборе более дорогостоящих тарифов.
  

Домен от регистратора

Зарегистрировать домен самостоятельно бесплатно можно на сайтах dot.tk, dot.ml, freenom.com. Но проблема в том, что такой домен будет находиться в зонах tk, ga, gq, ml и подобных. Это Габон, Мали, Токелау и другие неразвитые страны. Если вы хотите лишь выгрузить свой проект и показать его нескольким людям — хорошо, такой вариант подойдет.

В противном случае — стоит задуматься:

• Поисковые системы выбирают место сайта в выдаче не только по запросам, качеству сайта и прочему, но и по геолокации. Как уже сказано, бесплатные доменные зоны — это Африка, поисковая система предполагает, что сайт ориентирован на жителей этого материка или конкретной страны. Поэтому заниматься SEO с таким доменом будет очень тяжело.
• Вы зависите от регистратора, и он может делать с доменом все что угодно. Например, freenom, судя по отзывам, иногда отбирает домены без причины. Вы не станете владельцем домена, если он бесплатный, регистратор может заблокировать его в любое время, особенно, если условия пользования не прописаны в соглашении. Чаще всего блокируются домена с красивыми именами и хорошим трафиком, после чего регистратор предлагает купить заблокированный домен по завышенной цене.
  

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

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

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

Если же домен не от провайдера, а от регистратора, следуйте плану:

1. Зайдите в личный кабинет регистратора.
2. Пропишите DNS хостинг. Этот инструмент, который упрощает администрирование проектов, благодаря работе с общим интерфейсом по управлению хостами и доменами, ссылающимися на них. Получите их у провайдера, подождите, пока они обновятся.

Теперь ваш проект доступен в интернете!

Ещё больше о хостинге можно узнать на нашем шестимесячном курсе «Профессия: Программист» 👉 Узнать подробности!

Как разместить сайт на собственном домене? — Вопросы и ответы — Джино

Нашли ошибку в тексте? Выделите ее и нажмите Ctrl + Enter

• Twitter
• Facebook
• ВКонтакте
• Instagram

Как бесплатно зарегистрировать хостинг и домен за 3 шага

В письме также указаны данные для доступа по FTP и настройки базы данных MySQL — они пригодятся, когда буду заливать проект.

Домен — имя сайта, которое вводим в браузере, например «netology.ru». Домен в зоне *.ru стоит 200 ₽ в год.

Доменное имя зарегистрировал на сайте бесплатного поставщика доменных имён. На главной странице ввёл имя домена, который мне интересен. Нажал кнопку «Проверить доступность» / Check Availability.

Сервис предлагает доменные зоны *.tk, *.ml, *.ga, *.cf и *.gq. Домен регистрируют от одного месяца до года, после окончания продление бесплатно. Если адрес занят — система сообщит. Осталось выбрать свободный из списка и нажать кнопку «Получить домен сейчас!» / Get it now.

Я выбрал зону *.ga — это зона Габонской республики. Своим клиентам говорю, что GA значит «Город Алматы».

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

В панели хостинга во вкладке «Add domains» нужно вставить доменное имя. Скопировал адреса Nameservers для настройки домена из хостинга. У вас могут быть свои адреса:

1. ns1.ultimatefreehost.in

2. ns2.ultimatefreehost.in

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

У меня было так: на сайте регистратора перешёл в настройки домена «Услуги → Мои домены» / Services → My domains. В списке доменов выбрал нужный, нажал кнопку Manage Domain. Далее в Management tools → Nameservers выбрал пункт Use custom nameservers (enter below), вставил скопированные ранее адреса и сохранил изменения.

Вернулся в панель хостинга, ввёл адрес домена и нажал кнопку «Создать домен». Первый раз выскочила ошибка, повторил операцию через 3–5 минут. Появилось сообщение, что сайт будет доступен в течение 76 часов. У меня заработал через 30 минут.

Руководство по панели управления. Домены и поддомены. LTD Beget.

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

В этом разделе вы можете расположена удобная и информативная таблица, с помощью которой вы можете:

• зарегистрировать новый домен;
• добавить уже зарегистрированный домен и поддомен;
• управлять имеющимися доменами на аккаунте;
• управлять доменам под обслуживанием регистратора Beget;
• управлять SSL сертификатами для доменов.

Заказ домена состоит из трёх шагов: выбор доменного имени, регистрация домена, проверка корректности данных и создание сайта.

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

Если имя занято, вам будет выведено предупреждение об этом.

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

При установке галочки на Private Person, указанные ФИО не будут отображаться при проверке домена по общедоступной базе WHOIS.

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

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

При заказе нового домена можно:

• Создать новый сайт для домена.
  Сайт — это директория на диске. Например, если вы регистрируете домен mydomain.ru и выбираете опцию «Создать новый сайт», на диске будет создана директория ~/mydomain.ru, а в ней директория public_html, куда и необходимо будет загружать файлы сайта.
• Прилинковать домен к существующему сайту.
  Выберите уже существующий сайт, к которому будет прикреплён поддомен из выпадающего списка.
• Не прилинковывать домен.
  В таком случае домен будет создан, но не будет закреплён ни за одним из сайтов.

В этом же окне вы можете активировать опцию автоматического продления регистрации домена и заказать выпуск SSL сертификата Let’s Encrypt. После выбора необходимых пунктов нажмите кнопку Зарегистрировать. После регистрации домена он появится в разделе «Домены и поддомены» и вы сможете им управлять.

Добавление уже зарегистрированного домена

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

• ns1.beget.com
• ns2.beget.com
• ns1.beget.pro
• ns2.beget.pro

Для добавления домена необходимо перейти во вкладку Добавить или зарегистрировать домен, ввести имя домена в соответствующем поле и указать, к какому сайту будет прилинкован домен.

При добавлении домена можно:

• Создать новый сайт для домена.
  В данном случае под сайтом подразумевается директория на диске. Например, если мы добавляем домен mydomain.ru и выбираем «Создать новый сайт«, на диске будет автоматически создана директория ~/mydomain.ru, а в ней директория public_html, куда и необходимо будет загружать файлы сайта.
• Прилинковать домен к существующему сайту.
  В данном случае необходимо будет из списка уже существующих сайтов выбрать сайт (директорию), к которому будет прикреплён поддомен.
• Не прилинковывать домен.
  В таком случае домен будет добавлен, но не будет закреплён ни за одним из сайтов (директорией).
• Направить домены на VPS (опция доступна владельцам VPS).
  Данная опция автоматически вносит IP адрес вашего VPS в A-запись добавляемого домена.
  

Перенос домена на обслуживание в Beget

Также в текущем разделе вы можете добавить уже зарегистрированный вами ранее домен у другого регистратора. Для этого добавьте его в таблицу управления доменами/поддоменами и нажмите на кнопку .

В появившемся окне вам необходимо указать Auth-code, выданный вашим регистратором. 

Обратите внимание!

Для переноса доменов в некоторых зонах в соответствии с требованием регулятора может потребоваться оплатить продление доменного имени на один год.

В таблице управление доменами и поддоменами отображаются все домены на вашем аккаунте, а также некоторая информация о них: срок окончания делегирования, регистратор, поддомены. 

Для всех доменов (кроме технических) вы можете:

Для доменов, находящихся под обслуживанием Beget, доступны расширенные возможности управления.

Продление и автопродление домена

Кликнув по кнопке вы можете продлить домен. А кнопка включает/выключает автопродление. Если на вашем аккаунте есть бонусные домены, автопродление происходит за счет бонусов.

В случае если на момент автопродления на аккаунте нет бонусных доменов и недостаточно средств, домен продлен не будет, а на административный email будет выслано предупреждение. Повторная попытка автопродления будет произведена через сутки.

Управление данными администратора домена

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

Для редактирования данных администратора домена нажмите на кнопку . Окно данных администратора состоит из двух зон: паспортные данные и контактные данные. 

Для изменения контактных данных администратора не требует специальных разрешений. После внесения нужных изменений нажмите на кнопку «Изменить» и данные сохранятся. А вот изменение паспортных данных требует специального разрешения и письменного заявления владельца домена. 

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

Обратите внимание!

Если производится смена юридического лица:
Заявление может быть доставлено почтой или лично в Beget. Заявление должно быть заверено подписью уполномоченного лица и печатью. К заявлению должны быть приложены копии ИНН, ОГРН, приказ о назначении уполномоченного лица, доверенность (в случае подписания не исполнительным органом). Копии документов должны быть также заверены подписью уполномоченного лица и печатью.

Почтовый адрес: 195027, Россия, г. Санкт-Петербург, а/я 209

Отследить статус заявки вы можете в подразделе «Заявки на смену администратора». При необходимости, заявку можно отменить. Однако если заявление на изменение администратора уже отправлено, но вы отменили заявку в этом разделе, то оно всё равно будет принято и обработано.

Передача домена и смена регистратора

В подменю раздела «Управление доменами и поддоменами» находятся опции управления доменами, среди которых: передача домена на другой аккаунт , получение кода аутентификации для смены регистратора .  

Для передачи домена на другой аккаунт нажмите на кнопку , укажите логин получателя, после подтверждения заявки домен будет перенесен.

Для смены регистратора вам необходимо получить Authinfo-code (подменю ). Authinfo-code можно получить по email или по телефону. 

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

Вы можете заказать бесплатный SSL сертификат или один из пяти платных сертификатов, а также установить уже имеющийся у вас сертификат.

Для выпуска доступны два типа бесплатных SSL сертификатов:

• Стандартный — обеспечивает защиту домена и до 39 поддоменов;
• Wildcard — обеспечивает защиту домена и всех поддоменов.

Бесплатные SSL cертификаты выпускается в течение 20-30 минут.

Бесплатные SSL сертификаты Let’s Encrypt выпускаются сроком действия на 90 дней. Вам не потребуется беспокоиться об их перевыпуске: мы берем эту задачу на себя.

Вы также можете заказать платный SSl сертификат Sectigio. Для заказа доступны  5 типов SSL сертификатов: Positive SSL, SSL, Premium SSL, SSL EV, SSL Wildcard. Их отличия приведены на скриншоте:

После выпуска сертификата он будет автоматически установлен на Ваш домен.

Если у Вас уже есть SSL сертификат, то его можно установить во вкладке Установка SSL сертификата.

После заполнения полей: сертификат и приватный ключ, укажите домен, к которому будет прикреплён сертификат и, если надо, выделенный IP адрес.

Публикация вашего веб-сайта — Изучите веб-разработку

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

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

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

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

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

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

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

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

• MDN не продвигает определенные коммерческие хостинговые компании или регистраторов доменных имен. Чтобы найти хостинговые компании и регистраторов, просто выполните поиск по словам «веб-хостинг» и «доменные имена». Все регистраторы будут иметь возможность проверять, доступно ли желаемое доменное имя.
• Ваш домашний или офисный интернет-провайдер может предоставить ограниченный хостинг для небольшого веб-сайта. Набор доступных функций будет ограничен, но он может быть идеальным для ваших первых экспериментов.
• Также доступны бесплатные сервисы, такие как Neocities, Google Sites, Blogger и WordPress. Иногда вы получаете то, за что платите, но иногда этих ресурсов достаточно для ваших первоначальных экспериментов.
• Многие компании предоставляют хостинг и домены.

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

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

• GitHub — это сайт «социального программирования».Он позволяет загружать репозитории кода для хранения в системе контроля версий Git . После этого вы можете совместно работать над проектами кода, а система по умолчанию имеет открытый исходный код, а это означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. GitHub имеет очень полезную функцию под названием GitHub Pages, которая позволяет вам размещать код веб-сайта в реальном времени в Интернете.
• Google App Engine — это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google — независимо от того, нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт.Посмотрите, как вы размещаете свой веб-сайт на Google App Engine? за дополнительной информацией.

Эти опции обычно бесплатны, но вы можете перерасти ограниченный набор функций.

Использование веб-среды IDE, такой как CodePen

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

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

Теперь давайте посмотрим, как легко опубликовать свой сайт через GitHub Pages.

1. Прежде всего, зарегистрируйтесь на GitHub и подтвердите свой адрес электронной почты.
2. Далее вам нужно создать репозиторий для хранения файлов.
3. На этой странице в поле Имя репозитория введите имя пользователя .github.io, где имя пользователя — ваше имя пользователя. Например, наш друг Боб Смит ввел бы bobsmith.github.io .
   Установите флажок « Инициализировать этот репозиторий с помощью README». . Затем нажмите Создать репозиторий .
4. Перетащите содержимое папки вашего веб-сайта в репозиторий. Затем нажмите Подтвердить изменения .
   

   Примечание : Убедитесь, что ваша папка имеет индекс .html файл.

5. Перейдите в браузере к имени пользователя .github.io, чтобы увидеть свой веб-сайт в Интернете. Например, для имени пользователя chrisdavidmills перейдите на chrisdavidmills .github.io.

   Примечание : Запуск вашего веб-сайта может занять несколько минут. Если ваш веб-сайт не отображается сразу, подождите несколько минут. Попробуй еще раз.

Дополнительные сведения см. В справке GitHub Pages.

Руководство по превращению вашего домена в веб-сайт

Общий

VPS

Выделенный

Итак, у вас есть зарегистрированное доменное имя и веб-хостинг, но как вы можете настроить свое доменное имя и запустить его в Интернете?

Прежде чем ваш сайт заработает, необходимо выполнить три шага:

1. Добавить домен
2. Укажите серверы имен для учетной записи хостинга
3. Создать сайт

Добавить домен

 dns3.pair.com
ns8.ns0.com 

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

 Вы не можете добавить этот домен: вы должны добавить родительский домен example.com в свою учетную запись, прежде чем добавлять к нему субдомен. 

 Вы не можете добавить этот домен: у вас нет разрешения на добавление.