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

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

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

Готов? Ну тогда погнали!

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

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

Создать текстовый файл

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

<!DOCTYPE html>
<html>
<body>
Hello, World!
</body>
</html>

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

Переименовать текстовый файл

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

Показать расширения файлов

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

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

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

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

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

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

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

После регистрации мы получим письмо с логином и паролем, а также данными для доступа к вашему сайту по 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, запускаем. Далее нам надо настроить соединение с нашим сайтом. Заходим "Файл" --> "Менеджер сайтов" --> "Новый сайт" --> Вводим все данные, касательно своего сайта:

FileZilla

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

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

Загрузка файлов на сервер

Движки для сайтов

Если вам самому не охота изучать HTML-разметку и создавать сайт с нуля, то можно просто установить на хостинг какую-либо CMS типа WordPress, и у вас будет полноценный готовый Интернет-сайт, страницы на котором вы сможете очень удобно редактировать прямо в своем браузере. Кстати, в панели управления TimeWeb предлагается на выбор установить различные виды CMS-систем: от Блогов и до форумов, чатов и галерей видео. Большинство CMS бесплатные. Просто посетите пункт меню "Каталог CMS".

Заключение, но не конец

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

Ну что ж, друзья, мы с вами подробно разобрали, как создать и выложить свой сайт в интернет. Надеюсь, что хотя бы 30% информации, что ты прочел, стала для тебя новой. Пиши в комментариях, о чем еще рассказать, задавай вопросы, ну и: УДАЧИ В ИНТЕРНЕТЕ ;)