<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@vertical+block@c538ef21989245079a1808bf46e36923" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:UIED+8thUkrLit06+2024+type@pdf+block@55254ae6899b445f8679f0cf31beeda0">
<div class="xblock xblock-public_view xblock-public_view-pdf" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="pdfXBlockInitView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="pdf" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@pdf+block@55254ae6899b445f8679f0cf31beeda0" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<div class="pdf_block">
<h2>Ознайомся з матеріалами теми</h2>
<div class="desktop-only">
<iframe src="/assets/courseware/v1/443a799520c95b382309a1cf619d3371/asset-v1:UIED+8thUkrLit06+2024+type@asset+block/%D0%9B%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_%D1%82%D0%B0_%D1%85%D1%83%D0%B4%D0%BE%D0%B6%D0%BD%D1%96%D0%B9_%D0%BE%D0%B1%D1%80%D0%B0%D0%B7_%D0%90%D1%80%D1%85%D0%B8%D0%BF%D0%BE%D0%B2%D0%B0_%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D1%81%D1%8C%D0%BA%D0%B0_%D0%BB%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_8.pdf" width="100%" height="600">
<p>
Здається, у вас немає плагіна PDF для цього браузера.</a>
</p>
</iframe>
</div>
<div class="mobile-only">
<p>
Здається, у вас немає плагіна PDF для цього браузера.</a>
</p>
</div>
<ul>
<li class="pdf-download-button">
<a href="/assets/courseware/v1/443a799520c95b382309a1cf619d3371/asset-v1:UIED+8thUkrLit06+2024+type@asset+block/%D0%9B%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_%D1%82%D0%B0_%D1%85%D1%83%D0%B4%D0%BE%D0%B6%D0%BD%D1%96%D0%B9_%D0%BE%D0%B1%D1%80%D0%B0%D0%B7_%D0%90%D1%80%D1%85%D0%B8%D0%BF%D0%BE%D0%B2%D0%B0_%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D1%81%D1%8C%D0%BA%D0%B0_%D0%BB%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_8.pdf" download>Завантажити PDF-файл</a>
</li>
</ul>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@ce0b8e7b2c19401a807d4cbe5ebc78f7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@ce0b8e7b2c19401a807d4cbe5ebc78f7" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h2>💡 Поміркуй над словами відомого мистецтвознавця Платона Білецького. У чому їхній сенс для тебе?</h2>
<blockquote class="custom-quote">
<p>Мистецтво, подібно до мови, є засобом спілкування людей, подібно до науки – засобом пізнання дійсності, подібно до педагогіки і моралі – засобом виховання, прищеплення знань і норм поведінки в суспільстві. </p>
<p><em>Платон Білецький</em></p>
</blockquote>
<style>
/* Основні стилі */
body {
font-family: 'OpenSans', sans-serif; /* Шрифт для всієї сторінки */
line-height: 1.6; /* Висота між рядками тексту */
margin: 0; /* Скидання зовнішніх відступів сторінки */
padding: 0; /* Скидання внутрішніх відступів сторінки */
}
h1 { /* Рубрика або умовна позначка */
font-size: 24px; /* Розмір шрифту */
text-transform: uppercase; /* Перетворення тексту на великі літери */
font-weight: bold; /* Жирний текст */
margin-bottom: 16px; /* Відступ знизу */
}
h2 { /* Заголовок */
font-size: 18px; /* Розмір шрифту */
font-weight: bold; /* Жирний текст */
text-transform: uppercase; /* Великі літери */
color: ; /* Колір (порожній, тут потрібно додати значення) */
margin-bottom: 12px; /* Відступ знизу */
}
h3 { /* Підзаголовок */
font-size: 15px; /* Розмір шрифту */
font-weight: bold; /* Жирний текст */
margin-bottom: 8px; /* Відступ знизу */
}
p { /* Абзаци */
font-size: 14px; /* Розмір шрифту */
margin-bottom: 16px; /* Відступ знизу */
}
.poetry {
font-size: 14px; /* Розмір шрифту */
line-height: 1.4; /* Мінімальний зручний міжрядковий відступ для читання */
margin-bottom: 16px; /* Відступ знизу між абзацами */
margin-top: 0; /* Відсутній відступ зверху */
}
ul { /* Списки */
list-style-type: disc; /* Маркери у вигляді кружечків */
margin: 16px 0; /* Зовнішні відступи зверху і знизу */
padding-left: 20px; /* Відступ зліва для маркерів */
}
li { /* Елементи списку */
list-style-position: outside; /* Маркери розташовані за межами тексту */
color: black; /* Колір тексту */
}
.emoji-row {
font-size: 28px; /* Встановлює розмір шрифту для емодзі (28px) */
margin-bottom: 16px; /* Додає відступ знизу для елементу, щоб відокремити його від наступного контенту */
}
/* Світло-жовта заливка */
.content-section {
padding: 40px; /* Додає внутрішні відступи навколо вмісту (з усіх сторін) по 40px */
margin-bottom: 20px; /* Додає відступ знизу між розділами контенту */
background-color: #E3E06B; /* Встановлює колір фону для секції (світло-жовтий) */
}
.content-section.with-bg {
background-color: rgba(0, 0, 0, 0.1); /* Встановлює прозорий чорний фон (0.1 opacity) */
}
/* зображення праворуч (обтікає його текстом) */
.image-right {
float: right; /* Фіксує зображення праворуч (обтікає його текстом) */
width: ; /* Ширина зображення не вказана, потрібно задати значення */
margin: 20px; /* Відступи навколо зображення для забезпечення простору */
}
.figure-right {
float: right; /* Фіксує зображення праворуч, дозволяючи тексту обтікати його */
width: 220px; /* Встановлює ширину блоку, що містить зображення та підпис */
margin: 20px; /* Відступи навколо блоку */
}
.figure-right img {
width: 100%; /* Зображення займає всю ширину контейнера */
height: auto; /* Висота зображення адаптується для збереження пропорцій */
}
.figure-right figcaption {
font-size: 14px; /* Встановлює розмір шрифту для підпису */
text-align: center; /* Центрує підпис під зображенням */
color: #555; /* Колір тексту підпису (сірий) */
margin-top: 10px; /* Відступ між зображенням і підписом */
}
.custom-quote {
font-family: 'Georgia', serif; /* Шрифт без зарубок, але відмінний від основного */
font-style: italic; /* Курсив для виділення цитати */
font-size: 20px; /* Зручний розмір для читання */
color: #444444; /* Темно-сірий колір для гарного контрасту */
background-color: #f9f9f9; /* Світло-сіра підкладка */
border-left: 4px solid #cccccc; /* Лінія ліворуч для акценту */
padding: 12px 20px; /* Внутрішній відступ */
margin: 20px 0; /* Відступ від інших елементів */
border-radius: 4px; /* Згладжені кути для естетичного вигляду */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Легка тінь для візуального ефекту */
}
.custom-hr { /* Горизонтальна лінія */
border: none; /* Прибирає стандартну рамку */
border-top: 2px solid #ccc; /* Верхня рамка сірого кольору */
margin: 20px 0; /* Відступи зверху і знизу */
width: 100%; /* Займає всю ширину контейнера */
}
.image-container { /* Контейнер для зображень */
text-align: center; /* Вирівнювання по центру */
margin-top: 20px; /* Відступ зверху */
}
.image-container img { /* Зображення у контейнері */
max-width: 100%; /* Зображення не перевищує ширину контейнера */
height: auto; /* Зберігає пропорції */
}
.image-container height img {
max-height: 100%; /* Обмежує максимальну висоту зображення до 100% висоти контейнера */
width: auto; /* Ширина зображення адаптується автоматично, зберігаючи пропорції */
}
/* Фонове зображення */
.photo-bg {
background-image: url('link-to-image.jpg'); /* Вказує посилання на зображення */
background-size: cover; /* Зображення займає всю площу контейнера, обрізається за потреби */
background-position: center; /* Центрує зображення в контейнері */
background-repeat: no-repeat; /* Зображення не повторюється */
opacity: 0.75; /* Застосовує прозорість на 25% (0.75 замість 1) */
}
/* Підпис під зображенням */
.image-caption {
font-size: 11px; /* Розмір шрифту */
color: #555; /* Колір тексту підпису */
margin-top: 8px; /* Відступ між зображенням і підписом */
text-align: center; /* Центрування підпису */
font-style: italic; /* Курсив для естетики */
display: block; /* Блоковий елемент для гарантії розташування під фото */
}
.two-column { /* Контейнер для двох колонок */
display: flex; /* Використання флексбоксу */
flex-wrap: wrap; /* Дозволяє переносити елементи */
gap: 20px; /* Проміжок між колонками */
}
.two-column .text { /* Колонка тексту */
flex: 1; /* Займає доступний простір */
min-width: 300px; /* Мінімальна ширина */
}
.two-column .image { /* Колонка зображень */
flex: 1; /* Займає доступний простір */
min-width: 300px; /* Мінімальна ширина */
}
/* Виділення тексту */
strong {
font-weight: bold; /* Жирний текст */
color: #000; /* Чорний колір */
}
em {
font-style: italic; /* Курсив */
color: #555; /* Світло-сірий */
}
</style>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@16cb4ff49f244755ba15a0ed5f88eb55">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@16cb4ff49f244755ba15a0ed5f88eb55" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h2> Попрацюйте в групі. </h2>
<h3>Дослідіть художні образи у фрагменті тексту з повісті «Захар Беркут» Івана Франка. За допомогою техніки «Коло думок» визначте їхні різновиди та особливості словесного малювання.</h3>
<blockquote class="custom-quote">
<p>Глибока тиша стояла над горами; нічні сумерки дрімали під темно-зеленими коронами смерек; на густім, чепіргатім листю папороті висіли краплі роси; повзучі зелені поясники вилися попід ноги, плуталися поміж корінням величезних вивертів, спліталися в непрохідні клебуки з корчами гнучкої, колючої ожини та з сплетами дикого, пнучого хмелю. З пропадистих, чорних, мов горла безодні, дебрів піднімалася сивими туманами пара — знак, що на дні тих дебрів плили невеличкі лісові потоки. Повітря в лісі напоєне було тою парою й запахом живиці; воно захоплювало дух, немовбито ширших грудей треба було, щоб дихати ним свобідно. </p>
<p><em> </em></p>
</blockquote>
<style>
/* Основні стилі */
body {
font-family: 'OpenSans', sans-serif; /* Шрифт для всієї сторінки */
line-height: 1.6; /* Висота між рядками тексту */
margin: 0; /* Скидання зовнішніх відступів сторінки */
padding: 0; /* Скидання внутрішніх відступів сторінки */
}
h1 { /* Рубрика або умовна позначка */
font-size: 24px; /* Розмір шрифту */
text-transform: uppercase; /* Перетворення тексту на великі літери */
font-weight: bold; /* Жирний текст */
margin-bottom: 16px; /* Відступ знизу */
}
h2 { /* Заголовок */
font-size: 18px; /* Розмір шрифту */
font-weight: bold; /* Жирний текст */
text-transform: uppercase; /* Великі літери */
color: ; /* Колір (порожній, тут потрібно додати значення) */
margin-bottom: 12px; /* Відступ знизу */
}
h3 { /* Підзаголовок */
font-size: 15px; /* Розмір шрифту */
font-weight: bold; /* Жирний текст */
margin-bottom: 8px; /* Відступ знизу */
}
p { /* Абзаци */
font-size: 14px; /* Розмір шрифту */
margin-bottom: 16px; /* Відступ знизу */
}
.poetry {
font-size: 14px; /* Розмір шрифту */
line-height: 1.4; /* Мінімальний зручний міжрядковий відступ для читання */
margin-bottom: 16px; /* Відступ знизу між абзацами */
margin-top: 0; /* Відсутній відступ зверху */
}
ul { /* Списки */
list-style-type: disc; /* Маркери у вигляді кружечків */
margin: 16px 0; /* Зовнішні відступи зверху і знизу */
padding-left: 20px; /* Відступ зліва для маркерів */
}
li { /* Елементи списку */
list-style-position: outside; /* Маркери розташовані за межами тексту */
color: black; /* Колір тексту */
}
.emoji-row {
font-size: 28px; /* Встановлює розмір шрифту для емодзі (28px) */
margin-bottom: 16px; /* Додає відступ знизу для елементу, щоб відокремити його від наступного контенту */
}
/* Світло-жовта заливка */
.content-section {
padding: 40px; /* Додає внутрішні відступи навколо вмісту (з усіх сторін) по 40px */
margin-bottom: 20px; /* Додає відступ знизу між розділами контенту */
background-color: #E3E06B; /* Встановлює колір фону для секції (світло-жовтий) */
}
.content-section.with-bg {
background-color: rgba(0, 0, 0, 0.1); /* Встановлює прозорий чорний фон (0.1 opacity) */
}
/* зображення праворуч (обтікає його текстом) */
.image-right {
float: right; /* Фіксує зображення праворуч (обтікає його текстом) */
width: ; /* Ширина зображення не вказана, потрібно задати значення */
margin: 20px; /* Відступи навколо зображення для забезпечення простору */
}
.figure-right {
float: right; /* Фіксує зображення праворуч, дозволяючи тексту обтікати його */
width: 220px; /* Встановлює ширину блоку, що містить зображення та підпис */
margin: 20px; /* Відступи навколо блоку */
}
.figure-right img {
width: 100%; /* Зображення займає всю ширину контейнера */
height: auto; /* Висота зображення адаптується для збереження пропорцій */
}
.figure-right figcaption {
font-size: 14px; /* Встановлює розмір шрифту для підпису */
text-align: center; /* Центрує підпис під зображенням */
color: #555; /* Колір тексту підпису (сірий) */
margin-top: 10px; /* Відступ між зображенням і підписом */
}
.custom-quote {
font-family: 'Georgia', serif; /* Шрифт без зарубок, але відмінний від основного */
font-style: italic; /* Курсив для виділення цитати */
font-size: 20px; /* Зручний розмір для читання */
color: #444444; /* Темно-сірий колір для гарного контрасту */
background-color: #f9f9f9; /* Світло-сіра підкладка */
border-left: 4px solid #cccccc; /* Лінія ліворуч для акценту */
padding: 12px 20px; /* Внутрішній відступ */
margin: 20px 0; /* Відступ від інших елементів */
border-radius: 4px; /* Згладжені кути для естетичного вигляду */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Легка тінь для візуального ефекту */
}
.custom-hr { /* Горизонтальна лінія */
border: none; /* Прибирає стандартну рамку */
border-top: 2px solid #ccc; /* Верхня рамка сірого кольору */
margin: 20px 0; /* Відступи зверху і знизу */
width: 100%; /* Займає всю ширину контейнера */
}
.image-container { /* Контейнер для зображень */
text-align: center; /* Вирівнювання по центру */
margin-top: 20px; /* Відступ зверху */
}
.image-container img { /* Зображення у контейнері */
max-width: 100%; /* Зображення не перевищує ширину контейнера */
height: auto; /* Зберігає пропорції */
}
.image-container height img {
max-height: 100%; /* Обмежує максимальну висоту зображення до 100% висоти контейнера */
width: auto; /* Ширина зображення адаптується автоматично, зберігаючи пропорції */
}
/* Фонове зображення */
.photo-bg {
background-image: url('link-to-image.jpg'); /* Вказує посилання на зображення */
background-size: cover; /* Зображення займає всю площу контейнера, обрізається за потреби */
background-position: center; /* Центрує зображення в контейнері */
background-repeat: no-repeat; /* Зображення не повторюється */
opacity: 0.75; /* Застосовує прозорість на 25% (0.75 замість 1) */
}
/* Підпис під зображенням */
.image-caption {
font-size: 11px; /* Розмір шрифту */
color: #555; /* Колір тексту підпису */
margin-top: 8px; /* Відступ між зображенням і підписом */
text-align: center; /* Центрування підпису */
font-style: italic; /* Курсив для естетики */
display: block; /* Блоковий елемент для гарантії розташування під фото */
}
.two-column { /* Контейнер для двох колонок */
display: flex; /* Використання флексбоксу */
flex-wrap: wrap; /* Дозволяє переносити елементи */
gap: 20px; /* Проміжок між колонками */
}
.two-column .text { /* Колонка тексту */
flex: 1; /* Займає доступний простір */
min-width: 300px; /* Мінімальна ширина */
}
.two-column .image { /* Колонка зображень */
flex: 1; /* Займає доступний простір */
min-width: 300px; /* Мінімальна ширина */
}
/* Виділення тексту */
strong {
font-weight: bold; /* Жирний текст */
color: #000; /* Чорний колір */
}
em {
font-style: italic; /* Курсив */
color: #555; /* Світло-сірий */
}
</style>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@bb9255665aab4b809e2f3b808846d8b5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@bb9255665aab4b809e2f3b808846d8b5" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>🥇 Пригадай види мистецтва та пройди гру.</p>
<p></p>
<iframe style="max-width:100%" src="https://wordwall.net/uk/embed/c12602bbfb5941aca9ddc67f7a74dc51?themeId=50&templateId=3&fontStackId=15" width="100%" height="600" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@58393c79ebc740489ea1992e54857d8c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@58393c79ebc740489ea1992e54857d8c" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h2 dir="ltr" style="line-height: 1.42; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 29pt; font-family: Oswald; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">🖼️ </span><span style="font-size: 29pt; font-family: Oswald; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"><span class="Apple-tab-span" style="text-wrap-mode: nowrap;"> </span></span><span style="font-size: 13pt; font-family: Oswald; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Пригадай види мистецтва. </span></h2>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Створи фотоколаж, який відображатиме найпоказовіші елементи кожного виду. Розроби дизайн брошури про один із видів мистецтва за допомогою </span><a href="https://www.canva.com/" style="text-decoration-line: none;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;">https://www.canva.com/</span></a><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> або іншого цифрового ресурсу</span></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"><img height="541" width="700" src="/assets/courseware/v1/15e57d1f89c3af52ba0814a5cb59d679/asset-v1:UIED+8thUkrLit06+2024+type@asset+block/01.jpg" alt="" /></span></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@9fb13d70309049afb2f5824a043cda54">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@9fb13d70309049afb2f5824a043cda54" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<section class="expandable-section" >
<div class="header">
<h3>Пригадай, що таке <span class="italic-text">художній образ</span></h3>
<button class="toggle-button" onclick="toggleContent()">Розгорнути</button>
</div>
<div class="content" id="expandable-content">
<p>Художній образ — це узагальнена картина життя і навколишнього світу (стан душі, явище природи, ідея, подія предмет), що конкретно втілена в певну художню форму (пісня, поема, роман) творчою уявою митця за законами естетичного сприйняття.</p>
</div>
</section>
<style>
.expandable-section {
font-family: 'Open Sans', Arial, sans-serif;
margin: 20px;
}
.header h3 {
color: black;
font-weight: bold;
font-style: normal;
}
.italic-text {
font-style: italic;
}
.content {
display: none; /* Спочатку текст прихований */
color: white;
font-size: 16px;
line-height: 1.6;
padding-top: 10px;
}
.toggle-button {
background-color: transparent;
border: 2px solid #4CAF50;
color: #4CAF50;
padding: 10px 20px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.toggle-button:hover {
background-color: #4CAF50;
color: white;
}
</style>
<script>
function toggleContent() {
var content = document.getElementById("expandable-content");
var button = document.querySelector(".toggle-button");
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block"; // Показуємо текст
button.textContent = "Згорнути"; // Змінюємо текст кнопки
} else {
content.style.display = "none"; // Приховуємо текст
button.textContent = "Розгорнути"; // Змінюємо текст кнопки
}
}
</script>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@f4990cb032994aa6b91adbc5680df0ad">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@f4990cb032994aa6b91adbc5680df0ad" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">📕 </span><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"><span class="Apple-tab-span" style="text-wrap-mode: nowrap;"> </span></span><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Тихе читання. Прочитай вірш Ліни Костенко.</span></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-weight: bold; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">АКВАРЕЛІ ДИТИНСТВА</span></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> </span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Дніпро, старенький дебаркадер, левино-жовті береги</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">лежать, на кігті похиливши зелену гриву шелюги.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">В пісок причалює пірога. Хтось варить юшку,</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">дим і дим.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Суха, порепана дорога повзе, як спраглий крокодил.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">В Дніпрі купається Купава. Мені ще рочків, може, три.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">А я чекаю пароплава із-за трипільської гори.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Моє нечуване терпіння іще ніхто не переміг,</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">бо за терпінням є Трипілля, а за Черніговом – Черніг.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Черніг страшний, він дуже чорний.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Як звечоріє на Дніпрі,</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Черніг сідає в чорний човен і ставить чорні ятері.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">І ті корчі, і те коріння, розмите повінню з весни,</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">і золотаве звечоріння в зелених кучерях сосни.</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">І ті роки, що так промчали, і пароплав той, і гора...</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">Це вже невидимі причали</span></p>
<p dir="ltr" style="line-height: 1.5; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Roboto Serif'; color: #1f1f1f; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">в глибокій пам'яті Дніпра.</span></p>
<p dir="ltr" style="line-height: 1.6; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 13pt; font-family: 'Open Sans'; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> </span></p>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:UIED+8thUkrLit06+2024+type@problem+block@3a92981754eb403797f1a73f8e282823">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-block-type="problem" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@problem+block@3a92981754eb403797f1a73f8e282823" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Завдання до вірша доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-8" data-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@aa163ce2029f4da5bfee404252b1fdcf">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@html+block@aa163ce2029f4da5bfee404252b1fdcf" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<section>
<div>
<h2>⭐ Пригадай, які ти знаєш роди літератури. Прослухай уривки музичних творів. Якому роду літератури, на твою думку, відповідає кожен з уривків? Чому?</h2>
<p></p>
</div>
<h3>Максим Созонтович Березовський — Cимфонія № 1 C-Dur, До-мажор:</h3>
<iframe width="100%" height="600" src="https://www.youtube.com/embed/Yf1WCKztGmE?si=gUIEn2UkvI_XeDlD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p></p>
<p></p>
<h3>Дмитро Бортнянський і бандура</h3>
<iframe width="100%" height="600" src="https://www.youtube.com/embed/eu_c1EG2nZc?si=ftflSJN3i86I2LqF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p></p>
<p></p>
<h3>Українська сюїта у формі старовинних танців. Прелюдія (Хлопче — молодче, який ти ледащо) соль мінор. Композитор Микола Лисенко. Виконує Ірина Рябчун.</h3>
<iframe width="100%" height="600" src="https://www.youtube.com/embed/0R1jex4dCA4?si=JFV1O1nI3Twu61A-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p></p>
</section>
<style>
/* Основні стилі */
body {
font-family: 'OpenSans', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
h1 { /* рубрика */
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 16px;
}
h2 { /* заголовок */
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: ;
margin-bottom: 12px;
}
h3 { /* підзаголовок */
font-size: 15px;
font-weight: bold;
margin-bottom: 8px;
}
p {
font-size: 14px;
margin-bottom: 16px;
}
ul {
list-style-type: disc;
margin: 16px 0;
padding-left: 20px;
}
.emoji-row {
font-size: 28px;
margin-bottom: 16px;
}
.content-section {
padding: 40px;
margin-bottom: 20px;
background-color: #E3E06B;
}
.content-section.with-bg {
background-color: rgba(0, 0, 0, 0.1); /* Прозорий фон */
}
.image-right {
float: right; /* Фіксує зображення праворуч */
width: ; /* Фіксована ширина зображення */
margin: 20px; /* Відступи навколо зображення */
}
/* Скидання обтікання */
.clearfix::after {
content: "";
display: table;
clear: both;
}
.figure-right {
float: right; /* Фіксує зображення праворуч */
width: 220px; /* Загальна ширина блоку із зображенням і підписом */
margin: 20px; /* Відступи навколо блоку */
}
.figure-right img {
width: 100%; /* Зображення займає всю ширину контейнера */
height: auto; /* Зберігає пропорції зображення */
}
.figure-right figcaption {
font-size: 14px; /* Розмір шрифту підпису */
text-align: center; /* Центрування підпису */
color: #555; /* Колір тексту підпису */
margin-top: 10px; /* Відступ між зображенням і підписом */
}
.image-container {
text-align: center;
margin-top: 40px;
}
.image-container img {
max-width: 100%;
height: auto;
}
.image-container height img {
max-height: 100%;
width: auto;
}
.image-caption {
font-size: 11px;
color: #555;
margin-top: 8px;
}
.two-column {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.two-column .text {
flex: 1;
min-width: 300px;
}
.two-column .image {
flex: 1;
min-width: 300px;
}
/* Виділення тексту */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
.content-section.with-bg {
background-color: rgba(0, 0, 0, 0.1); /* Прозорий фон */
color: #222; /* Темніший колір тексту для контрасту */
}
.image-caption {
font-size: 14px;
color: #777; /* Світло-сірий колір для підписів під зображеннями */
}
/* Виділення тексту */
strong {
font-weight: bold;
color: #000; /* Чорний для виділення жирного тексту */
}
em {
font-style: italic;
color: #555; /* Світло-сірий для курсивного тексту */
}
</style>
</div>
</div>
<div class="vert vert-9" data-id="block-v1:UIED+8thUkrLit06+2024+type@discussion+block@6a1f828cb63047d3bd731533d1f9d4ea">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:UIED+8thUkrLit06+2024" data-block-type="discussion" data-usage-id="block-v1:UIED+8thUkrLit06+2024+type@discussion+block@6a1f828cb63047d3bd731533d1f9d4ea" data-request-token="f9154b4237d911f1ba517af59b232edc" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Обговорення доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
© Всі права захищено