Как самому создать полноценный сайт, независящий от других интернет-сервисов
1. Cкачать CMS (система управления контентом)
2. Арендовать место для Вашего сайта, на сервере виртуального хостинга
Пусть изначально эти два пункта могут быть непонятны, и даже звучать пугающе, но на самом деле всё очень просто, и делается в течении 30 минут.
Итак, движок CMS (система управления контентом). CMS это набор файлов вашего будущего сайта, которые вы разместите на сервере интернет-хостинга, и подключив к этому набору файлов базу данных, сможете через административную панель полноценно управлять вашим сайтом. Добавлять, редактировать, и удалять информацию, выставлять права доступа и тд.
Скачать CMS
В данной теме мы будем использовать Российскую Систему Управления Контентом InstantCMS, 2 версии. Переходим на официальный сайт InstantCMS, и скачиваем себе на компьютер архив с актуальной версией системы.
В меню выбираем СКАЧАТЬ…
… и переходим на страницу загрузки.
Скачиваем себе на компьютер стабильную версию системы. На сегодня актуальная версия системы 2.18.0.
На этом пока можно оставить официальный сайт системы InstantCMS. Но очень рекомендую сделать на него закладку, так как впоследствии вам придется неоднократно возвращаться к нему. На официальном сайте системы, опубликовано много полезной информации, которая поможет вам настраивать ваш сайт, и управлять им.
Далее Вам нужно арендовать серверное пространство у хостинг-провайдера, на котором будет физически расположен Ваш сайт (файлы CMS), и база данных к нему.
Аренда сервера
Переходим на сайт популярного Российского хостинг-провайдера TIMEWEB, и регистрируемся в качестве клиента.
Переходим на форму регистрации.
Для регистрации, укажите ваш Е-мэйл адрес или зарегистрируйтесь с помощью социальных сетей.
После ввода е-мэйл адреса, и нажатия «СОЗДАТЬ АККАУНТ», вы сразу будете перенаправлены в Панель Управления хостинг-провайдера TIMEWEB.
Здесь вы можете видеть что вам предоставлено 10 бесплатных дней для ознакомления с возможностями сервиса. За это время вы спокойно разместите свой сайт, проверите его работоспособность. По истечении бесплатного ознакомительного периода, вам нужно будет определиться с тарифом достаточным для функционирования вашего сайта, и внести оплату за услуги.
По умолчанию у вас подключается тариф «Year+». На скрине ниже, вы можете видеть технические характеристики данного тарифа.
На данном тарифе вы можете разместить 2 полноценных сайта с базами данных, общим объёмом до 15 гигабайт. Могу вас заверить, что для небольшого корпоративного сайта, этого более чем достаточно. И как вы можете заметить, стоимость размещения этого объёма информации на сервере, по данному тарифу, всего 222 руб. в месяц.
Если говорить о всех необходимых расходах на содержание сайта, то их можно разделить на Обязательные, и Дополнительные.
Обязательные (минимально возможные):
- Оплата виртуального хостинга - 222 руб. в месяц (2 664 руб. в год)*
- Регистрация доменного имени сайта – 179 руб. (первый год), далее 399 руб. в год.*
Итого:
Первый год – 2 843 руб.*
Последующие – 3 063 руб.*
*Данные на июль 2025 года
Необязательные платежи взымаются за дополнительные услуги сервиса. Например, Тариф с более расширенными техническими характеристиками, Сертификат безопасности с расширенными возможностями, Ускорение работы сайта и тд.
Это было маленькое «экономическое» отступление. Продолжим настраивать аккаунт, и размещать Ваш первый сайт.
Действия для публикации сайта в сети Интернет:
- Регистрация доменного имени (адреса сайта в сети Интернет)
- Подключение сертификата безопасности к доменному имени
- Создание сайта (размещение файлов сайта на сервере)
- Создание базы данных
- Привязка домена к сайту
- Запуск сайта на CMS (системе управления контента)
Регистрация доменного имени (адреса сайта в сети Интернет)
Находясь в своем аккаунте на TIMEWEB, перейдите по ссылке «Купить домен».
Вы попадаете на страницу выбора и регистрации доменного имени вашего будущего сайта.
Здесь вам нужно выбрать доменную зону, и придумать доменное имя сайта.
Доменная зона RU – имя сайта латиницей (moysaytik.ru)
Доменная зона РФ – имя сайта кириллицей (мойсайтик.рф)
Если придуманное вами доменное имя уже зарегистрировано в интернете, то система выведет соответствующее сообщение, и попросит вас придумать новое имя.
Выбрав для сайта уникальное имя, нажмите Зарегистрировать. После этого откроется форма ввода персональных данных. Вам нужно указать свои ФИО, паспортные данные, регистрацию и тд.
Доменное имя сайта, это идентификатор ресурса в сети Интернет. Указывая свои персональные данные, вы по сути оформляете права собственности на имя (интернет-адрес сайта). Зарегистрировать доменное имя можно как на Физическое, так и на Юридическое лицо. Выберите нужный вариант в форме указания персональных данных.
После отправки запроса на регистрацию доменного имени, нужно выждать некоторое время (на память, от часа до суток), пока регистратор оформит его.
Как вы смогли заметить, доменных зон для регистрации имени сайта, на сегодняшний день очень много. На любой вкус и кошелёк как говорится. В данной статье я указал лишь две, RU и РФ, на мой взгляд самые распространенные и недорогие в России. Но при желании, и финансовой возможности вы можете выбрать любую доменную зону из представленных, для регистрации имени вашего сайта.
Подключение сертификата безопасности к доменному имени
После того как вы получите уведомление о том, что выбранное вами доменное имя зарегистрировано на вас, можно нему подключить Сертификат безопасности.
В панели управления переходим Домены >> SSL-сертификаты.
На странице выбора сертификата можно остановится на минимуме, для начала, и подключить бесплатный сертификат SSL Let’s Encrypt.
Нажимаете Заказать. На следующей странице вы можете ознакомится с характеристиками данного сертификата. Выбрать доменное имя, к которому нужно подключить этот сертификат. Также, по желанию, вы можете воспользоваться Дополнительными услугами по обслуживанию сертификата специалистами TIMEWEB. Затем соглашаетесь с правилами предоставления услуг, и нажимаете Заказать. По истечении небольшого промежутка времени (это может быть несколько минут), заказанный сертификат будет прикреплен к вашему Домену.
На странице Мои домены, вы сможете посмотреть состояние подключенного сертификата. Напротив вашего доменного имени будет иконка Щит. Двухцветный щит – сертификат не установлен, одноцветный щит – сертификат установлен.
Для чего вообще нужен Сертификат безопасности на домен.
Сертификат безопасности обеспечивает защищённое (зашифрованное) соединение пользователей с вашим сайтом, по безопасному протоколу HTTPS.
Пример url адреса с разными протоколами:
http://kubano-id.ru - Незащищённое соединение
https://kubano-id.ru - Защищённое соединение
Современные браузеры могут просто не открыть сайт пользователю если на нём не установлен Сертификат безопасности. Вместо перехода на ваш сайт, пользователь увидит предостерегающее сообщение, о том что сайт работает по незащищённому соединению, и введенные им данные могут быть украдены.
Соответственно пользователь тут же покинет ваш сайт, и возможно уже никогда к нему вернется.
Создание сайта (размещение файлов сайта на сервере)
В панели управления перейдите Сайты >> Мои сайты.
На странице где будут отображены все созданные вами сайты, нажмите Создать.
В открывшемся окне вам нужно будет ввести (придумать) название коренной директории (папки) вашего сайта. При необходимости вы можете добавить комментарий к директории вашего сайта. Чтобы впоследствии (когда их будет 1 000+), вы могли легко отыскать нужный.
Именно в этой директории и будут хранится файлы вашего сайта.
Далее вам нужно загрузить файлы вашего сайта в созданную коренную директорию. Для этого переходим в Файловый менеджер.
Здесь мы видим созданную вами ранее корневую директорию (папку) вашего сайта. Войдите в папку с сайтом. Внутри будет типовая директория public_html, войдите в неё.
Внутри public_html вы увидите директорию cqi-bin, и индексный html-файл.
(Цитата Яндекс) Директория cqi-bin (Common Gateway Interface — Binary) служит местом хранения исполняемых программ на веб-сервере. Обычно это программы на языках Perl или Python, которые обрабатывают данные, предоставленные пользователями из веб-форм или других источников.
Сейчас нам эта директория не нужна, но возможна понадобится в будущем. Поэтому её просто трогать не будем, оставим как есть.
Файл index.htm, это заглушка от TIMEWEB, интернет-страница примерно следующего содержания:
На ваше усмотрение, её можно удалить. Поставьте галочку напротив файла, и нажмите иконку удаления (на скрине выше).
В итоге вы получите следующее содержимое корневой директории вашего сайта:
Именно сюда мы и поместим файлы нашего сайта.
Находясь в директории public_html вашего сайта, в верхнем меню выберите Загрузить. При загрузке выберите скачанный ранее архив InstantCMS (система управления контентом), который вы сохранили на вашем компьютере.
Обязательно выберите Распаковать архив при загрузке (Разархивировать).
В итоге, в течении нескольких секунд, файлы вашего сайта будут загружены на сервер.
Создание базы данных
В панели управления перейдите в Базы данных. На странице где будут показаны все созданные вами базы, выберите Создание новой базы данных.
В появившейся форме введите название базы данных. Это название будет также именем пользователя создаваемой базы данных.
Вам нужно придумать только вторую часть названия (после нижнего подчеркивания), в первой части будет автоматически подставлен ваш Логин к аккаунту TIMEWEB.
Далее придумайте, или Сгенерируйте надёжный пароль. После чего нажмите Создать.
! Обязательно сохраните где-нибудь Название базы/Имя пользователя базы и пароль. Скоро они вам понадобятся.
Привязка домена к сайту
Перейдите на страницу Мои домены, и напротив вашего домена нажмите Плюс (привязать сайт к домену). Выберите сайт к которому нужно привязать данный домен, и нажмите Прявязать.
Всё, через несколько минут, корневая директория вашего сайта будет доступна в сети Интернет по доменному имени. Например: https://moysaytik.ru.
Запуск сайта на CMS (система управления контента)
Введите в адресной строке браузера доменное имя вашего сайта, с протоколом https:// (пример - https://moysaytik.ru).
После этого вам откроется Мастер установки системы InstantCMS.
На первом пункте установки нажмите Далее.
На втором пункте вам нужно ознакомится с лицензией, согласится с условиями, и нажать Далее.
Далее идёт проверка PHP скриптов установленных на сервере TIMEWEB, которые необходимы для стабильной работы InstantCMS.
Можете ознакомится, убедится что всё необходимое есть, и нажать Далее.
На четвертом пункте установки, вы можете ознакомится с формированием путей до папок и файлов, важных для функционирования системы. Нажмите Далее.
На следующем этапе установки, вы уже можете задать первые настройки для вашего сайта.
- Название сайта
- Заголовок главной страницы
- Ключевые слова
- Описание сайта
Пункты Шаблон сайта и Шаблон админпанели, лучше пока не трогать, оставить как есть.
Всё это можно указать и позже, уже непосредственно в Административной панели сайта. Тут по желанию, либо пропишите сразу, либо просто нажмите Далее.
На шестом пункте установки остановимся подробней, здесь нужно заполнить поля для взаимодействия CMS системы, с базой данных сайта на сервере TIMEWEB.
Здесь нужно будет вернутся к сохраненным вами Названии и паролю, которые вы вводили при создании базы данных на сервере.
По полям:
- Сервер MySQL – оставляем localhost
- Пользователь – указываем имя пользователя базы данных
- Пароль – указываем пароль базы данных
- Галочку для создания базы данных ставить не нужно. Так как базу данных вы уже создали ранее на сервере.
- Поле База данных – указываем название базы данных (повторяет имя пользователя)
- Кодировка базы данных – оставляем UTF8mb4
- Движок базы данных – оставляем InnoDB
- Префикс таблиц – оставляем cms_
- Таблица с пользователями – создать новую
- Установить демо данные – установите галочку для создания демо данных***
*** Демо данные нужны для более скорейшего ознакомления с системой InstantCMS, и тем, как ею управлять.
Благодаря тому что после установки и запуска, вы получите сайт уже заполненный информацией, вам будет легче понять как редактировать, удалять, управлять контентом на сайте.
После заполнения всех необходимых полей, нажмите Далее.
На седьмом пункте, введите данные главного Администратора сайта. Того кто будет иметь Максимальные права для управления, настройки, и редактирования сайта.
Главный Администратор в свою очередь, сможет уже наделять правами других пользователей сайта (модераторов например), и давать им, на своё усмотрение, ограниченные или полные права на управление различными разделами сайта.
Также, введённые на данном пункте установки, Е-мэйл и пароль будут данными для авторизации главного Администратора на сайте. Заполните данные поля, сохраните где-нибудь эту информацию, и нажмите Далее.
Следующий пункт установки, Создание файла конфигурации, скорее информативный, и сейчас его можно пропустить, просто нажав Далее.
Но в последствии уже после запуска сайта, я бы рекомендовал вам пройти по пути*** расположения данного файла в Файловом менеджере сервера TIMEWEB, и проверить установленные права доступа на папки и файлы. При необходимости установить рекомендуемые.
*** У меня на скрине это путь затёрт, но при установке вы будете видеть где расположен файл конфигурации вашего сайта.
Далее очередной информативный пункт о работе Планировщика*** на сайте.
*** Планировщик задач в системе CMS, это PHP файл (cron.php) который при взаимодействии с панелью задач Crontab на сервере TIMEWEB, позволит вам автоматизировать некоторые задачи по администрированию сайта.
Посмотрите, почитайте, изучите и нажмите Далее.
И наконец последний пункт Мастера установки, Завершение.
Здесь Обязательно нужно удалить папку install на сервере TIMEWEB, в Файловом менеджере. И уже после этого нажать на ссылку ПЕРЕЙТИ НА САЙТ в Мастере установки InstantCMS.
Кликнув по ссылке «Перейти на сайт», вы наконец попадаете на главную страницу Вашего сайта, созданного собственными руками и головой. С чем Вас и Поздравляю!
Тут вы уже можете погулять по страницам Вашего сайта, и на основе установленных ранее демо данных, поразмышлять как и где вы будете размещать свой контент.
Также вы можете авторизироваться на сайте с данными главного Администратора, и ознакомится с Панелью Управления InstantCMS.
Введите Е-мэйл адрес и пароль администратора сайта, который вы указывали в Мастере установки InstantCMS.
После чего, в персональном меню перейдите в любой подпункт ссылки Панель управления.
И Вуаля, вы в Административной панели вашего сайта. Творите!
Если всё же остались вопросы по запуску сайта, можете писать в теме. По возможности отвечу… или ответят.)
И ещё…
Полезные ссылки
