--- title: Відеоуроки зі створення сайтів на Joomla description: Безкоштовні відеоуроки з самостійного створення сайтів на Joomla 4. Безкоштовне програмне забезпечення. Від «проектування» до вивантаження на реальних хостинг canonical_url: https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla language: uk-UA notice: This is a machine-friendly version of the page at https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla. markdown-tokens: 2584 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla. 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. ## Відеоуроки зі створення сайтів на Joomla # Відеоуроки зі створення сайтів на Joomla Безкоштовні відеоуроки з самостійного створення сайтів на Joomla 4. Безкоштовне програмне забезпечення. Від «проектування» до вивантаження на реальних хостинг. - ## [ Відеоурок 1. Самостійне створення сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4#videourok "Відеоурок"). - [Список питань, розглянутих під час уроків 1-7](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4#spisok-pitan-rozglanutih-pid-cas-urokiv-1-7 "Список питань, розглянутих під час уроків 1-7"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). - [Підготовка до створення вебсайту](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4#pidgotovka-do-stvorennya-vebsayjtu "Підготовка до створення вебсайту"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** Joomla 4 – це безкоштовна «платформа» з підтримкою української мови для створення сайтів практично будь-якої складності: лендінги, сайти-візитки, каталоги, інтернет-магазини, блоги, форуми, соціальні мережі, дошки оголошень та таке інше. Для [Джумла існує понад 5900 розширень](https://extensions.joomla.org/ "Extensions.joomla.org") для забезпечення функціональності та багато шаблонів для формування дизайну. Частина їх безкоштовні, частина - платні. Система перекладена десятками мов, включаючи російську, українську, англійську, німецьку, французьку та інші. Для неї легко знайти недорогий або навіть безкоштовний хостинг, а також документацію та відеоуроки. Також пропоную ознайомитись з циклом відеоуроків по [самостійному створенню інтернет магазину на Jooml 5 з VirtueMart 4](https://aleksius.com/uk/cms-joomla/rozshyrennia/yak-stvoryty-internet-mahazyn " Як самому створити інтернет-магазин на Joomla та VirtueMart (частина 1) ") та [новинного сайту на Joomla 6](https://aleksius.com/uk/cms-joomla/yak-stvoryty-novynnyi-sait "Відеоурок 1. Самостійне створення новинного сайту на Joomla"). - ## [ Відеоурок 2. Самостійна розробка сайтів на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). - [Компоненти, модулі та плагіни](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#komponenti-moduli-ta-plagini "Компоненти, модулі та плагіни"). - [Де шукати розширення Joomla](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#de-shukati-rozshirennya-joomla "Де шукати розширення Joomla")? - [Шаблон та його позиції, сітка Bootstrap](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#shablon-ta-yjogo-pozicii-sitka-bootstrap "Шаблон та його позиції, сітка Bootstrap"). - [Меню Joomla та пункти меню](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4#menyu-joomla-ta-punkti-menyu "Меню Joomla та пункти меню"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** У попередньому відеоуроці «[Відеоурок 1. Самостійне створення сайту на Joomla 4](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4 "Відеоурок 1. Самостійне створення сайту на Joomla 4")» ми встановили та налаштували локальний сервер XAMPP, установили в нього Joomla 4, додали до неї українську мову та частково налаштували. У цьому відеоуроці розглянемо, як можна встановлювати розширення, попрацюємо з налаштуваннями шаблону та займемося шапкою та підвалом сайту. - ## [ Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). - [URL, псевдоніми](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#url-psevdonimi "URL, псевдоніми"). - [Рекомендації стосовно URL адрес](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#rekomendacii-stosovno-url-adres "Рекомендації стосовно URL адрес"). - [Рекомендації стосовно імен файлів та тек](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#rekomendacii-stosovno-imen-fayjliv-ta-tek "Рекомендації стосовно імен файлів та тек"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** У попередньому відеоуроці «[Відеоурок 2. Самостійна розробка сайтів на Joomla 4](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4 "Відеоурок 2. Самостійна розробка сайтів на Joomla 4")» ми розглянули питання щодо встановлення розширень, налаштувань шаблону, попрацювали з модулями, створили шапку та підвал сайту, а також попрацювали з компонентом галереї SP Easy Image Gallery. У цьому відео навчимося створювати пункти меню та розглянемо роботу з конструктором контенту SP Page Builder 4 Lite на прикладі створення головної сторінки сайту. - ## [ Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](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).** У попередній статті «[Відеоурок 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. - ## [ Відеоурок 5. Самостійне створення сайту компанії на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** У попередній статті «[Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt "Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4")» ми створили сторінку «Про нас» за допомогою SP Page Builder 4 Lite та сторінку «Наші проекти» засобами SP Easy Image Gallery. У цьому відео створимо сторінку «Контакти» (рисунок нижче) з формою та картою Google, а також налаштуємо відправку пошти засобами поштового сервера Ukr.net. - ## [ Відеоурок 6. Створення свого сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** У попередній статті «[Відеоурок 5. Самостійне створення сайту компанії на Joomla 4](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii "Відеоурок 5. Самостійне створення сайту компанії на Joomla 4")» ми створили сторінку «Контакти» з формою та картою Google, а також налаштували відправку пошти засобами поштового сервера Ukr.net. У цьому відео створимо блог з коментарями, кнопками шерінгу в соціальні мережі та відео з YouTube у статтях. Також попрацюємо з Медіа та додамо модуль новин з блогу у підвал сайту. - ## [ Відеоурок 7. Як створити свій власний сайт на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt) - Тип – безкоштовна програма для створення сайтів. - [Відеоурок](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** У попередній статті «[Відеоурок 6. Створення свого сайту на Joomla 4](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu "Відеоурок 6. Створення свого сайту на Joomla 4")» ми створили блог з коментарями, кнопками шерінгу в соціальні мережі та відео з YouTube у статтях. Також попрацювали з Медіа та додали модуль новин з блогу у підвал сайту. У цьому відео перенесемо сайт з локального сервера на Хостинг Україна, оновимо Joomla з 4.2.6 до 4.2.7 та подивимось, як перенести локальный сервер XAMPP на інший комп’ютер, диск або теку. - ## [ Відеоурок «Самостійне та швидке створення лендінгу на Joomla» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu) - [Відеоурок](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu#videourok "Відеоурок"). - [Додаткова інформація](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu#dodatkova-informatsiia "Додаткова інформація"). У попередньому циклі [відеоуроків зі створення сайту на Joomla 4](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla") ми розробили адаптивний сайт фірми з блогом, портфоліо та завантажили його на хостинг. В іншому циклі відео уроків ми розробили багатомовний [інтернет-магазин на Joomla 5 та VirtueMart 4](https://aleksius.com/uk/yak-stvoryty-internet-mahazyn "Як створити інтернет-магазин"). А ще в одному – створили [новинний сайт на Joomla 6](https://aleksius.com/uk/videouroky-po-joomla-6-rozrobka-novynnoho-saitu "Відеоуроки по Joomla 6. Розробка новинного сайту"). В усіх випадках головна сторінка сайту була у вигляді лендінгу та розроблялася засобами візуального конструктору сторінок SP Page Builder без програмування виключно засобами візуальних інструментів. Проте ми розробляли сайти з нуля і налаштовували всі опції з самого початку та до кінця. Це дало змогу зрозуміти як можна створити, редагувати та супроводжувати сайт для своїх конкретних потреб. Проте це зайняло досить багато часу. - ## [ Відеоурок «Самостійне та швидке створення сайту фірми на Joomla» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-siatu-firmy) - [Відеоурок](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-siatu-firmy#videourok "Відеоурок"). - [Додаткова інформація](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-siatu-firmy#dodatkova-informatsiia "Додаткова інформація"). У попередньому циклі [відеоуроків зі створення сайту на Joomla 4](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla") ми розробили адаптивний сайт фірми з блогом, портфоліо та завантажили його на хостинг. В іншому циклі відео уроків ми розробили багатомовний [інтернет-магазин на Joomla 5 та VirtueMart 4](https://aleksius.com/uk/yak-stvoryty-internet-mahazyn "Як створити інтернет-магазин"). А ще в одному – створили [новинний сайт на Joomla 6](https://aleksius.com/uk/videouroky-po-joomla-6-rozrobka-novynnoho-saitu "Відеоуроки по Joomla 6. Розробка новинного сайту"). У попередньому [відеоуроці](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu "Відеоурок «Самостійне та швидке створення лендінгу на Joomla»") ми подивились як купити домен та хостинг, налаштувати їх та встановити готовий для редагування лендінг на Джумла. У цьому відео, використовуючи той самий хостинг та домен розглянемо встановлення готового для редагування сайту фірми. Ми розглянемо на прикладі сайту юридичної компанії, але це не впливає на технічні особливості процесу для сайтів інших тематик. На відміну від попереднього підходу до [створення сайту фірми з нуля](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla"), такий спосіб, спосіб встановлення «швидкого старту», значно підвищує швидкість створення сайту. - ## [ Відеоурок «Самостійне та швидке створення інтернет-магазину на Joomla та VirtueMart» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-internet-mahazynu) - [Відеоурок](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-internet-mahazynu#videourok "Відеоурок"). - [Додаткова інформація](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-internet-mahazynu#dodatkova-informatsiia "Додаткова інформація"). У попередньому циклі [відеоуроків зі створення сайту на Joomla 4](https://aleksius.com/uk/videouroki-zi-stvorennya-sajtiv-na-joomla "Відеоуроки зі створення сайтів на Joomla") ми розробили адаптивний сайт фірми з блогом, портфоліо та завантажили його на хостинг. В іншому циклі відео уроків ми розробили багатомовний [інтернет-магазин на Joomla 5 та VirtueMart 4](https://aleksius.com/uk/yak-stvoryty-internet-mahazyn "Як створити інтернет-магазин"). А ще в одному – створили [новинний сайт на Joomla 6](https://aleksius.com/uk/videouroky-po-joomla-6-rozrobka-novynnoho-saitu "Відеоуроки по Joomla 6. Розробка новинного сайту"). У попередньому [відеоуроці](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu "Відеоурок «Самостійне та швидке створення лендінгу на Joomla»") ми подивились як купити домен та хостинг, налаштувати їх та встановити готовий для редагування лендінг на Джумла. У цьому відео, використовуючи той самий хостинг та домен розглянемо встановлення готового для редагування інтернет-магазину. Ми розглянемо на прикладі магазину побутової хімії, але це не впливає на технічні особливості процесу для сайтів інших тематик. На відміну від попереднього підходу до [створення сайту інтернет-магазину з нуля](https://aleksius.com/uk/yak-stvoryty-internet-mahazyn "Як створити інтернет-магазин"), такий спосіб, спосіб встановлення «швидкого старту», значно підвищує швидкість створення сайту.