<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@a80282a834fe44929f223157a23d22f1" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@59bdd930353f4687af3e7545b88ef8f6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@59bdd930353f4687af3e7545b88ef8f6" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Послухай п’єси Каміля Сен-Санса «Лебідь» і «Слон» (із сюїти «Карнавал тварин»). Порівняй їхні художні образи та музичну мову.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Слон</h3>
<div
id="video_7964c331fc714e7fba3fc87b4ac429be"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["http://www.shkolyar.com.ua/QR/433.mp3"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@7964c331fc714e7fba3fc87b4ac429be/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="7964c331fc714e7fba3fc87b4ac429be"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Лебідь</h3>
<div
id="video_18f6e0ab2fc94b0db43e8c026f6e5a24"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["http://www.shkolyar.com.ua/QR/432.mp3"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@18f6e0ab2fc94b0db43e8c026f6e5a24/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="18f6e0ab2fc94b0db43e8c026f6e5a24"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</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:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@4306b91c0b754ba9907ab81124868a67" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@84e61a5375d7425ca8f1bb84a2ec8196">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@84e61a5375d7425ca8f1bb84a2ec8196" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Послухай і розучи пісню <span style="font-size: 1em; text-align: center;"><span style="text-align: start;">«</span>Щебетала пташечка</span>». Поміркуй, чи можна назвати цей твір веснянкою. </p>
<p class="MsoNormal" align="center" style="margin-bottom: 0cm; text-align: center; line-height: normal; mso-layout-grid-align: none; text-autospace: none;"></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Послухай пісню</h3>
<div
id="video_425c0e9cbf4442ed88d8824eea30b45b"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["http://www.shkolyar.com.ua/QR/435.mp3"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:EPC_Shkolyar+Art04+2026_T1/xblock/block-v1:EPC_Shkolyar+Art04+2026_T1+type@video+block@425c0e9cbf4442ed88d8824eea30b45b/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="425c0e9cbf4442ed88d8824eea30b45b"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</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:EPC_Shkolyar+Art04+2026_T1" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@vertical+block@bdb7b1e3c5a04e4595586fd25308fdbd" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@7cb35eb860854f9dbce14a6f5bb0c275">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:EPC_Shkolyar+Art04+2026_T1" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:EPC_Shkolyar+Art04+2026_T1+type@html+block@7cb35eb860854f9dbce14a6f5bb0c275" data-request-token="682de7d4570e11f187478a5ef075e388" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="art-task">
<h2>Розглянь зображення</h2>
<p>Познач, які художники малюють такі картини:</p>
<div class="art-image-grid">
<img src="/assets/courseware/v1/df7ba864e09b98a9597fdd3f5b4d435b/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_12.1.jpg" alt="Зображення 1" style="width: 200px !important;">
<img src="/assets/courseware/v1/cb7be6b512249d6d77ed5e27f288c6c6/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_12.2.png" alt="Зображення 2" style="width: 300px !important;">
<img src="/assets/courseware/v1/67411c3c471c93b6b0d94e2402bb4e3e/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_12.3.jpg" alt="Зображення 3" style="width: 300px !important;">
<img src="/assets/courseware/v1/301631d6a59cc9d693a81ce0ae019d39/asset-v1:EPC_Shkolyar+Art04+2026_T1+type@asset+block/%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%B0_12.4.png" alt="Зображення 4" style="width: 300px !important;">
</div>
<div class="art-options">
<div class="option" onclick="selectOption(this)">АНІМАЛІСТИ</div>
<div class="option" onclick="selectOption(this)">ПЕЙЗАЖИСТИ</div>
<div class="option" onclick="selectOption(this)">ПОРТРЕТИСТИ</div>
</div>
<div class="check-btns">
<div class="check-btn" onclick="checkArt()">Перевірити</div>
</div>
<div id="art-result" class="result-message"></div>
</div>
<style>
.art-task {
max-width: 800px;
margin: 0 auto;
font-family: Arial, sans-serif;
padding: 20px;
text-align: left;
}
.prompt {
font-weight: bold;
margin-bottom: 20px;
}
.art-image-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 25px;
}
.art-image-grid img {
height: auto;
border-radius: 8px;
border: 1px solid #ccc;
}
.art-options {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
margin-bottom: 20px;
}
.option {
background-color: #b2d8b2;
padding: 12px 20px;
border-radius: 8px;
cursor: pointer;
text-align: center;
width: 100%;
max-width: 500px;
font-weight: bold;
transition: background-color 0.2s ease;
}
.option.selected {
background-color: #4CAF50;
color: white;
}
.check-btns {
display: flex;
justify-content: center;
gap: 15px;
}
.check-btn {
padding: 10px 25px;
font-size: 16px;
background-color: #007BFF;
color: white;
border-radius: 8px;
cursor: pointer;
text-align: center;
}
.check-btn:hover {
background-color: #0056b3;
}
.result-message {
text-align: center;
margin-top: 15px;
font-weight: bold;
font-size: 18px;
}
</style>
<script>
let selectedElement = null;
const correctAnswer = "АНІМАЛІСТИ";
function selectOption(element) {
const result = document.getElementById("art-result");
result.textContent = "";
if (selectedElement === element) {
element.classList.remove("selected");
selectedElement = null;
} else {
document.querySelectorAll(".option").forEach(opt => opt.classList.remove("selected"));
element.classList.add("selected");
selectedElement = element;
}
}
function checkArt() {
const result = document.getElementById("art-result");
if (!selectedElement) {
result.textContent = "❗ Обери відповідь";
result.style.color = "orange";
return;
}
const selectedText = selectedElement.textContent.trim();
if (selectedText === correctAnswer) {
result.textContent = "✅ Правильно!";
result.style.color = "green";
} else {
result.textContent = "❌ Неправильно. Спробуй ще раз.";
result.style.color = "red";
}
}
</script>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Е-додаток до підручника (Розділ 2. Мистецтво без меж і кордонів)'"
© Всі права захищено