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

Обновлено: 01.07.2024

Обязательные условия

Хорошее интернет-соединение

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

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

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

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

Большой объем физической памяти

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

Статический IP адрес

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

Алгоритм запуска сайта на своём компьютере

Удостоверившись в том, что у вас есть все необходимые для поддержки ресурсы, вы можете приступать к запуску. Я покажу на примере программного обеспечения Open Server. Оно полостью бесплатное, однако за любое денежное пожертвование его можно скачать быстрее. Open Server представляет собой серверную платформу, разработанную специально для использования веб-мастерами. Благодаря ей можно избежать необходимости вручную скачивать и устанавливать целый перечень дополнительных программ по типу php, apache, MySql и так далее.

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

Отмечу, что помимо Open Server существуют и другие пакеты, к примеру – Denver, или xampp. Однако они работают хуже рассматриваемого ПО, поэтому я отдаю предпочтение именно ему.

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

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

После загрузки нужно установить программу. Размещать её следует непосредственно в корне диска, а не в какой-либо папке. После установки на диске вы найдёте несколько папок и 2 файла установки. В « domains » размещаются папки с запускаемыми сайтами. В « modules » помещается дополнительное ПО. Файлы установки рассчитаны на разные конфигурации систем: выбирайте и запускайте соответствующий. Но перед этим отключите антивирус, иначе он может заблокировать определённые операции установки, из-за чего пакет инсталлируется неправильно. Установку дополнительных компонентов пропускать не стоит.

Установив и запустив программу, вы увидите в правом нижнем углу экрана панель Open Server. По кнопке «Запуск» вы включите сервер, функции кнопок «Перезапустить» и «Остановить» понятны по их названию. В параметрах содержится множество различных пунктов, но они нужны для углублённой работы с программой. Разработчики-специалисты самостоятельно разберутся в них, а простым владельцам, желающим протестировать сайт, они вряд ли понадобятся. Вам нужно просто разместить сайт в соответствующей папке и выбрать его в программе.

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

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

Для начала зарегистрируемся на Гитхабе. Откроем главную страницу. Здесь в форме нужно ввести логин, электронную почту и пароль для создания учётной записи. Нажимаем «Зарегистрироваться».

Главная страница Гитхаба

Регистрируемся на Гитхабе

Далее нужно подтвердить свой аккаунт, выбрать тарифный план (для нас подойдёт бесплатный) и затем подтвердить электронную почту.

Выбор тарифного плана при регистрации на Гитхабе

Регистрируемся на Гитхабе

Итак, мы зарегистрировались. Что дальше? А дальше нам нужно создать хранилище, где будет лежать код сайта. Нажимаем ссылку New repository .

Далее нужно выбрать название для хранилища, например my-site , и указать тип репозитория (у нас будет публичный). Обязательно устанавливаем галочку Initialize this repository with a README , а после нажимаем кнопку Create repository .

Интерфейс создания нового репозитория

Создаём репозиторий

Репозиторий создан, теперь нужно загрузить файлы с кодом, для этого воспользуемся веб-интерфейсом Гитхаба. Нажмём кнопку Upload files .

Интерфейс репозитория в Гитхабе

Загружаем файлы

Перетащим файлы в появившееся поле для загрузки.

Интерфейс загрузки файлов в репозиторий Гитхаба

Загружаем файлы

По правилам, каждое изменение в репозитории мы должны сопроводить кратким описанием, что делает это изменение, например, «загружает файлы сайта». Добавим описание и нажмём кнопку Commit changes .

Загрузка файлов в репозиторий

Добавляем описание

Готово! Сайт-портфолио залит на Гитхаб.

Интерфейс репозитория в Гитхабе с загруженными файлами

Сайт-портфолио на Гитхабе

Остаётся настроить его, чтобы сайт можно было открыть в браузере. Для этого нужно перейти в настройки репозитория Settings , пролистать настройки вниз до раздела GitHub Pages и в выпадающем списке выбрать ветку main . Изменения сохраняются автоматически.

Интерфейс настройки репозитория

Настраиваем репозиторий

Давайте теперь попробуем открыть сайт в браузере. Он будет доступен по адресу: [ваш логин].github.io/[название репозитория] .

Сайт, открытый в браузере

Ура, сайт в интернете!

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

Отредактированный проект в редакторе VS Code

Редактируем текст на главной странице

Теперь вам нужно заново загрузить эту страницу на Гитхаб, добавив краткое описание, что делает изменение, например, «меняет текст на главной странице». Снова нажимаем Commit changes .

Отредактированный проект в редакторе VS Code

Загружаем изменённый файл

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

Отредактированный сайт в браузере

Сайт готов!

Разработка сайта подразумевает под собой целую серию задач. От создания HTML-разметки и написания скриптов до аренды сервера, покупки собственного доменного имени и размещения ресурса в интернете.

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

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

Выбираем хостинг

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

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

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

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

Размещаем сайт на виртуальном хостинге

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

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

Создать и разместить страницу на виртуальном хостинге Timeweb можно двумя способами:

  • Автоматически — когда большая часть файлов, включая рабочую CMS, попадает на сервер еще на этапе аренды.
  • Вручную — когда вы покупаете у хостинга только папку и сами решаете, что с ней делать.

Ручной режим настройки

Как я уже отметил выше, под ручным режимом понимается настройка практически с нуля. Мы арендуем пустой виртуальный хостинг, в котором будет только папка public_html. Будем сами загружать на удаленный ПК HTML-файлы, скрипты, стили и медиаконтент. Создадим и зарегистрируем новое доменное имя через сервис Таймвэб. При необходимости настроим CMS.

Такой метод публикации дает больше гибкости. Можно установить любую CMS на свой выбор, не опираясь на список CMS, доступных в каталоге хостинга. К примеру, Timeweb не предлагает автоматически устанавливать DataLife Engine, но если арендовать пустой ВХ, то будет возможность сделать это самостоятельно.

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

Зарегистрируем учетную запись в Timeweb и арендуем ВХ с подарком.

  • Кликаем по строчке «Хостинг».
  • В выпавшем списке опций выбираем «Виртуальный хостинг».

Выбор типа хостинга в Timeweb

  • Выбираем подходящий тариф и нажимаем на «Заказать» под одним из них.

Выбор тарифа для хостинга в Timeweb

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

Форма для ввода персональных данных

  • Кликаем по иконке в виде кошелька в верхнем правом углу экрана.

Меню оплаты услуг хостинга

  • Выбираем удобный способ оплаты (поддерживаются банковские карты и системы цифровых платежей Apple Pay, Google Pay).
  • Открываем раздел «Бонусы и промокоды» в боковой панели интерфейса Timeweb.

Меню с бонусными кодами хостинга

  • Кликаем по кнопке «Активировать» напротив строчки «Бесплатный домен в зоне…».

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

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

Чтобы его зарегистрировать:

  • Открываем раздел «Домены и поддомены» в панели управления хостинга.

Меню настройки доменов и поддоменов

  • Переходим к подменю «Администраторы доменов».
  • Кликаем по кнопке «Добавить администратора».

Меню добавления администраторов для доменов

  • Вводим персональные данные администратора и жмем на «Создать».

Форма ввода данных для нового администратора

  • Возвращаемся к предыдущему окну и кликаем по пункту «Зарегистрировать домен».
  • Вписываем выбранное имя в поисковую строку. Система проверит, доступен ли выбранный вариант. Если недоступен, то хостинг предложит один из похожих, но свободных вариантов. Если доступен, то можно будет продолжить, нажав на «Зарегистрировать».

Поиск свободного имени для сайта

  • Листаем открывшуюся страницу вниз, ищем строчку «Сумма к оплате» и выбираем вариант оплаты бонусами.

Готовим файлы сайта к загрузке на хостинг

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

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

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

Как почувствуете, что готовы, переходите к следующему шагу.

Загружаем файлы через встроенный файловый менеджер Timeweb

Timeweb позволяет загружать файлы на ВХ через панель управления с помощью браузера.

  • Открываем «Файловый менеджер» в панели управления Таймвэб.

Файловый менеджер в боковой панели ПУ

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

Папка public_html на хостинге

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

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

Загружаем файлы через FTP-клиент

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

  • Открываем FTP-клиент (подойдет Explorer в Windows или Finder в macOS, но лучше использовать специализированные решения в духе Filezilla).
  • Подключаемся к по протоколу FTP к своему виртуальному хостингу (адрес можно узнать на главной странице панели управления или в техподдержке провайдера).

Подключение к ВХ по FTP

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

Автоматический режим настройки

У Таймвэб есть все для развертывания ресурса с нуля. Достаточно выбрать правильный раздел в меню и ввести персональную информацию. Полноценный ресурс с популярной CMS и домен впридачу.

  • Открываем официальную страницу хостинга.
  • Кликаем по подпункту «Хостинг» в левом верхнем углу.
  • Во всплывшем списке выбираем пункт «Хостинг для CMS».

Выбор хостинга для CMS

CMS, доступные в Timeweb

  • Указываем персональные данные для входа в систему и управления сервером.

Все, осталось зарегистрировать имя и загрузить файлы. Можно пользоваться!

Размещаем сайт на виртуальном выделенном сервере (VDS)

Это инструкция для тех, кто арендовал не папку на сервере, а отдельную виртуальную машину, которой можно управлять как полноценным удаленным ПК без ограничений. Чтобы управлять VDS, нужны SSH-клиент или проприетарная панель управления. Например, ISPmanager или VestaCP.

Дополнительное ПО в Timeweb

Я покажу, как разместиться на хостинге с помощью нее, так как ISPmanager довольно популярна, удобна и по умолчанию поддерживается большинством хостингов, включая Таймвэб.

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

Создаем домен и регистрируем его

Разберем вариант регистрации стороннего домена и добавления его к VDS через ISPmanager.

  • Покупаем домен на соответствующем ресурсе.
  • Регистрируем домен с помощью специального сервиса-регистратора.
  • Настраиваем DNS-сервер для вновь созданного доменного имени (подробная инструкция тут).
  • Открываем ПУ.
  • Кликаем по меню «Домены».

Меню в ISPmanager

Кнопка создания нового домена

Форма добавления нового домена

  • Нажимаем на ОК, чтобы сохранить внесенные изменения.

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

Создаем базу данных

Если вам нужна БД, то:

  • Открываем ПУ ISP.
  • Выбираем «Инструменты».
  • Переходим в пункт «Базы данных».

Создание базы данных в ISP

Кнопка создания новой базы

  • Вводим пользовательские данные (они касаются самой БД и ее администратора; там должно быть имя, тип кодировки, пароль от учетной записи и т.п.)
  • Нажимаем на ОК, чтобы сохранить внесенные изменения.

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

Загружаем файлы сайта

Большую часть ручной работы мы проделали. Теперь надо перенести HTML, CSS и JavaScript-файлы на удаленную «машину» провайдера, чтобы наконец привести их в рабочий продукт, готовый для посещения.

  • Запускаем панель управления ISP.
  • Открываем пункт «Система».

Менеджер файлов в ISP

  • Переходим в подпункт «Менеджер файлов».
  • Нажимаем на «Закачать» в верхней части интерфейса.

Кнопка закачки файлов на сервер

  • Выбираем тип файла «Файл с локального компьютера».
  • Нажимаем на «Обзор» и указываем путь до архива с данными вашего проекта.

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

  • Кликаем по «ОК», чтобы загрузить сайт на сервер.
  • Затем с помощью встроенного в ПУ архиватора распаковываем файлы в корневой каталог. При необходимости выдаем права на чтение и запись файлов.

Кнопка извлечения в архиваторе ISP

Как разместить сайт на хостинге бесплатно?

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

Во-вторых, есть GitHub. На нем можно опубликовать статичный лендинг без динамических файлов, даже не имея платной учетной записи. А еще Google App Engine — бесплатная платформа для размещения веб-приложений в сети (это что-то в духе VDS, только на мощностях Google).

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

Пример кода в JSFiddle

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

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

Определяем доменное имя

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

На каком хостинге разместить сайт?

Надежный провайдер должен отвечать следующим условиям:

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

Где лучше разместить сайт? Мы рекомендуем остановиться на провайдере Хостлэнд.

Почему Hostland?

Основное преимущество провайдера Hostland – адаптация под особенности конкретной системы управления содержимым (CMS). Любая CMS имеет слабые места, которые проявляются при необходимости более «тонкой» настройки сайта в результате увеличения нагрузки на сервер и прочих проблемах. Hostland предлагает оптимальные настройки для каждой CMS. Это идеальное решение для дальновидных, практичных веб-мастеров, не знающих, где разместить сайт.

  • Бесперебойная и быстрая работа системы.
  • Удобное использование. Новые дополнения, обновления, плагины можно установить и настроить без каких-либо затруднений.
  • Возможность разместить сайт бесплатно для тестирования на 30 дней.
  • Оптимальное соотношение стоимости и качества. На первый взгляд стоимость услуг может показаться существенной, но в перспективе провайдер обеспечивает максимальную экономию, ведь не нужно платить за адаптацию системы либо исправление ошибок.
  • Оперативная техническая поддержка в любое время суток.

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

Сколько стоит разместить сайт? Подбираем тариф

Чтобы определить оптимальный тариф, необходимо знать:

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

Hostland предлагает 6 тарифов: 3 скоростных и 3 тарифа с большим дисковым пространством:

Скоростные тарифы
Тарифы с большим дисковым пространством

Разместить сайт бесплатно

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

хостинг хостлэнд

Как разместить сайт на сервере с помощью Total Commander

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

разместить сайт бесплатно

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

активация аккаунта

Подберите для себя необходимый домен на странице подбора и регистрации домена

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

Стоимость доменного имени будет отображена на данной странице.

Все способы оплаты указаны на данной странице

заполнение анкеты

Вносим свои данные.

Сохраняем информацию и приступаем к регистрации доменного имени, нажав «Зарегистрировать домен». В открывшейся вкладке вводим адрес своего сайта.

После регистрации доменного имени необходимо создать базу данных сайта. Сначала загружаем FTP-клиент Total Commander и производим необходимые настройки в приложении согласно инструкции

переносим файлы сайта через total commander

Нажимаем в Total Commander «Соединиться» и вносим файлы из архива сайта в директорию домена.


создаем базу данных сайта

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

добавление пользователя MySQL

Затем открываем вкладку «Базы данных MySQL» и жмем «Добавить базу данных MySQL».

добавление базы данных MySQL

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

выбираем пользователя MySQL

Далее заходим в PHPMyAdmin и открываем созданную базу данных.

открываем базу данных MySQL
перенос файлов на сервер

После открытия нажимаем вкладку «Импорт» в верхней панели. Жмем на «Выберите файл» и жмем на архив вашего сайта, расположенный на компьютере.

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

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

И в завершении, вносим изменения в файл «.php» согласно созданной ранее базе данных и переносим файл на сервер.


Сегодня многие начинающие веб-разработчики делают большую ошибку, и не одну. Они что-нибудь сверстают, а потом покупают хостинг. Далее покупают домен. Регистрируют и подключают SSL-сертификат. Я, спасаясь от минус-кармы, просто расскажу как не тратить деньги на свои тестовые проекты.

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

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

Итак, на сегодня они предлагают:

  • 1 бесплатный сайт
  • 1 БД MySQL
  • PHP Нескольких версий
  • Подключение домена
  • 300mb места на SSD (был гигабайт, жмоты!)
  • FTP

Что делать?

  1. Регистрируемся — это просто!
  2. Нажимаем «Создать сайт», делаем, что там просят.

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

Так что, выбираем.

  1. Регистрируемся — это просто!
  2. Идем во вкладочку «Services» сверху, а потом — «Register a new domain».
  3. После все подскажет сам сервис.
  4. После успешной регистрации домена снова нажмите «Services», а там — «My domains». Не закрывайте эту вкладку.

«Рак Интернета« - прекрасное альтернативное название — такому прекрасному бесплатному сервису. Я думаю, нам подходит. Кроме того, что CloudFlare защитит нас от DDOS-атак и прокэшиует наш сайт, ускоряя его, они нам подарят бесплатный сертификат. Это очень удобно.

Легко

  1. Регистрируемся в CloudFlare, выбирая бесплатный план.
  2. Добавляем наш сайт: вам нужно снова пойти и изменить серверы имен во Freenom — удалите старые и поставьте те, что предлагает сервис.
  3. Вам сразу предложат настроить SSL, рекомендую пункт «Flexible».
  4. В настройках много интересного.

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


вашего сайта, на все страницы, вот это:


Таким образом, Вы скроете надоедливое лого 000webhost. Многие движки, например Эгея, магическим образом сами его убирают.

При некоторой сноровке, возможно проделать все эти действия за

45 мин. Так на свет появилась "Пара Строк".

Я не надеюсь, что эта статья сиюминутно принесла вам пользу, но Вы всегда можете поместить ее в закладки на Хабре :) Спасибо за прочтение!

Читайте также: