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


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

Локальные и глобальные компьютерные сети

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

Глобальная сеть и локальные сети различаются IP адресами. Каждое сетевое устройство в любой сети должно иметь свой уникальный IP адрес. Особенностью IP адресов в глобальной сети является то, что они уникальны на глобальном уровне, т.е. к Интернету не могут быть подключены устройства, у которых одинаковый IP. В локальных сетях IP адреса также уникальны, но уникальны они только на локальном уровне: т.е. в вашей домашней сети IP адрес, к примеру, 192.168.0.2 может быть только у одного устройства, иначе это вызовет проблемы; но у других пользователей, имеющих свои локальные сети, в этих сетях также может использоваться IP адрес 192.168.0.2.


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

Примечание: Я знаю про NAT (технология, позволяющая нескольким устройствам иметь Интернет-подключение через один IP адрес), про объединение локальных сетей с помощью другой локальной сети, про туннелированние и т.д., но сознательно пропускаю это для упрощения.

Локальные и глобальные IP адреса

Чтобы не запутаться в терминологии, глобальный IP адрес ещё называют «внешним», «белым» — это разные обозначения одного и того же.

Локальный IP адрес называют «внутренним», «серым», «приватным» — это всё одно и то же.

Работа домашней (локальной) сети, в которой присутствует роутер и несколько устройств, подключённых к роутеру, обычно выглядит следующим образом:


  1. Роутер подключается к Интернет-провайдеру. Интернет-провайдер назначает роутеру внешний IP адрес, который позволяет устанавливать соединения с глобальной сетью Интернет.
  2. Компьютеры по кабелю или Wi-Fi, а также мобильные телефоны через Wi-Fi подключаются к роутеру. Роутер раздаёт им локальные IP адреса.
  3. Если два устройства в локальной сети хотят обменяться данными, то они это делают через роутер, но сетевые пакеты не отправляются в глобальную сеть.
  4. Если какому-либо устройству понадобиться «выйти в Интернет», то он передаст соответствующий запрос роутеру, роутер подключится к нужному узлу в глобальной сети, роутер же получит ответ от узла в глобальной сети и передаст этот ответ устройству в локальной сети, которое сделало первоначальный запрос.

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

По умолчанию, веб-сервер Apache настроен отвечать всем, кто пытается к нему подключиться. Подключиться к компьютеру, а, следовательно, и к веб-серверу, проще всего по его IP адресу.

Если вы хотите открыть страницу локального веб-сервера на другом устройстве (компьютер, телефон), подключённом к этой же локальной сети, то достаточно в строке браузера набрать IP адрес компьютера, на котором запущен веб-сервер.

Как узнать локальный IP адрес


Но чтобы это сделать, нужно знать, какой у компьютера с веб-сервером IP адрес. Как уже было сказано, локальные IP раздаёт роутер. Локальные IP могут быть в следующих диапазонах:

  • 10.0.0.0 — 10.255.255.255
  • 100.64.0.0 — 100.127.255.255
  • 172.16.0.0 — 172.31.255.255
  • 192.168.0.0 — 192.168.255.255

Причём, если вы не меняли настройки роутера, чаще всего используется диапазон 192.168.0.0 — 192.168.255.255. Скорее всего, ваш компьютер имеет адрес вида 192.168.0.* или 192.168.1.*. Но какой именно?

В Windows чтобы узнать локальный IP адрес откройте командную строку (нажмите Win+x, и выберите Windows PowerShell). В открывшемся окне выполните команду

  ipconfig


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

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

Мой компьютер имеет локальный IP адрес 192.168.0.90. Если я, например, в телефоне, подключённому по Wi-Fi к роутеру наберу в адресной строке 192.168.0.90, то откроется веб-страница моего локального веб-сервера, запущенного на компьютере (да, у меня там бардак):

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

Внимание: если у вас не получается открыть веб-сервер, хотя IP адрес введён правильно – попробуйте отключить файервол. Если это помогло, то файервол можно включить, но настройте исключение для 80 порта.

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


Как уже было сказано, локальный IP адреса «раздаёт» роутер. Адреса являются произвольными в рамках данной подсети.

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

Динамичный IP адрес выдаётся произвольно (роутером, Интернет-провайдером). Он может меняться при последующих подключениях.

Статичный IP адрес закреплён за сетевым интерфейсом (фактически, закреплён за компьютером, мобильным телефоном). Он не меняется при последующих переключениях.

В локальной сети, по умолчанию используются динамичные IP адреса, но это легко изменить.

Имеется, как минимум, два способа поменять динамичный локальный адрес на статичный локальный адрес:

  • в настройках сетевого интерфейса (на компьютере, в мобильном телефоне)
  • в настройках роутера

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

Настройка постоянного IP в Windows


Для настройки статичного локального адреса на компьютере откройте «Сетевые подключения». Проще всего это сделать набрав в командной строке Windows:

  ncpa

Выберите интересующий вас сетевой адаптер (сетевой подключение), нажмите на него правой кнопкой мыши и выберите «Свойства»:

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

В открывшемся окне выберите «IP версии 4 (TCP/IPv4)» и нажмите кнопку «Свойства»:

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

Вы увидите следующее:

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

Переключите на «Использовать следующий IP адрес».

Теперь нужно заполнить все поля.


рвые три поля являются взаимосвязанными и также связаны с роутером. Когда ранее мы смотрели свой локальный IP адрес, нам также была показана такая информация как Маска подсети (на моём скриншоте это 255.255.255.0) и Основной шлюз (на моём скриншоте это 192.168.0.1). Посмотрите ваши значения (вполне вероятно, что они будут такими же) и введите их в поля «Маска подсети» и «Основной шлюз». Кстати, основной шлюз – это адрес роутера. Очень часто локальными адресами роутера являются 192.168.0.1 и 192.168.1.1

В поле IP-адрес введите желаемый IP. Он должен соответствовать вашей сети. Т.е. если роутер имеет IP 192.168.0.1, то компьютер должен иметь IP вида 192.168.0.* (например, 192.168.0.100), если роутер имеет IP 192.168.1.1, то компьютер должен иметь адрес вида 192.168.1.* (например, 192.168.1.100).

Чтобы не было проблем, устройства в одной локальной сети не должны иметь одинаковый IP адрес.

В качестве DNS серверов («Предпочитаемый DNS-сервер» и «Альтернативный DNS-сервер») введите 8.8.8.8 и 8.8.4.4 соответственно.

У меня получилось так (для компьютера я выбрал IP 192.168.0.100):

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

Закройте окна с сохранением настроек.

Теперь при каждом подключении ваш компьютер будет иметь один и тот же IP адрес.

Настройка статичного IP в роутере


Для каждого роутера детальная инструкция по настройке различается. Но схема общая: в настройках локальной сети перейдите к настройкам DHCP-сервера, выберите желаемые компьютеры/телефоны по MAC-адресу и привяжите их к определённым локальным IP адресам.

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

Как открыть веб-сервер для доступа из Интернета

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

Если кабель Интернет-провайдера подключён к вашему компьютеру напрямую, то, вероятно, доступ по IP адресу будет работать (имеются нюансы с NAT).

Но если вы используете роутер, то IP адрес принадлежит роутеру. Если из Интернета приходит запрос на роутер, то он просто не знает, какому именно устройству в локальной сети переадресовать этот запрос. Более того, большинство роутеров имеют свой собственный веб-сервер – это он показывает страницы с настройками роутера в веб-браузере.


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

Переадресация портов доступна для настроек локальной сети и для настроек Интернет-подключения – нам нужно именно второе.

В роутере перейдите в настройки Интернета, найдите там переадресацию портов. Некоторые роутеры поддерживают Переключение портов – нам это не подойдёт.

В качестве порта для переадресации выберите 80, введите локальный IP адрес компьютера, на котором размещён веб-сервер и введите порт, на который будет происходить переадресация – 80, протокол TCP.

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

Теперь мой веб-сервер доступен также по внешнему IP:

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

Кстати, чтобы узнать свой внешний IP адрес перейдите на эту страницу: https://suip.biz/ru/?act=myip


Как сделать глобальный IP адрес статичным

Вы столкнётесь с той же проблемой, что и для локального IP адреса – скорее всего, ваш внешний IP адрес является динамичным и будет время от времени меняться. Если вам нужен статичный IP адрес, то, скорее всего, его придётся покупать у вашего Интернет-провайдера как дополнительную услугу с ежемесячной абонентской платой.

hackware.ru

Какие существуют варианты размещения сайта

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

1. Создание сервера на собственном компьютере

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

Для этого потребуется: выделенный IP адрес, быстрый интернет, серверное программное обеспечение и, соответствующие знания.

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

2. Использование серверов хостинг компаний

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

В большинстве случаев, они вам еще и рекомендации по работе ваших сайтов смогут дать. Но это все, естественно, не бесплатно.

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

3. Бесплатные хостинги для сайтов

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

Было бы глупо ожидать что-то качественное от бесплатной услуги – техподдержки нет, сервера постоянно перегружены и висят, аккаунты удаляются без предупреждения и многое другое. Сами можете почитать отзывы в интернете, наберите в Яндекс запрос «hostinger.ru отзывы».

Можно поискать и другие бесплатные хостинги, которые будут работать более стабильно, но, скорее всего, там не будет поддерживаться что-либо, так что сплошной геморрой. Проще заплатить пару копеек в месяц и не знать проблем с работой сайта (ИМХО). Но если хотите, можете поэкспериментировать. Вся процедура по размещению сайта на hostinger аналогична той, что я опишу ниже, разберетесь.

Справедливости ради нужно отметить, что есть надежные и стабильные бесплатные хостинги, типа blogger.com, про него я писал здесь. Но они не позволяют размещать собственные файлы – на них работает только встроенный конструктор.

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

Регистрацией доменов занимаются специальные компании – регистраторы. Они, за определенную плату, которая зависит от самого регистратора и выбранной зоны, закрепляют за вами право владения доменом сроком на 1 год.

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

Если же вам нужно несколько доменов, то второй и последующий лучше регистрировать не через хостинг провайдера, а напрямую через регистраторов. Я регистрирую через Ластрия Домэинс nn.gdmd.ru, там зоны .ru и .рф стоят по 95 рублей.

Регистрация хостинга

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

Почему Sprinthost?

  1. Это русскоязычный хостинг. Все что в нем есть, начиная от сайта для регистрации и заканчивая панелью управления аккаунтом на русском языке, так что, даже новички не будут испытывать проблем с работой.
  2. Круглосуточная тех.поддержка по бесплатному телефону. Я думаю, не нужно объяснять, зачем нужен такой бонус.
  3. Один из самых качественных и стабильных хостингов. Сервера не падают и можно быть уверенным в том, что ваш сайт будет функционировать постоянно.
  4. Одна из самых низких цен на рынке. Более дешевого варианта я не встречал – 890 рублей в год. В эту сумму еще и включена регистрация домена.
  5. Широкий функционал. Можно прямо из панели управления устанавливать на сайт все популярные системы управления контентом, включая wordpress.

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

Регистрация аккаунта

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

Перейти на сайт Sprinthost

Вы попадете на главную страницу, на которой необходимо выбрать подходящий тарифный план. Для старта я рекомендую использовать самый дешевый. Он позволяет разместить до 2-х сайтов и, как я уже писал, стоит всего 75 рублей в месяц.

Тарифные планы Sprinthost
После выбора тарифного плана необходимо заполнить небольшую анкету с вашими регистрационными данными. Обратите внимание, что для регистрации доменного имени потребуются данные паспорта (этого требует наше законодательство). После того, как вы укажете всю информацию – жмите кнопку отправить заказ.

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

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

В письме есть важные данные, которые вам следует сохранить

  1. Это логин для входа в аккаунт, обычно он совпадает первыми 8-ю буквами заказанного домена.
  2. Пароль для доступа к аккаунту. Он генерируется автоматически, в будущем вы сможете его сменить из администраторской панели хостинга.
  3. Данные для подключения к серверам по FTP – как раз они нам понадобятся для того, чтобы разместить файлы сайта на сервере. Обратите внимание, что пока ваш основной домен не начал работать (пока идет его регистрация у регистратора), вам предоставляется технический домен 4 уровня. В моем примере он выглядит как pr0stosait.ru.xsph.ru.

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

Размещаем сайт в Интернете с помощью FileZilla

Итак, у вас уже есть действующий хостинг, регистрация домена может занять 1-2 дня, но это не проблема, пока мы с вами будем пользоваться тестовым доменом и разместим все файлы на нем. Для этого воспользуемся FTP клиентом Filezilla. Это бесплатная программа, скачать ее можно здесь.

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

Запускаете FileZilla и первое, что необходимо сделать – это подключиться к удаленному серверу.

подключить filezilla к серверу
Введите в окошках данные и нажмите быстрое соединение:

Хост – ссылку на сервер FTP (тестовый, потом обычный)

Имя пользователя – логин аккаунта

Пароль – пароль

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

работа программы filezilla
Внутри папки на хостинге уже находятся файл index.html и папка cgi-bin, они показывают заставку хостинг компании. Если вы откроете тестовый адрес сайта, то увидите вот такую картинку:

заставка sprinthost
Вы можете выделить с помощью мыши файлы на сервере и удалить. После чего, выделите файлы вашего сайта на компьютере (левая часть) и просто перетащите их в правое окно. Обратите внимание, что ваш главный запускающий файл должен называться index.html (htm, php), ключевое слово index. Только файл с таким названием автоматически воспринимается браузерами.

Как только программа перенесет файлы с компьютера на сервер (ход выполнения отображается в нижнем окне программы) ваш сайт будет доступен в интернете.

Если на вашем сайте несколько страниц, то вы можете выкладывать другие страницы во вложенные папки. То есть, по адресу public_html/адрес сайта/ находится главная страница.

Для страницы с контактными данными вы можете сделать папку public_html/адрес сайта/kontakty/ и в нее положить файл index.html для страницы контактов. В этом случае, страница контактов будет доступна по адресу http://адрес сайта/kontakty/

Либо, вы можете разместить файл страницы контактов в главной директории, но назвать его kontakty.html, тогда эта страница будет доступна по адресу http://адрес сайта/kontakty.html

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

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

Успехов, Дмитрий Жилин

biznessystem.ru

До открытия доступа на локалхост, рекомендуется установить ModSecurity (mod_security) на Apache.

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

Мы можем сделать сайт доступным для других устройств, подключённых к сети:

  • внутри квартиры (всегда);
  • внутри локальной домашней сети (почти всегда);
  • для всех пользователей Интернета (не всегда).

Статический или динамический?

Разница в вероятностях (всегда-иногда) заключается в вашем IP. Если он статический, то всё делается довольно легко. Как делать локальный сервер при динамическом IP в этой статье не описывается.

Внутри своей квартиры вы сами задаёте политику присвоения адресов — например, Wi-Fi роутер может раздавать устройствам произвольные, динамические IP адреса; и можно настроить роутер и устройства так, что всем им будут присвоены определённые статические адреса.

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

Локальные адреса, в основном, имеют такой вид (вместо нулей должны быть другие цифры):

172.16.0.0
192.168.0.0

Приступаем

Открываем файл C:ServerbinApache24confhttpd.conf и ищем там строчку

Listen 127.0.0.1:80

Нам нужно заменить IP адрес на свой, например, мой локальный IP адрес 192.168.43.90, следовательно, я пишу:
Как вариант, можно сделать вот так:
Сохраняем файл и перезапускаем сервер. На самом деле — всё!

Пробуем доступ к серверу набрав в строке браузера свой IP (я набираю http://192.168.43.90/), как и следовало ожидать — доступа нет, но причина очевидна: файервол. Его нужно настроить должным образом, но для нашего тестирования я его просто отключаю.

Теперь всё впорядке и ваш сайт доступен по адресу http://192.168.43.90/ с любого устройства, находящегося в вашей домашней или городской сети. На следующем скриншоте, я зашёл на локальный сервер с телефона:

24 часа в сутки

Если у вас статичный IP для интернет соединений (у некоторых Интернет провайдеров можно подключить эту услугу за отдельные деньги), то вы можете сделать из своего компьютера самый настоящий хостинг-сервер! Понятное дело, что компьютер должен быть включен 24 часа в сутки, иначе на ваш сайт невозможно будет попасть.

Внутри локальной (домашней) сети вы можете придумать имя своему сайту и попросить ваших друзей и всех тех, кто будет заходить на него внести изменения в файл
C:WindowsSystem32Driversetchosts
Каждому из них нужно будет добавить туда строчку:
ваш_IP ваш_сайт
например
192.168.43.90 alexblog.local
После этого набирая в адресной строке браузера http://alexblog.local они будут попадать на ваш сайт.

Зачем все эти сложности?

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

Более того, открывая доступ к своему localhost нужно подумать о безопасности. В данной статье я этот вопрос не затрагиваю, но могу вас заверить, что Apache, запущенный от имени администратора (а именно так он у большинства на локахосте и запущен), через скрипты PHP (или уязвимости в них), может «путешествовать» по каталогам дисков. Т.е., по крайне мере теоретически, злоумышленник через уязвимости в вашем сайте может скачать файлы с вашего компьютера или удалить файлы, например, в директории Windows. Если заботиться о безопасности локального сервера является слишком сложным занятием для вас, то ответ очевиден — хостинг. , которые бывают на хостингах и самая низкая цена!

Хотите узнать, как заполучить короткий и красивый адрес электронной почты (e-mail)? или как выбрать качественный хостинг? Всё это и многое другое на сайте codeby.net. Подписывайтесь на нашу e-mail рассылку (внизу страницы) или на ленту новостей и вы узнаете первым о новых статьях! Также вступайте в нашу официальную группу вконтакте — там вам очень рады!

codeby.net

Инструкция по созданию и размещению сайта в интернете:

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

Например: отличный банкир, может запросто вести финансовый блог, а хороший врач — сайт медицинской тематики.

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

Оформить кредитную карту Тинькофф онлайн

ШАГ 1: Выбор хостинга (место хранения сайта)

Хостинг — это место, где будет храниться сайт. Новичкам будет проще понять, если сравнить хранение сайта, с хранением какого-то файла на локальном диске компьютера.

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

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

  1. beget.com — данный хостинг, предоставляет самые дешевые тарифные планы на хостинг, размещать сайт на самых различных движках, дешево покупать домены (дешевле чем у регистратора), имеет простую пользовательскую панель управления и много других преимуществ.
  2. Reg.ru — является регистратором доменов, небольшой выбор движков (почти все платно), возможность перепродажи доменов.

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

ШАГ 2: Покупка домена (имя сайта)

После определения и выбора хостинг провайдера, следует придумать домен сайта.

Домен — это имя сайта (название сайта на латинице), которое выводится в строках браузера.
Пример доменов: site.ru, site.com, site.org, где site — это название Вашего сайта, а ru, com, net — доменные зоны, в которой будет Ваш сайт. 

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

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

ШАГ 3: Движок сайта CMS

Движок сайта CMS — это программное обеспечение которое позволяет управлять сайтом. Для простоты понимания, движок сайта можно сравнить с программой MS Word, где вордовский документ является сайтом.

Существует большой выбор различных движков для сайта:

  • WordPress;
  • Joomla;
  • Drupal;
  • Bitrix.

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

Если планируется создание форума, то для его создания и управления им, есть форумные движки: SMF, MyPHP, phpBB.

ШАГ 4: Выбор шаблона и наполнение контентом

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

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

ШАГ 5: Seo продвижение сайта

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

К основным методам seo продвижения сайта, относятся:

  • перелинковка на свои статьи (вставка ссылок в новые записи на предыдущие);
  • покупка внешних ссылок (другие сайты ссылаются на созданный сайт);
  • seo оптимизация статей:
    — заголовки Н1
    — ключевые слова
    — длинные и интересные тексты
    — подзаголовки
    — списки.

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

ШАГ 6: Реклама и заработок.

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

Рекламировать свой сайт можно:

— Яндекс Директ;
— Google Adwords
— рекламные, баннерные и тизерные сети
— напрямую договариваться с владельцами на тематических сайтах.

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

Основными источниками дохода на сайте являются:
— контекстная реклама;
— партнерские программы;
— рекламные статьи;
— платные обзоры товаров;
— рекламные баннеры;
— продажа ссылок
.

aboutcash.ru

Что такое локальный сервер и когда он нужен

Речь идет о программе или наборе программ, которые имитируют работу реальных серверов хостинг-провайдеров. Локальный сервер обеспечивает доступ к ресурсу через браузеры. Набор программ и скриптов преобразует информацию баз данных типа MySQL и языков программирования типа Perl и PHP в HTML- и CSS-код, который «понимают» веб-обозреватели.

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

В число наиболее популярных программных решений входят Open Server, Denwer, XAMPP, Desktop Server и другие. Ниже вы найдете руководства по работе с самыми востребованными локальными серверами. Но сначала уделите внимание подготовке ПК.

Как подготовить компьютер к работе с локальным сервером

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

В первую очередь попробуйте изменить настройки Skype. Откройте меню Skype «Инструменты – Настройки – Дополнительно – Соединение». Уберите флаг напротив опции «Использовать порты 80 и 443 для дополнительных входящих соединений». Сохраните изменения и перезапустите программу».

Если изменение настроек Skype не помогает, скорее всего необходимо менять настройки операционной системы. Порт 80 часто занимает служба Internet Information Services (IIS). Чтобы убедиться в этом, введите в командную строку команду netstat -aon | findstr 0.0:80. Если порт 80 действительно занимает системный процесс, в диалоговом окне в последнем столбце вы увидите значение «4».

Чтобы отключить IIS, в панели управления выберите меню «Программы и компоненты – Включение и отключение компонентов Windows». Снимите флаг напротив опции «Службы IIS» и сохраните изменения. Может потребоваться перезагрузка системы.

Если изменение настроек системы не помогло, отключите брандмауэр. Некоторые сетевые экраны блокируют порт 80. Если этот шаг также не помог, скачайте и запустите надстройку для Windows TCP View. Программа не требует установки. С ее помощью вы увидите список активных процессов и используемых портов. Найдите процесс, который занимает порт 80, и отключите связанную с ним программу на время работы с локальным сервером.

Когда порт 80 освобожден, приступайте к установке локального сервера.

Desktop Server: простой способ запустить сайт на WordPress локально

Если вы создаете сайт на WordPress, воспользуйтесь Desktop Server. Скачайте дистрибутив с официального сайта проекта. Распакуйте архив и запустите инсталлятор.

Активируйте Desktop Server и воспользуйтесь меню Create New development site. По умолчанию установочный пакет содержит устаревшую версию CMS WordPress. Вы можете скачать и загрузить в папку Xampplite – Blueprints на диске C дистрибутив актуальной версии WordPress.

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

Перейдите по ссылке, предложенной программой, для завершения установки WordPress.

Выберите предпочтительный язык. Укажите название сайта, имя пользователя, Email и пароль.

Браузер отобразит страницу приветствия. Чтобы войти в административную консоль, введите созданный на предыдущем шаге пароль.

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

Как запустить сайт на Open Server

Особенность Open Server — возможность работать без установки ПО на компьютер. Вы можете запускать сервер с USB-накопителя.

Скачайте дистрибутив с официального сайта проекта. Open Server можно использовать бесплатно. Разработчики предлагают сделать пожертвование на развитие проекта. Без платежа скорость загрузки дистрибутива сильно ограничена. Скачивать полный пакет придется несколько часов.

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

Запустите исполняемый файл в папке Open Server и выберите язык.

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

Введите в адресную строку браузера адрес http://localhost/. Вы увидите страницу приветствия.

Теперь установите на локальный сервер выбранную CMS. Для этого создайте новую папку в разделе Domains. Распакуйте в нее архив с дистрибутивом движка.

Перезапустите Open Server с помощью меню в трее.

Введите в адресной строке браузера URL экспериментального сайта. Вы попадете в меню установки CMS.

Для продолжения установки необходимо создать базу данных. Через меню управления Open Server войдите в панель управления phpMyAdmin. Для доступа к серверу введите имя пользователя root, а поле «Пароль» оставьте пустым.

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

В меню установки WordPress укажите название БД и имя пользователя. Завершите установку: укажите название сайта, имя пользователя, пароль, электронный адрес администратора.

Теперь вы можете работать с сайтом на локальном сервере.

После окончания разработки перенесите его на сервер хостинг-провайдера.

Как работать с локальным сервером Denwer

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

Скачайте дистрибутив с сайта проекта. Закройте браузеры и запустите установщик. Используйте подсказки в диалоговом окне инсталлятора. После завершения установки браузер откроет окно приветствия. Запустить программу можно с помощью ярлыка на рабочем столе Start Denwer.

В адресную строку браузера введите URL http://localhost/denwer/. Вы попадете на стартовую страницу локального сервера Denwer.

Чтобы установить CMS на локальный сервер «Денвер», создайте раздел с названием сайта в папке WebServers – Home. В разделе создайте еще одну папку с именем www. Распакуйте в нее архив с дистрибутивом движка.

Создайте базу данных экспериментального сайта в разделе управления phpMyAdmin. Для этого введите в адресную строку браузера адрес http://localhost/tools/phpMyAdmin/.

Перезапустите локальный сервер с помощью ярлыка Restart Denwer на рабочем столе. Установите WordPress. Для этого в адресной строке браузера наберите адрес экспериментального сайта.

После окончания разработки перенесите сайт с локального сервера на сервер хостинг-провайдера.

Обратите внимание на особенности удаления локального сервера с ПК. Чтобы удалить «Денвер», выполните следующие действия:

  • Остановите сервер с помощью ярлыка Stop Denwer на рабочем столе.
  • В командную строку введите команду subst z: /d. Это необходимо для удаления виртуального диска Z, который создается при установке ПО «Денвер». Если вы вместо значения по умолчанию Z использовали другое название виртуального диска, укажите это в команде.
  • Удалите папку WebServers с диска C.
  • Удалите ярлыки управления локальным сервером с рабочего стола.

Вы полностью удалили «Денвер» с ПК.

Как создать сайт на локальном сервере Xampp

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

В папке Xampp активируйте контрольную панель: запустите приложение xampp-control. На панели запустите сервер Apache и базу данных.

Введите в адресную строку браузера URL http://localhost. Если Xampp работает корректно, вы попадете на страницу приветствия.

Создайте базу данных экспериментального сайта. Для этого введите в адресную строку браузера URL http://localhost/phpmyadmin/. На вкладке «Базы данных» укажите название БД и нажмите кнопку «Создать».

Установите на локальный сервер WordPress. Скачайте дистрибутив с официального сайта и разархивируйте его в папку xampp – htdocs. Укажите URL тестового сайта в качестве названия папки с файлами движка.

Чтобы завершить установку CMS, введите в адресную строку браузера URL http://localhost/folder-name. Вместо значения folder-name укажите название папки с файлами CMS.

Завершите установку и проверьте работоспособность сайта.

Как пользоваться локальным сервером Winginx

Winginx — локальный сервер, с помощью которого можно быстро создать сайт на своем компьютере. Скачайте дистрибутив и запустите программу-установщик. После установки ПО нажмите на иконку Winginx в трее и включите компоненты программы.

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

Перейдите в панель управления phpMyAdmin с помощью меню «Менеджеры баз данных – phpMyAdmin». Создайте базу данных экспериментального сайта.

Откройте папку сайта с помощью соответствующего меню в панели управления Winginx.

Разархивируйте дистрибутив выбранной CMS в каталог public_html.

Введите в адресную строку браузера адрес wp-admin/install.php и установите движок на сервер.

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

Как перенести действующий сайт на локальный сервер

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

  • Запустите локальный сервер и установите на него WordPress.
  • Установите на локальном сайте дизайн-шаблон, который вы используете на реальном ресурсе.
  • Установите на действующий сайт и активируйте плагин Duplicator.
  • В административной консоли выберите меню «Duplicator – Пакеты». Нажмите кнопку «Создать новый».
  • Скачайте созданные пакеты на жесткий диск компьютера. Перенесите их в корневой каталог ресурса на локальном сервере.
  • Введите в адресную строку браузера путь к файлу installer.php на тестовом ресурсе. Вы попадете на страницу установки базы данных.
  • Удалите из корневой директории тестового ресурса файлы install.php и wp-config.php.
  • Укажите имя пользователя и название базы данных экспериментального сайта. Отметьте, что вы прочитали техническое предупреждение и запустите установку копии ресурса на локальный сервер. Запустите установку.

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

Вы можете перенести сайт с сервера хостинг-провайдера на экспериментальный ресурс на локальном сервере без помощи плагинов. Для этого можно воспользоваться функцией «Экспорт» в административной консоли.

С помощью функции «Импорт» можно загрузить полученный файл на локальный сервер.

Что делать, если вы не пользуетесь WordPress? Вот универсальный способ переноса ресурсов. В панели управления phpMyAdmin выберите базу данных экспериментального сайта. Укажите обычный способ экспорта, при котором отображаются все настройки. Выберите метод сжатия gzip. Не меняйте другие настройки. Запустите экспорт БД.

Браузер загрузит на жесткий диск ПК файл с расширением sql.gz. Его необходимо импортировать на сервер хостинг-провайдера. Для этого в панели управления сервером выберите меню «Базы данных – phpMyAdmin».

На вкладке «Импорт» загрузите файл с базой данных.

Описанными способами сайты можно переносить с локального сервера на сервер хостера и в обратном направлении. Также для создания копии ресурса и последующего переноса вы можете воспользоваться инструментами резервного копирования базы данных, например, плагином для WordPress WP Database Backup или аналогами для других движков. Если вы пользуетесь WordPress и локальным сервером Desktop Server, перенести локальный сайт можно с помощью плагина Desktop Server for WordPress.

Какой локальный сервер выбрать

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

Если вы пользуетесь CMS WordPress, обратите внимание на Desktop Server. Установка и настройка этой программы занимают меньше времени по сравнению с другими продуктами. Благодаря плагину для WordPress вы также ускорите перенос готового сайта на сервер хостера. Если вы работаете с другими CMS, используйте любой из предложенных локальных серверов. Например, с Winginx вы сможете запустить сайт и контролировать разработку с помощью удобного планировщика в панели управления программой.

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

kak-zapustit-sayt-na-lokalnom-kompyutere

texterra.ru

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

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

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

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

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

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

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

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

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

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

  • Во-первых, он дает 10 дней бесплатного тестирования.
  • Во-вторых, ваш сайт сразу же доступен по бесплатному домену, типа cvXXXX.tmweb.ru.
  • В-третьих, дальнейшие цены ограничиваются 99 рублями в месяц за все: домен, хостинг, движки и т.д.

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

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

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

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

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

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

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

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

intop24.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.