---
title: Как сделать сайт на Joomla 4 – бесплатное видео
description: Бесплатная пошаговая видео инструкция по самостоятельному созданию сайта с нуля на Джумла 4: установка OpenServer, установка Joomla 4, её настройка, русификация
canonical_url: https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta
language: ru-RU
date: 2024-01-28T14:58:16Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta.
markdown-tokens: 2598
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4
- [Видео урок](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta#video-urok "Видео урок").
- [Подготовительный этап и примечания по видео урокам](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta#podgotovitelnyj-etap-i-primechaniya-po-video-urokam "Подготовительный этап и примечания по видео урокам").
- [Ссылки и расширения из видео урока](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta#ssylki-i-rasshireniya-iz-video-uroka "Ссылки и расширения из видео урока").
- [Список вопросов, рассмотренных в уроках 1-9](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta#spisok-voprosov-rassmotrennykh-v-urokakh-1-9 "Список вопросов, рассмотренных в уроках 1-9").
**Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).**
Joomla 4 – это бесплатная русскоязычная «платформа» для создания сайтов практически любой сложности: лендинги, сайты-визитки, каталоги, интернет магазины, блоги, форумы, социальные сети, доски объявлений и т.д..
## Видео урок
- Установка и настройка локального сервера OpenServer – 00:02:17.
- Установка Joomla 4 на OpenServer – 00:12:15.
- Русификация Joomla 4 – 00:16:56.
- Перенаправлять URL (файл «.htaccess») – 00:17:52.
- Смена логина и пароля своей учётной записи – 00:23:59.
- Создание новых пользователей – 00:24:18.
- Отключение модулей админки – 00:25:15.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Для Джумла существует более 6000 расширений для обеспечения функциональности и тысячи шаблонов для формирования дизайна. Часть из них бесплатные, часть платные. Система переведена на десятки языков, включая русский, украинский, английский, немецкий, французский и т.д. Для неё легко найти недорогой или даже бесплатный хостинг, а также документацию и видео уроки.
В данном цикле видео уроков мы рассмотрим пошаговый процесс самостоятельного создания сайта на Joomla 4 с нуля и до выгрузки на хостинг. В видео будут рассмотрены только бесплатные расширения. За основу будет взят бесплатный шаблон [Helix Ultimate](https://www.joomshaper.com/joomla-templates/helixultimate "Free Universal Joomla Template for any Website"), а в качестве основного компонента для создания страниц рассмотрим конструктор контента [SP Page Builder Lite](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite " Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla ").
По итогам цикла видео уроков получится сайт фирмы (рисунок ниже) на русском языке с адаптивным дизайном, главной страницей в виде мини-лендинга, галереей работ, блога, страницы контактов и т.д. Ориентировочный пример конечного сайта можно увидеть [на демонстрационном сайте разработчика](https://demo.joomshaper.com/2018/helixultimate/index.php/home/legacy "Бесплатный шаблон для Joomla 4").
 Самостоятельное создание сайта В уроке участвует последняя доступная мне, на момент написания статьи (24.12.2021), русскоязычная версия Joomla 4.0.5 и Open Server Panel 5.4.1.
Аналогичный видео урок, но на украинском языке и для более новой версии Joomla, доступен в статье «[Відеоурок 1. Самостійне створення сайту на Joomla 4](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4 "Відеоурок 1. Самостійне створення сайту на Joomla 4")».
## Подготовительный этап и примечания по видео урокам
В предыдущем цикле [видео уроков по самостоятельному созданию сайта](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh "Видео уроки Joomla (часть 1). Как создать сайт кафе") мы рассмотрели Joomla 3. Несмотря на то, что предыдущие уроки вышли в декабре 2017 года, **настоятельно рекомендую ознакомиться с теоретической составляющей**, описанной в статье «[Видео уроки Joomla (часть 1). Как создать сайт кафе](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#podgotovka-k-sozdaniyu-sajta "Видео уроки Joomla (часть 1). Как создать сайт кафе")», которая касается подготовительного этапа. Данный этап выполняется до непосредственного создания сайта и может существенно улучшить конечный результат и сократить время на саму разработку сайта. Эта информация не устарела и пригодится для тех, кто решил самостоятельно создать сайт в Джумла 4.
Также **рекомендую ознакомиться с такими теоретическими вопросами**, актуальными и для Joomla 4:
- [Компоненты, модули и плагины](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#komponenty-moduli-i-plaginy "Видео уроки Joomla (часть 1). Как создать сайт кафе").
- [Где искать расширения Joomla](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#gde-iskat-rasshireniya-joomla "Видео уроки Joomla (часть 1). Как создать сайт кафе").
- [Шаблон и его позиции, сетка Bootstrap](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#shablon-i-ego-pozitsii-setka-bootstrap "Видео уроки Joomla (часть 1). Как создать сайт кафе").
- [URL, алиасы, имена файлов](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#url-aliasy-imena-fajlov "Видео уроки Joomla (часть 1). Как создать сайт кафе").
**Примечания касательно видео уроков**. В конце каждой статьи с видео уроком могут даваться ссылки на дополнительные материалы и ссылки на загрузку разных расширений, которые использовались в видео (если таковы были).
## Ссылки и расширения из видео урока
- [Ориентировочны пример конечного сайта](https://demo.joomshaper.com/2018/helixultimate/index.php/home/legacy "Бесплатный шаблон для Joomla 4").
- [Предыдущий цикл видео уроков по Joomla 3](https://aleksius.com/joomla/uroki-po-joomla "Уроки по Joomla").
- [Подготовительный этап (теория)](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh#podgotovka-k-sozdaniyu-sajta "Видео уроки Joomla (часть 1). Как создать сайт кафе").
- [OpenServer](https://ospanel.io/download/ "Скачать OpenServer").
- [Технические требования к серверу для Joomla](https://downloads.joomla.org/ru/technical-requirements-ru "Системные требования к Joomla").
- [Форум OpenServer](https://ospanel.io/forum/ "Форум OpenServer").
- [Документация OpenServer](https://ospanel.io/docs/ "Документация OpenServer").
- [Скачать Joomla](https://downloads.joomla.org/ru/ "Официальный сайт Joomla").
- [Скачать Notepad++](https://notepad-plus-plus.org/ "Скачать Notepad++") для переименования «htaccess.txt» в «.htaccess».
**Файлы доступны для загрузки под статьёй над комментариями.**
## Список вопросов, рассмотренных в уроках 1-9
[Видео урок 1](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta#video-urok "Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4").
- Установка и настройка локального сервера OpenServer – 00:02:17.
- Установка Joomla 4 на OpenServer – 00:12:15.
- Русификация Joomla 4 – 00:16:56.
- Перенаправлять URL (файл «.htaccess») – 00:17:52.
- Смена логина и пароля своей учётной записи – 00:23:59.
- Создание новых пользователей – 00:24:18.
- Отключение модулей админки – 00:25:15.
[Видео урок 2](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya#video-urok "Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4").
- Ускорение сайта на OpenServer – 00:01:00.
- Установка шаблона в Joomla 4 – 00:01:56.
- Установка расширений в Joomla 4 – 00:03:28.
- Обновление расширений из админки Джумла 4 – 00:05:20.
- Настройка шаблона и создание шапки сайта – 00:06:26.
- Создание подвала сайта (работа с модулями) – 00:15:55.
- Создание меню в Joomla 4 – 00:22:17.
[Видео урок 3](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4#video-urok "Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно").
- Создание страницы и пункта меню – 00:00:41.
- Создание страницы в SP Page Builder – 00:02:07.
**28.07.2022 вышла стабильная новая версия SP Page Builder Lite 4. Если Вы хотите использовать её, рекомендую ознакомиться с видео уроком «[Как пользоваться SP Page Builder 4 (часть 1)](https://aleksius.com/joomla/rasshireniya/sp-page-builder-4 "Как пользоваться SP Page Builder 4 (часть 1)")». В нём показано создание тех же страниц, что и в данном цикле видео уроков, но в 4-й версии конструктора контента.**
[Видео урок 4](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4#video-urok "Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов").
- Создание страницы «О нас» – 00:02:45.
- Создание страницы «Наши проекты» – 00:14:00.
**28.07.2022 вышла стабильная новая версия SP Page Builder Lite 4. Если Вы хотите использовать её, рекомендую ознакомиться с видео уроком «[Как пользоваться SP Page Builder 4 (часть 2)](https://aleksius.com/joomla/rasshireniya/sp-page-builder-4-v-joomla-4 "Как пользоваться SP Page Builder 4 (часть 1)")». В нём показано создание тех же страниц, что и в данном цикле видео уроков, но в 4-й версии конструктора контента.**
[Видео урок 5](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4#video-urok "Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта").
- Обновление c Joomla 4.0.5. до 4.0.6 – 00:00:52.
- Создание страницы контактов – 00:06:36.
- Карта Google – 00:12:57.
- Форма обратной связи в подвале – 00:15:15, 00:34:06.
- Настройка почты в Joomla 4 – 00:22:50.
- Отправка писем через Gmail – 00:24:46.
- Отправка писем через Яндекс почту – 00:29:22.
- Отправка писем через Почту Mail.ru – 00:30:39.
[Видео урок 6](https://aleksius.com/joomla/kak-sdelat-sajt-samomu#video-urok "Видео урок по Joomla 4 (часть 6). Блог с комментариями ").
- Загрузка и установка расширений – 00:00:49.
- Создание категории и пункта меню – 00:03:25.
- Загрузка картинок при помощи медиа-менеджера – 00:04:12.
- Создание материалов (статей) – 00:05:48.
- Вставка видео с YouTube в материалы Joomla 4 – 00:09:58.
- Настройка страницы «Блог» – 00:12:16.
- Модуль новостей – 00:14:12.
- Комментарии в Джумла 4 – 00:16:12.
- Кнопки шеринга – 00:20:11.
[Видео урок 7](https://aleksius.com/joomla/kak-samomu-besplatno-sdelat-sajt#video-urok "Видео урок по Joomla 4 (часть 7). Бесплатное создание сайта с нуля").
- Установка и настройка Akeeba Backup Core – 00:00:49.
- Перенос Joomla 4 на Хостинг Украина – 00:03:03.
- Перенос Джумла 4 на хостинг Reg.ru – 00:12:22.
[Видео урок 8](https://aleksius.com/joomla/sozdanie-sajta-besplatno-na-russkom#video-urok "Видео урок по Joomla 4 (часть 8). Базовая защита и ускорение сайта").
- Смена логина и/или пароля администратора – 00:01:57.
- Отключение регистрации в Joomla 4 – 00:02:29.
- Установка и настройка Securitycheck – 00:02:59.
- Резервное копирование – 00:11:12.
- Капча в формы Joomla 4 – 00:12:58.
- Тест скорости сайта до оптимизации – 00:17:05.
- Кэширование в Джумла 4 – 00:19:48.
- Сжатие изображений – 00:22:13.
- Установка и настройка JCH Optimize Core – 00:25:34.
- Тест скорости сайта после оптимизации – 00:33:29.
[Видео урок 9](https://aleksius.com/joomla/kak-sdelat-sajt-na-dzhumle-4#video-urok "Видео урок по Joomla 4 (часть 9). Обучение самостоятельному созданию сайта").
- Собственные CSS стили – 00:01:34.
- SEO анализ сайта в программе SiteAnalyzer – 00:03:24.
- Мета-данные (заголовки, описания) – 00:06:20.
- Отсутствующий или пустой H1 – 00:15:20.
- Дубликаты Title – 00:17:16.
- Дубликаты Description – 00:17:50.
- Одинаковые Title и H1-H6 – 00:18:03.
- Отсутствует Alt – 00:19:28.
- Карта сайта для Joomla 4 – 00:20:59.
- Добавление сайта в Google Search Console – 00:23:09.
- Добавление сайта в Яндекс Вебмастер – 00:27:35.
- Добавление на сайт Google Analytics – 00:29:54.
- Добавление на сайт Яндекс Метрики – 00:32:48.
В следующей статье «[Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya "Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4")» мы рассмотрим установку шаблона и расширений в Джумла 4 и создадим шапку (хедер), подвал (футер) и меню сайта.
| Похожие материалы |
|---|
| - [ Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов ](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4) - [ Видео урок по Joomla 4 (часть 7). Бесплатное создание сайта с нуля ](https://aleksius.com/joomla/kak-samomu-besplatno-sdelat-sajt) - [ Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта ](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4) - [ Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно ](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4) - [ Видео урок по Joomla 4 (часть 6). Блог с комментариями ](https://aleksius.com/joomla/kak-sdelat-sajt-samomu) - [ Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 ](https://aleksius.com/joomla/redaktor-tinymce) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |