Вступ до теми | Бібліотеки мультимедійних даних | Створення електронних навчальних матеріалів Навчальна Програма

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@b54fe81029f54a86be084b249ddd6879" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@b51f47d346c44c2aac1373b1efc3e57d"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@b51f47d346c44c2aac1373b1efc3e57d" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3><span style="color: #156082; font-weight: bold; font-size: 110%;"> Що таке бібліотеки мультимедійних даних ? </span></h3> <p style="text-align: justify;">Щоб навчальний матеріал виглядав професійно, його потрібно наповнити якісними фото, відео інфографікою.</p> <p style="text-align: justify;">Не завжди є можливість та час робити їх самотужки або замовити у когось. У таких випадках допоможуть сайти-бібліотеки із фото, відео.</p> <p style="text-align: justify;">У цьому розділі зібрано найпопулярніші безкоштовні репозиторії. Кожна бібліотека може використовуватися в навчальних та комерційних цілях.</p> <p style="text-align: center;"><img height="auto" width="640" src="/assets/courseware/v1/cf7c8eb6ea0fbe283410f871e5f1d1ae/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_30_Header.png" alt="picture" style="border-radius: 20px;" /></p> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@6c03c236a5c44fffa3a951d9336a4ddf" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@bc96edae31ae4c7f963f00f737799824"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@bc96edae31ae4c7f963f00f737799824" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/9ad6245959bf82d625d7745e9fa99b8a/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_30_pexels.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://www.pexels.com" target="[object Object]">https://www.pexels.com</a></strong></li> <li><b>Тип контенту: </b>Фото та відео</li> <li><b>Особливості: </b>Висока якість контенту, популярність у галузі дизайну та маркетингу</li> <li><b>Ліцензія: </b> Creative Commons Zero</li> </ul> </ul> </div> <p></p> <p>Pexels є популярним вибором для блогерів, дизайнерів, маркетологів та всіх тих, хто шукає безкоштовні візуальні матеріали для своїх проєктів.</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Велика бібліотека:</b> має мільйони безкоштовних фотографій і відео</li> <li><b>Безкоштовний доступ:</b> усі зображення та відео можна використовувати безкоштовно, навіть для комерційних цілей</li> <li><b>Висока якість:</b> контент на платформі має професійний рівень, що робить його ідеальним для веб-дизайну, маркетингу та соціальних мереж</li> <li><b>Зручний пошук:</b> можна легко знайти потрібні фото за ключовими словами або категоріями</li> <li><b>Проста ліцензія:</b> відсутність авторських обмежень</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Обмежений вибір:</b> хоча бібліотека велика, вона не така різноманітна, як платні фотостоки (наприклад iStock, Shutterstock або Adobe Stock)</li> <li><b>Відсутність складних графічних елементів:</b> може не мати потрібного контенту, якщо тобі потрібні специфічні ілюстрації або векторні зображення</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@98915fe3b74a4ce5ac90828916d08b89"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@98915fe3b74a4ce5ac90828916d08b89" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Зайдіть на вебсайт та підберіть одне відповідне зображення для вашого завдання</p> <p></p> </div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@e35f1744495943a78cc219cc82d78ae5" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@38ad3fefc6bb434f9bb5deda5d50627a"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@38ad3fefc6bb434f9bb5deda5d50627a" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/18f4f7aa6e145a38ce86185382f64325/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_31_unsplash.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://unsplash.com" target="[object Object]">https://unsplash.com</a></strong></li> <li><b>Тип контенту: </b>Фото, 3D ілюстрації</li> <li><b>Особливості: </b>Висока якість контенту, широкий спектр категорій</li> <li><b>Ліцензія: </b> Використовується власна ліцензія Unsplash License, яка відрізняється від ліцензій Creative Commons (CC)</li> </ul> </ul> </div> <p>Основні теми контенту Unsplash : природа, пейзаж, люди, бізнес, технології, архітектура, їжа та напої, дизайн, подорожі, абстракція, мода та краса.</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Безкоштовний доступ:</b> усі зображення можна використовувати безкоштовно, навіть для комерційних цілей</li> <li><b>Велика бібліотека:</b> величезна колекція фотографій, яка регулярно оновлюється</li> <li><b>Висока якість:</b> професійні фото високої якості</li> <li><b>Інтеграція з іншими платформами:</b> Unsplash підтримує API, що дозволяє використовувати його контент у різних додатках та веб-сайтах</li> <li><b>Ліцензія:</b> Безкоштовно, без обов’язкової атрибуції</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Неексклюзивний контент:</b> одні й ті ж зображення можуть використовувати багато людей, що може зменшити унікальність дизайну</li> <li><b>Обмежений вибір:</b> мале різноманіття зображень</li> <li><b>Функція пошуку:</b> потрібні точні ключові слова для знаходження потрібного фото</li> <li><b>Художня спрямованість:</b> контент орієнтований на креативні та художні фото, що може бути не завжди зручним для навчальних матеріалів</li> <li><b>Блог:</b> відсутні цікаві статті про тенденції розвитку контенту</li> <li><b>Мова інтерфейсу:</b> нема української мови</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <div style="display: flex; align-items: center; border: 2px solid #253777; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/861758067a09fb8d8634937d7dc515c9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_note.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p><em>Для пошуку графіки на іноземному ресурсі – використовуйте англомовні запити</em></p> </div> </div> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@83760266e6474224ac38057bcac3f149"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@83760266e6474224ac38057bcac3f149" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Перегляньте вебсайт, оцініть його вміст і завантажте матеріали, які відповідають вашому проєкту</p> <p></p> </div> </div> <div id="gtx-trans" style="position: absolute; left: 162px; top: 47px;"> <div class="gtx-trans-icon"></div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@f31f81b3fdc34bea9260bc321de2d750" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@1d47b5865cae47ae88a6520b16aec8d9"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@1d47b5865cae47ae88a6520b16aec8d9" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/a168c5e8c5dfa5e44e8627fd17f1a307/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_32_freePik.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://www.freepik.com/ " target="[object Object]">https://www.freepik.com/ </a></strong></li> <li><b>Тип контенту: </b>Фотографії, ілюстрації, векторна графіка, PSD-файли, 3D-елементи, відеокліпи, музика та звукові ефекти, дизайнерські шаблони, мокапи, шрифти, медіаконтент згенерований ШІ</li> <li><b>Особливості: </b>Висока якість, широкий спектр категорій, інструменти ШІ для генерації та редагування контенту</li> <li><b>Ліцензія:</b> Частково безкоштовно (необхідна атрибуція або Pro-акаунт)</li> </ul> </ul> </div> <p>Багатофункціональний ресурс для всіх, хто працює з візуальним та мультимедійним контентом. Основна цінність бібліотеки полягає в наданні широкого спектра високоякісних стокових матеріалів (фотографій, векторів, ілюстрацій, відео, аудіо, шаблонів) у поєднанні з доступністю (як безкоштовні, так і преміум-опції).</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Велика бібліотека:</b> мільйони графічних елементів, доступних для використання</li> <li><b>Безкоштовний доступ:</b> багато матеріалів можна використовувати безкоштовно (з обов’язковим зазначенням автора)</li> <li><b>Преміум-контент:</b> платна підписка відкриває доступ до ексклюзивних матеріалів без необхідності вказувати авторство</li> <li><b>Зручний пошук:</b> легко знайти потрібні ресурси за категоріями та ключовими словами</li> <li><b>Різноманітність форматів:</b> доступні векторні файли, PSD, іконки та фото для різних потреб</li> <li><b>ШІ- генерація контенту:</b> створення зображень за допомогою ChatGPT, Google Imagen 4, Google Veo 3</li> <li><b>Можливість покращувати якість:</b> Збільшення роздільної здатності зображень до 10K за допомогою Magnific та відео до 4K за допомогою Topaz</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Обмеження для безкоштовних користувачів:</b> безкоштовні ресурси вимагають зазначення автора, а кількість завантажень обмежена</li> <li><b>Ексклюзивні матеріали:</b> тільки для платних акаунтів</li> <li><b>Не всі ресурси унікальні:</b> деякі графічні елементи можуть бути широко використані іншими користувачами</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <div style="display: flex; align-items: center; border: 2px solid #253777; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/861758067a09fb8d8634937d7dc515c9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_note.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p><em>Замість розпорошувати бюджет між різними сервісами, вигідно зосередитися на одній платформі, що пропонує кращі ціни та можливості для створення й удосконалення контенту. Якщо тематика ваших робіт співзвучна контентним напрямкам Freepik, цей ресурс заслуговує на особливу увагу. </em></p> </div> </div> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@644bb3eaa58b4105b6655f285223e807"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@644bb3eaa58b4105b6655f285223e807" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Перегляньте вебсайт, оцініть його вміст і завантажте матеріали, які відповідають вашому проєкту</p> <p></p> </div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@46b0bd6a1f584cc7a708ba8796777346" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@6408ef9f68b04e20b972570cdb96d7fd"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@6408ef9f68b04e20b972570cdb96d7fd" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/0641c44071c9810eb6e2a73589be1d93/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_33_canva.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://www.canva.com/uk_ua/ " target="[object Object]">https://www.canva.com </a></strong></li> <li><b>Тип контенту: </b> Фотографії та ілюстрації у хорошій якості із можливістю редагування</li> <li><b>Особливості: </b>Вбудовані інструменти редагування</li> <li><b>Ліцензія:</b> Доступна безкоштовна для частини контенту</li> </ul> </ul> </div> <p>Canva – це більше інструмент для дизайну, проте має велику бібліотеку як безкоштовних, так і платних стокових фотографій та елементів. Важливою функцією платформи є вбудовані інструменти редагування, що дозволяють створювати професійні візуальні матеріали без глибоких знань у дизайні.</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Зручний інтерфейс: </b> розташування елементів робить дизайн простим та інтуїтивним навіть для новачків</li> <li><b>Широкий вибір шаблонів: </b> тисячі готових макетів для соцмереж, презентацій, постерів тощо</li> <li><b> Безкоштовна версія: </b> Canva дає можливість ознайомитися із функціями та матеріалами</li> <li><b>Спільна робота:</b> можливість редагування дизайну кількома користувачами одночасно</li> <li><b>Інтеграція:</b> підтримка Google Drive, Dropbox та соцмереж для швидкого експорту</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Доступність:</b> мала кількість безкоштовних шаблонів</li> <li><b>Залежність від інтернету:</b> працює онлайн, тому без доступу до мережі її використання обмежене</li> <li><b>Платний контент</b> деякі шаблони та елементи доступні лише у платній версії</li> <li><b>Ліцензійні обмеження:</b> потрібно уважно читати умови використання зображень для комерційних цілей</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <p></p> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@2b5081004deb4b76aeb7c727bf3c3d2f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@2b5081004deb4b76aeb7c727bf3c3d2f" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Перегляньте вебсайт, оцініть його вміст і завантажте матеріали, які відповідають вашому проєкту</p> <p></p> </div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@74e80e3464ce416b8830adc3d8a7bce2" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@d694d66dd44143aaa5652310a186502b"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@d694d66dd44143aaa5652310a186502b" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/9911693e07cc080f96558f8c3a3dd068/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_34_Mixkit.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://mixkit.co " target="[object Object]">https://mixkit.co </a></strong></li> <li><b>Тип контенту: </b>Відео, музика, звукові ефекти</li> <li><b>Особливості: </b>Широкий спектр креативних медіаактивів</li> <li><b>Ліцензія:</b> Доступна безкоштовна для частини контенту (доступна за ліцензією Mixkit License)</li> </ul> </ul> </div> <p>Mixkit — це безкоштовна бібліотека креативних ресурсів, яка пропонує високоякісні стокові відео, музичні треки, звукові ефекти та шаблони для різних програм дизайну. Це чудовий інструмент для контент-мейкерів, маркетологів та дизайнерів, які шукають професійні матеріали без додаткових витрат.</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Зручний інтерфейс: </b> розташування елементів робить дизайн простим та інтуїтивним навіть для новачків</li> <li><b>Безкоштовний контент:</b> можна використовувати відео, музику та звуки без роялті</li> <li><b>Якість:</b> усі ресурси ретельно відібрані та мають професійний рівень</li> <li><b>Простота використання:</b> не потрібно реєструватися для завантаження</li> <li><b>Регулярні оновлення:</b> новий контент додається постійно</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Обмежений вибір:</b> бібліотека не така велика, як на платних платформах (Shutterstock, Artgrid)</li> <li><b>Нестача унікальності:</b> популярні ресурси можуть часто використовуватися іншими контент-мейкерами</li> <li><b>Обмеження форматів:</b> немає можливості змінювати формати без сторонніх програм</li> <li><b>Настирлива реклама Envato:</b> агресивне просування платного сервісу</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <p></p> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c64cba138eac4c7d9d442e07bc66acab"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c64cba138eac4c7d9d442e07bc66acab" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Перегляньте вебсайт, оцініть його вміст і завантажте матеріали, які відповідають вашому проєкту</p> <p></p> </div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@b1e705401a204434b05893d42402bd0e" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@24e0540ed1dc4ce9aaf84bd205328d90"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@24e0540ed1dc4ce9aaf84bd205328d90" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/4f674b2b9881a41fb91eec4becff8bf2/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m3_img_35_FMA.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://freemusicarchive.org " target="[object Object]">https://freemusicarchive.org</a></strong></li> <li><b>Тип контенту: </b> Музика різних жанрів</li> <li><b>Особливості: </b>Містить тисячі треків від незалежних артистів</li> <li><b>Ліцензія:</b> Частина контенту доступна CC0</li> </ul> </ul> </div> <p>Free Music Archive (FMA) – це онлайн-репозиторій безкоштовної музики, що базується в Нідерландах. FMA має на меті надавати музику під ліцензіями Creative Commons, яку можна вільно завантажувати та використовувати в інших творах.</p> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <ul> <li><b>Безкоштовний доступ:</b> можна слухати та завантажувати музику безкоштовно</li> <li><b>Ліцензії Creative Commons:</b> для більшості треків, що дозволяє використовувати їх у відео, подкастах та інших проєктах</li> <li><b> Велика бібліотека:</b> містить тисячі треків від незалежних артистів</li> <li><b>Зручний пошук:</b> можна фільтрувати музику за жанром, настроєм та ліцензією</li> <li><b> Розвиток кар’єри музиканта: </b> артисти можуть публікувати свої роботи та отримувати підтримку від слухачів</li> </ul> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Не вся музика доступна для комерційного використання:</b> деякі треки мають обмеження щодо комерційного використання</li> <li><b>Зміни у доступності музики:</b> після придбання платформи Tribe of Noise частина композицій перестали бути доступними</li> <li><b>Можливі проблеми з YouTube:</b> іноді треки можуть бути помилково позначені системою Content ID, що може призвести до блокування відео</li> </ul> </div> </div> </div> </div> <style></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <p></p> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@7936619eff8f4cd48b6207e467adcd03"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@7936619eff8f4cd48b6207e467adcd03" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="display: flex; align-items: center; background-color: #a3b1e2; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/48bbe42c3d1f87c1b064faac9da09fb4/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_task2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p style="padding-top: 24px;">Перегляньте вебсайт, оцініть його вміст і завантажте матеріали, які відповідають вашому проєкту</p> <p></p> </div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@cbf11af370574f1f88be3b91e9414b36" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@3727f04a916342cb94510f3a109ab046"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@3727f04a916342cb94510f3a109ab046" data-request-token="49b8a5c6524d11f09f560a0f59745f11" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3> <span style="color: #ee7026; font-size: 110%; font-weight: bold; "> Список ресурсів для контенту</span></h3> <table> <thead > <tr style="background-color: #f9cabb; size-font:140%; color:#004984; font-weight:bold; text-align: center; vertical-align: middle; border: 2px solid #407da7; position: sticky; top: 0;"> <th>N</th> <th>Назва</th> <th>Link</th> <th>Тип контенту</th> <th>Жанри контенту</th> <th>Платно / Безкоштовно</th> <th>Умови ліцензії</th> </tr> </thead> <tbody> <tr><td>1</td><td> <b>Shutterstock</b></td><td><a href="https://www.shutterstock.com/" target="_blank" rel="noopener noreferrer">https://www.shutterstock.com/</a></td><td>Фото, відео, звук</td><td>Бізнес, lifestyle, природа, техніка</td><td>Платно</td><td>Royalty-Free, потрібна підписка або кредити</td></tr> <tr><td>2</td><td><b>Adobe Stock</b></td><td><a href="https://stock.adobe.com/" target="_blank" rel="noopener noreferrer">https://stock.adobe.com/</a></td><td>Фото, відео, шаблони</td><td>Універсальні жанри</td><td>Платно</td><td>Royalty-Free, комерційне використання дозволено</td></tr> <tr><td>3</td><td><b>Getty Images</b></td><td><a href="https://www.gettyimages.com/" target="_blank" rel="noopener noreferrer">https://www.gettyimages.com/</a></td><td>Фото, відео</td><td>Преміум, новини, спорт, знаменитості</td><td>Платно</td><td>Різні типи ліцензій, включно з Rights-Managed</td></tr> <tr><td>4</td><td><b>iStock</b></td><td><a href="https://www.istockphoto.com/" target="_blank" rel="noopener noreferrer">https://www.istockphoto.com/</a></td><td>Фото, відео</td><td>Комерційні, абстракт, lifestyle</td><td>Платно</td><td>Royalty-Free, власність Getty</td></tr> <tr><td>5</td><td><b>Depositphotos</b></td><td><a href="https://depositphotos.com/" target="_blank" rel="noopener noreferrer">https://depositphotos.com/</a></td><td>Фото, відео, ілюстрації</td><td>Універсальні жанри</td><td>Платно</td><td>Royalty-Free</td></tr> <tr><td>6</td><td><b>Envato Elements</b></td><td><a href="https://elements.envato.com/" target="_blank" rel="noopener noreferrer">https://elements.envato.com/</a></td><td>Фото, відео, музика</td><td>Усе: дизайн, анімація, веб, відео</td><td>Платно (підписка)</td><td>Royalty-Free із підпискою</td></tr> <tr><td>7</td><td><b>Storyblocks</b></td><td><a href="https://www.storyblocks.com/" target="_blank" rel="noopener noreferrer">https://www.storyblocks.com/</a></td><td>Відео, звук</td><td>Шаблони, кліпи, фонове відео, звукові ефекти</td><td>Платно</td><td>Royalty-Free із підпискою</td></tr> <tr><td>8</td><td><b>Dreamstime</b></td><td><a href="https://www.dreamstime.com/" target="_blank" rel="noopener noreferrer">https://www.dreamstime.com/</a></td><td>Фото</td><td>Різноманітні жанри</td><td>Частково безкоштовно</td><td>Free and Royalty-Free з обмеженнями</td></tr> <tr><td>9</td><td><b>Motion Array</b></td><td><a href="https://motionarray.com/" target="_blank" rel="noopener noreferrer">https://motionarray.com/</a></td><td>Відео, музика</td><td>Відеошаблони, трейлери, звук, LUT, SFX</td><td>Платно (підписка)</td><td>Royalty-Free із підпискою</td></tr> <tr><td>10</td><td><b>Pixabay</b></td><td><a href="https://pixabay.com/" target="_blank" rel="noopener noreferrer">https://pixabay.com/</a></td><td>Фото, відео, звук</td><td>Універсальні жанри</td><td>Безкоштовно</td><td>СС0-подібна, без атрибуції</td></tr> <tr><td>11</td><td><b>Kaboompics</b></td><td><a href="https://kaboompics.com/" target="_blank" rel="noopener noreferrer">https://kaboompics.com/</a></td><td>Фото</td><td>Мода, дизайн, інтер'єр</td><td>Безкоштовно</td><td>Безкоштовно для комерції, атрибуція не обов’язкова</td></tr> <tr><td>12</td><td><b>Reshot</b></td><td><a href="https://www.reshot.com/" target="_blank" rel="noopener noreferrer">https://www.reshot.com/</a></td><td>Фото</td><td>Оригінальні, нестандартні</td><td>Безкоштовно</td><td>Безкоштовно для особистого/комерційного</td></tr> <tr><td>13</td><td><b>Gratisography</b></td><td><a href="https://gratisography.com/" target="_blank" rel="noopener noreferrer">https://gratisography.com/</a></td><td>Фото</td><td>Жартівливі, абсурдні, нестандартні</td><td>Безкоштовно</td><td>Royalty-Free</td></tr> <tr><td>14</td><td><b>Life of Pix</b></td><td><a href="https://www.lifeofpix.com/" target="_blank" rel="noopener noreferrer">https://www.lifeofpix.com/</a></td><td>Фото</td><td>Арт-фото, природа, місто</td><td>Безкоштовно</td><td>Без обмежень, можна для комерції</td></tr> <tr><td>15</td><td><b>SplitShire</b></td><td><a href="https://www.splitshire.com/" target="_blank" rel="noopener noreferrer">https://www.splitshire.com/</a></td><td>Фото</td><td>Персональні фото, мода, подорожі</td><td>Безкоштовно</td><td>Комерційне використання дозволено</td></tr> <tr><td>16</td><td><b>Epidemic Sound</b></td><td><a href="https://www.epidemicsound.com/" target="_blank" rel="noopener noreferrer">https://www.epidemicsound.com/</a></td><td>Звук</td><td>Музика, SFX, саундтреки</td><td>Платно (підписка)</td><td>Потрібна підписка, власна ліцензія</td></tr> <tr><td>17</td><td><b>Artlist</b></td><td><a href="https://artlist.io/" target="_blank" rel="noopener noreferrer">https://artlist.io/</a></td><td>Звук</td><td>Музика, звукові ефекти, трейлери</td><td>Платно (підписка)</td><td>Royalty-Free, ліцензія lifetime</td></tr> <tr><td>18</td><td><b>You.com AI</b></td><td><a href="https://you.com/" target="_blank" rel="noopener noreferrer">https://you.com/</a></td><td>Пошукова LLM</td><td>Пошук, генерація</td><td>Безкоштовно</td><td>Безкоштовне використання, з атрибуцією</td></tr> <tr><td>19</td><td><b>OpenVoice</b></td><td><a href="https://github.com/myshell-ai/OpenVoice" target="_blank" rel="noopener noreferrer">OpenVoice</a></td><td>Генерація голосу</td><td>Клонування голосів, мова</td><td>Безкоштовно</td><td>Open Source для некомерційного використання</td></tr> <tr><td>20</td><td><b>Coverr</b></td><td><a href="https://coverr.co/" target="_blank" rel="noopener noreferrer">https://coverr.co/</a></td><td>Фото, відео</td><td>Персональні фото, мода</td><td>Платно (підписка)</td><td>Royalty-Free із підпискою</td></tr> </tbody> </table> <style></style> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>

Завершення тесту

Тестування завершено.