---
title: Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4
description: Відеоурок українською мовою з самостійної розробки сайту на Joomla 4: створення сторінки «Про нас» у SP Page Builder, та «Наші проекти» у SP Easy Image Gallery
canonical_url: https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt
language: uk-UA
date: 2025-02-27T07:13:35Z
notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt.
markdown-tokens: 1099
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt. 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.


 Featured

#  Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4 

- [Відеоурок](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt#videourok "Відеоурок").
- [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку").
 
**Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).**

## <a id="videourok"></a>Відеоурок

- Визначення головної сторінки сайту – 00:00:53.
- Сторінка «Про нас» – 00:02:17.
- Сторінка «Наші проекти» (галерея) – 00:13:50.
- Модуль меню у підвалі – 00:18:30.
- Модуль «Навігаційна стежка» – 00:19:47.
 
Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту").

## <a id="posilannya-ta-rozshirennya-z-videouroku"></a>Посилання та розширення з відеоуроку

- [Попередній відеоурок](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu "Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4").
 
У попередній статті «[Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu "Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4")» ми навчилися створювати пункти меню та розглянули роботу з конструктором контенту на прикладі створення головної сторінки сайту. У цьому відео створимо сторінку «Про нас» за допомогою SP Page Builder 4 Lite (рисунок нижче), та сторінку «Наші проекти» засобами SP Easy Image Gallery.

**Примітки щодо відеоуроків.** Наприкінці кожної статті з відеоуроком можуть бути надані посилання на додаткові матеріали та посилання на завантаження різних розширень, які використовувалися у відео (якщо такі були).

В уроці бере участь остання доступна мені, на момент написання статті (07.01.2023), версія Joomla 4.2.6 українською мовою, шаблон та фреймворк Helix Ultimate 2.0.11, конструктор контенту SP Page Builder 4.0.7 Lite та компонент галереї SP Easy Image Gallery 2.0.2.

 ![Як створити свій сайт](https://aleksius.com/images/joomla/yak-stvoriti-sviyj-sayjt/yak-stvoriti-sviyj-sayjt.png) Як створити свій сайт У наступній статті «[Відеоурок 5. Самостійна розробка сайту на Джумла 4](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii "Відеоурок 5. Самостійна розробка сайту на Джумла 4")» розглянемо створення сторінки «Контакти» з картою, формою зворотного зв’язку та налаштуємо відправку листів.

 | Автор статті – Хорошевський Олексій |
|---|
| [![Хорошевський Олексій](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевський Олексій")](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")  Кандидат технічних наук, викладач [Харківського національного університету радіоелектроніки](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.   Надає [послуги](https://aleksius.biz/uk "Створення сайтів на Joomla і WebSite X5") зі створення, доопрацювання, супроводу та просування сайтів. [Докладніше про автора…](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")        **Контакти:**  - [+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/?locale=uk_UA "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksius-com-uk "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публікації та робота:**  - [Google Академія](https://scholar.google.com.ua/citations?hl=uk&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") |

| Схожі матеріали |
|---|
| - [ Відеоурок 1. Самостійне створення сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4) - [ Відеоурок 2. Самостійна розробка сайтів на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4) - [ Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu) - [ Відеоурок 5. Самостійне створення сайту компанії на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii) - [ Відеоурок 6. Створення свого сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu) - [ Відеоурок 7. Як створити свій власний сайт на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt) - [ Відеоурок «Самостійне та швидке створення лендінгу на Joomla» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu) |
