Как бесплатно сделать сайт с нуля?

У меня часто спрашивают:

Как купить хостинг?
Как купить домен?
Как привязать домен к сайту?
У меня есть домен, как мне сделать сайт?

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

Покупка хостинга

Что такое хостинг?
Хостинг — это выделенное пространство под ваш сайт на сервере вашего хостера, которое вы оплачиваете ежегодно, чтобы ваш сайт всё время был доступен в сети интернет.

Как купить хостинг?

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

Настройки домена и хостинга у регистратора и хостера beget (хостинг-провайдер).com (доменная зона).
При покупке хостинга на 1 год регистрация домена идет в подарок. При регистрации домена хостинг сам всё настроит, надо лишь зайти в раздел «Мои сайты» и напротив домена нажать на шестеренку и выставить версию PHP (язык программирования) 8.1 или самую высокую.

Вам понадобится база данных SQL (язык запросов к бд) в разделе MySQL (система управления бд) хостинга Бегет, вы заранее создайте базу данных.

Покупка домена

Что такое домен?
Домен — это имя вашего сайта вида «www (префикс веб-адреса).site-name (имя элемента).ru». Домен может состоять из одного слова латиницей или нескольких слов, разделенных дефисом.

Как купить домен?

Купить домен можно у любого регистратора, таких как nic (сетевой информационный центр).ru, reg.ru. Лично мы отдаем предпочтение хостингу и регистратору доменов beget (хостинг-провайдер).com (доменная зона). Это партнерство, проверенное годами сотрудничества.

Разработка сайта

С чего начать?
Заходите на сайт miwix.ru, справа вверху нажимаете оранжевую кнопку «Скачать» (это файл для установки CMS (система управления контентом) MIWIX), файл находится в архиве .zip (архивный формат). Возьмите из архива файл miwix.php (язык программирования) и разместите его на хостинге в корневой папке вашего будущего сайта, на разных хостингах путь может отличаться, в случае с Бегетом путь будет такой: site.ru/public_html/, где вместо site.ru ваш домен.

Как зайти на сервер: или через веб-интерфейс хостинга, или с помощью программы FileZilla (клиент ftp (передача файлов)). При регистрации хостинга вам на контактный e-mail (электронная почта) пришли доступы FTP (передача файлов) в FileZilla (клиент ftp (передача файлов)), в верхней части заполняете 3 поля — сервер, логин и пароль — и вот вы внутри вашей площадки.

Установка CMS (система управления контентом) системы

Вы уже залили файл miwix.php (язык программирования) в папку site.ru/public_html/, где вместо site.ru ваш домен, теперь заходите в любой браузер, который установлен у вас на компьютере (Гугл Хром, Яндекс Браузер или любой другой), и в верхней строке прописываете путь к файлу-установщику: https://site.ru/miwix.php. У вас откроется окно установки.
На первом экране надо в поля вписать данные базы данных, на втором экране — данные первого пользователя и путь к панели администратора, и всё, вы установили CMS (система управления контентом) MIWIX на свой хостинг! Вам пришло письмо, переходите по ссылке в панель администратора, будем устанавливать шаблон!

Альтернативный метод установки CMS (система управления контентом) MIWIX без файлового менеджера:

Установка шаблона на CMS (система управления контентом) систему

Для начала в панели администратора надо установить модуль шаблонов. Итак, переходите на вкладку «Разработчику», затем в «Магазин модулей», в поиске пишем «шаблон», устанавливаем модуль Themes.

Затем переходите слева на вкладку «Разработчику» и выбираете пункт «Шаблоны», устанавливаете понравившийся.

Оформление сайта (редактирование шаблонов) - замена текстов

Изменение шаблонов главной страницы, «О компании», «Контакты», «Услуги» делается через встроенный редактор.
Если вы авторизованы в панели администратора, на пользовательской части сайта у вас в нижнем левом углу появится дополнительное меню. Нажимаете на шестеренку, и первая иконка сверху позволит редактировать сквозные блоки, такие как «Шапка», «Подвал» или боковые меню, а вторая иконка сверху поможет вам редактировать шаблон страницы, на которой вы находитесь.

Оформление сайта (редактирование шаблонов) - замена фото

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

У вас откроются все фотографии с текущей страницы, заранее подготовьте нужное фото (размер: ширина — высота в пикселях и расширение: .jpg (формат изображения), .jpeg (формат изображения) или .png (формат изображения) должны совпадать с оригиналом).

Наполнение сайта

Наполнение сайта делается через панель администратора на вкладке Основные разделы — Инфостраницы и Каталог, если есть.

Как добавить информационную страницу:

Как добавить новость:

Финальные настройки

После оформления и первичного наполнения сайта откройте сайт для индексации поисковыми системами. Для этого в панели администратора на главной странице отредактируйте файл robots.txt (файл инструкций для роботов) — удалите Disallow (запрещено в robots.txt): / на строках 2, 16, 29, у вас останется 37 строк, теперь на строке 12 и 37 вместо site.ru впишите ваш сайт.

Последний штрих — сделать редирект c http (протокол передачи данных) на https (защищённый протокол) и с www (префикс веб-адреса) на без www (префикс веб-адреса). Для этого перейдите в панели администратора слева в разделе «Системные» вкладка — «Настройки» и напротив пункта «Редирект c http (протокол передачи данных) на https (защищённый протокол) / с www (префикс веб-адреса) на без www (префикс веб-адреса)» нажмите на кнопку «Включить».

Сайт готов!

Почитайте статью: Эталон качества сайта

Почитайте статью: Курсы веб-разработчика