<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@f5c9ec4a73684ea7b3f14502dc19c1d1" data-request-token="dacd15dc516311f09a9e1e1474f1d9bd" 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@f92e4def67a4455486a21542cc4bc25a">
<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@f92e4def67a4455486a21542cc4bc25a" data-request-token="dacd15dc516311f09a9e1e1474f1d9bd" 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="640" src="/assets/courseware/v1/f8db90dd390d54dd55b95e2d8d9465a3/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m6_t6_youtube_img1_header.png" alt="picture1" /></p>
<div style="border: 2px solid #253777; box-shadow: #c3cad3 0px 0px 10px; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4; text-align: justify;"><strong>YouTube </strong> — популярний відеохостинг (сайт, платформа) для публікації відео та аудіо. Користувачі можуть додавати, переглядати й коментувати ті чи інші відеозаписи.</div>
<p></p>
<p style="text-align: justify;">Універсальна платформа, яка дозволяє поєднати доступність і сучасні технології в одному інструменті. Вона розширює межі класної кімнати, дозволяючи вчителю вести власну цифрову присутність і надавати відеоконтент для слухачів. Завдяки простоті та зручності використання, YouTube став одним із найпопулярніших місць для розміщення відеофайлів. Служба містить як професійні, так і аматорські відеозаписи, у тому числі відеоблоги.</p>
<p></p>
<p></p>
<p></p>
<p></p>
<div style="background-color: #ddf2d5 !important; border: 1px solid lightgrey; border-radius: 5px; padding: 16px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%); margin: 0 8px 0 0;">
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/fcf41b41a71b41736bb700067b403f33/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/like_plus_PNG.png" alt="picture" style="width: 105px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px; font-size: 120%;"><span style="color: #116062;"> <b> YouTube та освітні матеріали</b> </span></p>
</div>
<ul>
<ul>
<li>Відео доступне без реєстрації</li>
<li>Можна вбудовувати на сайт або LMS</li>
<li>Доступна аналітика переглядів</li>
</ul>
</ul>
</div>
<h3 style="padding-top: 32px;"><span style="color: #004984; font-weight: bold; font-size: 130%;">Переваги YouTube як платформи для відеоматеріалів</span></h3>
<p style="margin-bottom: 1px; font-size: 80%;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше</em></p>
<p></p>
<div class="container-dm-pic3">
<div class="dm-pic3"><!-- button start 1 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>1. Доступність та глобальне охоплення</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Масова аудиторія: YouTube має мільярди користувачів по всьому світу. Публікуючи відео тут, ви отримуєте потенційний доступ до величезної глобальної аудиторії.</li>
<li>Легкість доступу: Доступ до YouTube можливий з будь-якого пристрою (комп'ютер, смартфон, планшет, Smart TV) і з будь-якої точки світу, де є доступ до Інтернету. Не потрібно встановлювати додаткові програми чи плагіни.</li>
<li>Безкоштовність: Базовий функціонал YouTube для завантаження, перегляду та обміну відео є абсолютно безкоштовним для користувачів.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end 1 --> <!-- button start 2 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Хостинг та інфраструктура</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Необмежене сховище: YouTube пропонує практично необмежене безкоштовне сховище для ваших відео. Вам не потрібно турбуватися про простір на сервері чи пропускну здатність.</li>
<li>Висока якість відтворення: Платформа автоматично оптимізує відео для різних швидкостей Інтернету та пристроїв, забезпечуючи якісне відтворення. Підтримується висока роздільна здатність (до 4K).</li>
<li>Надійність: YouTube є стабільною платформою з мінімальними збоями.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 3 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3. Функціональність та інструменти</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Просте завантаження: Процес завантаження відео є інтуїтивно зрозумілим і швидким.</li>
<li>Параметри конфіденційності: Можливість вибору видимості відео (публічне, приватне, за посиланням) дозволяє контролювати, хто може переглядати ваш контент. Це особливо важливо для навчальних матеріалів, які можуть бути призначені лише для конкретної групи студентів.</li>
<li>Вбудовування (Embed): Легко вбудовувати відео з YouTube на будь-який вебсайт, блог, LMS за допомогою простого HTML-коду. Це дозволяє зберегти інтерактивність відео в межах вашого сайту/платформи.</li>
<li>Опис, теги, мініатюри: Широкі можливості для оптимізації відео для пошуку, що покращує його помітність.</li>
<li>Списки відтворення (Playlists): Зручний спосіб організувати пов'язані відео в логічні послідовності, що підходить для створення навчальних курсів або серій уроків.</li>
<li>Субтитри: YouTube автоматично генерує субтитри (хоча їх потрібно перевіряти), а також дозволяє завантажувати власні, що робить контент доступнішим для людей з вадами слуху або тих, хто вивчає мову.</li>
<li>Кінцеві заставки та підказки: Можливість додавати інтерактивні елементи в кінці відео або під час нього, щоб заохотити перегляд інших відео або підписку на канал.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 4 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>4. Аналітика та взаємодія</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>YouTube Analytics: Надає інструменти аналітики, які дозволяють відстежувати ефективність ваших відео: кількість переглядів, час перегляду, джерела трафіку, демографічні показники аудиторії, утримання аудиторії тощо. Це допомагає зрозуміти, як глядачі взаємодіють з вашим контентом, і покращити його.</li>
<li>Коментарі та спільнота: Можливість отримувати зворотний зв'язок від глядачів через коментарі, що сприяє створенню спільноти навколо вашого каналу.</li>
<li>Монетизація: Для деяких каналів існує можливість монетизації контенту через рекламу, що може бути додатковим стимулом для створення якісних відео.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 5 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>5. Пошукова оптимізація</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Пошукова система Google: YouTube належить Google, тому відео з YouTube часто добре індексуються і з'являються у результатах пошуку Google, збільшуючи видимість вашого контенту.</li>
<li>Внутрішній пошук YouTube: YouTube сам є потужною пошуковою системою для відео. Правильно оптимізовані назви, описи та теги допомагають вашим відео бути знайденими.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 6 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>6. Можливість створення освітнього каналу</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Можна зібрати навчальні відео в тематичні плейлисти.</li>
<li>Створити фірмовий канал навчального закладу або особистий блог.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 7 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>7. Просте розміщення навчального контенту</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<li>Завантаження відео займає кілька хвилин.</li>
<li>Можна додавати назву, опис, тайм-коди, субтитри та теги.</li>
<li>Відео легко вбудовується на сайти, блоги, LMS, Google Сайти через iframe.</li>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button start 8 -->
<div class="dm-sc-collaps-wrapper">
<div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>8. Офлайн-доступ</b> </button>
<div class="dm-collaps-content"><!-- start element -->
<div style="display: flex;">
<div style="padding-left: 25px;">
<ul>
<ul>
<ul>
<ul>
<li>За допомогою мобільного додатку YouTube, користувачі можуть завантажувати відео для перегляду без підключення до Інтернету. Це особливо корисно в місцях з поганим або відсутнім інтернет-з'єднанням.</li>
</ul>
</ul>
</ul>
</ul>
</div>
</div>
<!-- end element --></div>
</div>
</div>
</div>
</div>
<style><!--
.dm-collaps-wrap {
margin-bottom: 15px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
border-radius: 6px;
}
.dm-collaps {
background-color: #EDEDED;
color: black;
background-image: none;
text-shadow: none;
width: 100%;
font-family: inherit;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
border-radius: 6px 6px 0 0;
text-align: left;
outline: none;
font-size: 15px;
}
.dm-collaps i.fa-angle-down {
font-style: inherit;
margin-right: 10px;
}
.dm-collaps--active i.fa-angle-down {
transform: scaleY(-1);
}
button.dm-collaps--active,
button.dm-collaps:hover,
button.dm-collaps:focus,
button.dm-collaps:active {
background-color: #c0c0c0ff;
color: #000000;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.dm-collaps-content {
padding: 0 18px;
display: none;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.dm-collaps-content p {
margin-top: 5px;
}
.dm-collaps-content img {
height: auto;
}
.dm-picnorm {
display: flex;
align-items: center;
}
.dm-picnorm img {
width: auto;
max-height: 150px;
margin-left: 10px;
}
.element_container{
min-height: 120px;
}
@media only screen and (max-width: 980px) {
.dm-picnorm {
flex-direction: column;
margin: 0 auto;
}
}
--></style>
<p>
<script>// <![CDATA[
$(".dm-sc-collaps-wrapper").each(function () {
$(this)
.find(".dm-collaps")
.click(function () {
$(this).toggleClass("dm-collaps--active");
$(this).next().toggle();
});
});
// ]]></script>
</p>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 6px; top: 409.719px;">
<div class="gtx-trans-icon"></div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@5f28f348dda144428f14f9f295ffad35">
<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@5f28f348dda144428f14f9f295ffad35" data-request-token="dacd15dc516311f09a9e1e1474f1d9bd" 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; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><em><b>Додатковий матеріал</b> – <a href="https://youtu.be/GpfC3dRaY4g?si=5rLZiYTFXZStPR9x" target="[object Object]">Як створити канал на YouTube. Реєстрація в Ютубі у 2025р</a></em></p>
</div>
</div>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/aKydtOXW8mI?si=bi6GuhBDums5_BwL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
<p></p>
<p></p>
<p></p>
<div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 30px; text-align: justify;">
<p><b>Додатковий матеріал</b> – <em><strong><a href="https://support.google.com/youtube/answer/1646861?hl=uk" target="[object Object]">Google Help</a></strong></em></p>
</div>
</div>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 381px; top: 1522.66px;">
<div class="gtx-trans-icon"></div>
</div>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@37eabfd99a2a43249e817f6936ac4573">
<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@37eabfd99a2a43249e817f6936ac4573" data-request-token="dacd15dc516311f09a9e1e1474f1d9bd" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 32px;"><span style="color: #156082; font-weight: bold;">Як опублікувати відео:</span></h3>
<p style="margin-bottom: 1px; font-size: 85%;"><em>Натисніть на інтерактивні елементи, щоб ознайомитися більш детально </em></p>
<p></p>
<div class="carousel-slider-wrapper">
<!--Start element 1 -->
<div class="dm-slideshow-container-carousel">
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/0de9a52cd591480257609d4c3035ba4a/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/1.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">
<p></p>
<p> Увійдіть у Google-акаунт.
</div>
</div>
</div>
<!--End element -->
<!--Start element 2 -->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/45902a8052cbe589cc60633ea00e1c74/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/2.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p></p>
<p> Перейдіть на YouTube і натисніть кнопку «Створити» → «Завантажити відео».
</div>
</div>
</div>
<!--End element -->
<!--Start element 3 -->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/8dc95982a86c22c60ac1ce8c8fcda530/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/3.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p></p>
<p> Додайте назву, опис, мітки (теги), початкове зображення.
</div>
</div>
</div>
<!--End element -->
<!--Start element 4-->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/f4ee159239f07385ce1551d6e44fa29c/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/4.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p></p>
<p>Оберіть тип доступу:
<ul>
<li> Публічне — усі можуть переглядати.</li>
<li> За посиланням — доступ мають лише ті, кому ви його надаєте.</li>
<li> Приватне — лише вибрані користувачі.</li>
</ul>
</div>
</div>
</div>
<!--End element -->
<!--Start element 5-->
<div class="dm-mySlides-carousel">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/a91df711e585f596ef93387a03b83477/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/5.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0; margin: 32px 0 32px 0 " />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p></p>
<p>Поділіться посиланням
<ul>
<li>Розмістіть посилання на відео ваш курс, на вебсайтах</li>
</ul>
</div>
</div>
</div>
<!--End element -->
<div class="dm-prev">❮</div>
<div class="dm-next">❯</div>
</div>
<p></p>
<div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> </div>
</div>
<p></p>
<style><!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 60px;
background: #005189;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 3px;
user-select: none;
}
.dm-slideshow-container-carousel .dm-next {
right: 0;
}
div.dm-slideshow-container-carousel .dm-prev:hover,
div.dm-slideshow-container-carousel .dm-next:hover {
background-color: #c0c0c0ff;
}
.dm-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dm-active,
.dm-dot:hover {
background-color: #717171;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
--></style>
<p>
<script>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(".carousel-slider-wrapper");
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) => dot.addEventListener('click', () => {
currentSlide(index + 1);
}))
nextButton.addEventListener("click", () => {
plusSlides(1);
})
prevButton.addEventListener("click", () => {
plusSlides(-1)
})
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides(slideIndex1 += n, currentSlider);
}
function currentSlide(n) {
showSlides(slideIndex1 = n, currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1
}
if (n < 1) {
slideIndex1 = slides.length
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@e546e4cbddca426e819d8ee61c761593">
<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@e546e4cbddca426e819d8ee61c761593" data-request-token="dacd15dc516311f09a9e1e1474f1d9bd" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: solid 1px #c8c8c8; border-radius: 5px; background: #fbffed; padding: 20px; margin: 15px 0 15px 0;">
<p><span style="color: #156082; font-size: 110%; font-weight: bold;"> Рекомендації для навчальних відео</span></p>
<p><b> 1. Чітка структура </b></p>
<ul>
<ul>
<li>Розділіть відео на логічні частини.</li>
</ul>
</ul>
<p><b>2. Короткі та змістовні</b></p>
<ul>
<ul>
<li>Намагайтеся зробити відео якомога коротшими, але не втрачаючи важливої інформації.</li>
</ul>
</ul>
<p><b>3. Візуальні ефекти</b></p>
<ul>
<ul>
<li>Використовуйте графіку, анімацію, схеми, щоб зробити відео більш цікавим та зрозумілим.</li>
</ul>
</ul>
<p><b>4. Інтерактивність</b></p>
<ul>
<ul>
<li>Ставте питання, заохочуйте глядачів до коментування.</li>
</ul>
</ul>
<p><b> 5. Якість звуку та зображення</b></p>
<ul>
<ul>
<li>Це критично важливо для навчальних відео.</li>
</ul>
</ul>
<p><b> 6.Субтитри</b></p>
<ul>
<ul>
<li>Зробіть відео доступним для ширшої аудиторії.</li>
</ul>
</ul>
<p><b>7. Орієнтація на цільову аудиторію</b></p>
<ul>
<ul>
<li>Підберіть стиль відео відповідно теми.</li>
</ul>
</ul>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 6. Публікація навчальних матеріалів"
© Всі права захищено