<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@5e9b3eacef0d42ee9ae3d369683bc678" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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@446bd6bcaaa945328e38a58b4f0c4ede">
<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@446bd6bcaaa945328e38a58b4f0c4ede" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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/de479810545afff2014b1e1a0fe06863/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m2_img1_office_vstyp.png" alt="ava" style="border-radius: 20px;" /></p>
<h3><span style="color: #004984; font-weight: bold;">Вступ до теми</span></h3>
<p style="text-align: justify;">Цей модуль присвячений програмам, які використовуються для створення цифрових матеріалів. Він охоплює широкий список програм — від простих інструментів для створення текстових заміток до інтерактивних презентацій</p>
<p style="text-align: justify;">Основна мета модуля - надати слухачам практичні знання та навички для вибору та використання відповідного програмного забезпечення, що дозволить їм самостійно розробляти професійні навчальні матеріали, оптимізовані для різних форматів та платформ.</p>
<p><i>Натисніть на інтерактивні елементи, щоб дізнатись які знання та навички ви отримаєте після вивчення цієї теми</i></p>
<div class="dm2-cardsWrap"><!-- Card 1 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img"><img src="/assets/courseware/v1/27671af44ede7a45f7dd085361296ec0/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_book.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>Знання, які ви отримаєте</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;"><strong>У цій темі ви дізнаєтеся про:</strong></p>
<ul style="margin-left: 10px;">
<li>різні категорії програмного забезпечення</li>
<li>критерії вибору інструменту для ваших потреб</li>
<li>сучасні тенденції, що впливають на розробку навчальних матеріалів</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img"><img src="/assets/courseware/v1/57344ed65dc558602f63c8c42202b6e7/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_girl.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>Навички, які ви опануєте</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;"><strong>Після вивчення цієї теми ви зможете:</strong></p>
<ul style="margin-left: 10px;">
<li>вибирати відповідне програмне забезпечення для ефективної роботи</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm2-cardsWrap img{
/* height: 100px; */
margin: 10px 0;
}
/*
body.view-in-course div.container .course-wrapper {
display: table;
} */
.dm2-cardsWrap>* {
box-sizing: border-box;
}
.dm2-cardsWrap {
margin: 0;
margin-bottom: 22px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.dm2-cardContainer {
/* position: relative; */
width: 400px;
height: 350px;
margin: 5px;
perspective: 1000px;
}
.dm2-cardContainer-card-active {
transform: translateZ(0px) rotateY(180deg) !important;
}
.dm2-cardContainer-card-active:after {
display: none;
}
.dm2-cardContainer-card {
display: inline-block;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 6px;
transform-style: preserve-3d;
transform: translateZ(-20px);
transition: all 0.2s;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
}
.dm2-cardContainer-card:after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 6px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
opacity: 0;
transition: all 0.2s;
}
.dm2-cardContainer-card:hover {
transform: translateZ(0px);
}
.dm2-cardContainer-card:hover:after {
opacity: 1;
}
.dm2-cardContainer-card .dm2-cardContainer-card-side {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
border-radius: 6px;
background-color: white;
}
.dm2-cardContainer-card .dm2-cardContainer-card-front {
/*z-index: 2;*/
background-color: #30b6dd;
display: flex;
justify-content: center;
align-items: center;
}
.dm2-cardContainer-card div.dm2-cardContainer-card-front p {
color: #000000;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back {
transform: rotateY(180deg);
font-size: 16px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back .dm2-cardContainer-card-info {
width: 90%;
text-align: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-info p {
padding: 32px 16px 0px;
text-align: center;
margin-bottom: 0;
align-self: flex-end;
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-img {
background-color: #dadce2;
background-position: center;
background-size: cover;
border-radius: 6px 6px 0 0;
width: 100%;
/* height: 250px; */
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-info {
display: flex;
height: 100%;
text-align: center;
flex-direction: column;
align-items: center;
}
.dm2-cardContainer-card-info-img {
margin-top: 15%;
height: 60%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
align-self: center;
}
.dm2-cardContainer-card-info-img img{
width: 120px;
}
.dm2-cardContainer-card-back {
position: relative;
}
.dm2-cardContainer-card-back h2 {
margin-top: 6px;
margin-bottom: 18px;
}
.dm2-cardContainer-card-info-back{
width: 90%;
}
.dm2-cardContainer-card-info-back ul{
margin: 0;
}
.dm2-cardContainer-card-info-back li{
margin: 0 !important;
}
.dm2-cardContainer-card-info-header{
text-transform: uppercase;
display: none;
}
.dm2-cardContainer-card-info-header, .dm2-cardContainer-card-info-text{
/* width: 90%; */
padding: 0 10px;
margin-top: 10px;
}
.dm2-cardContainer-card-info-header-back{
color: #4849f9;
font-weight: 700;
margin: 16px 0;
text-transform: uppercase;
}
@media screen and (max-width: 993px) {
.dm2-cardContainer{
width: 300px;
height: 350px;
font-size: 14px !important;
}
.dm2-cardContainer-card-info-img img{
width: 100px;
}
}
--></style>
<p>
<script>// <![CDATA[
function flip() {
$(".dm2-cardContainer-card")
.not(this)
.each(function () {
$(this).removeClass("dm2-cardContainer-card-active");
});
if ($(this).hasClass("dm2-cardContainer-card-active")) {
$(this).removeClass("dm2-cardContainer-card-active");
} else {
$(this).addClass("dm2-cardContainer-card-active");
}
}
$(".dm2-cardContainer-card").each(function () {
$(this).bind("click", flip);
});
// ]]></script>
</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@4940ac91af044ba3bfd5b5dc160d2249" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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@78ac8038e124436fb73176c4d645d5ff">
<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@78ac8038e124436fb73176c4d645d5ff" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p>Вивчаючи інструменти для роботи нам потрібні вхідні навчальні матеріали для створення контенту та кінцева ціль</p>
<p style="text-align: center;"><img height="auto" width="960" src="/assets/courseware/v1/4b423463271ee77df8711216c6381078/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/nav_proekt.png" alt="picture" /></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@bb22510decea4f66804e8361be8354d8">
<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@bb22510decea4f66804e8361be8354d8" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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>Сформуйте для себе тему проєктної роботи згідно з напрямком роботи / кваліфікації / улюбленої справи</p>
<p>Створіть навчальний посібник або презентацію та відеоінструкцію на вибрану тему</p>
</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: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@445a01b21bd747c696d653aa7304f2f3" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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@b720f926fd8242ceb6fd8fe5653aceeb">
<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@b720f926fd8242ceb6fd8fe5653aceeb" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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: 24px;"><span style="color: #00498499; font-weight: bold; font-size: 130%;"> Microsoft 365</span></h3>
<p style="text-align: center;"><img height="auto" width="100%" src="/assets/courseware/v1/00a42da3705e0bf5967348929120ff37/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m2_t1_MS_header.png" alt="picture1" /></p>
<p style="text-align: justify;"><a href="https://www.microsoft.com/uk-ua/microsoft-365" target="[object Object]"><b>Microsoft 365</b> </a>– офісний пакет, створений корпорацією Microsoft.</p>
<p>До складу цього пакету входить програмне забезпечення для роботи з різними типами документів: текстами, електронними таблицями, презентаціями, базами даних тощо.</p>
<p style="text-align: justify;"></p>
<div style="border: 2px solid #253777; box-shadow: 4px 0px 8px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<ul>
<ul>
<li><strong>Програми:</strong> Word, Excel, PowerPoint, Outlook, Access</li>
<li><strong>Платформа:</strong> Windows, macOS, Android, iOS, Web</li>
<li><strong>Платний</strong> (є версія Microsoft 365 — з хмарним доступом)</li>
<li><strong>Висока сумісність</strong>, розширені функції</li>
</ul>
</ul>
</div>
<p></p>
<h3 style="padding-top: 24px;"><span style="color: #00498499; font-weight: bold; font-size: 130%;"> LibreOffice</span></h3>
<p style="text-align: center; padding-top: 32px;"><img height="auto" width="100%" src="/assets/courseware/v1/f813894b03b72276fd9d2b032a7e23dc/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m2_t1_libra_header.png" alt="picture1" /></p>
<p></p>
<p style="text-align: justify;"><strong><a href="https://uk.libreoffice.org" target="[object Object]">LibreOffice</a> </strong>— це відкрита альтернатива Microsoft Office, яка включає повний набір офісних додатків для створення текстів, таблиць, презентацій, малюнків і формул. Пакет програм є безкоштовним, кросплатформним і активно використовується в освіті, бізнесі та держсекторі.</p>
<p></p>
<div style="border: 2px solid #253777; box-shadow: 4px 0px 8px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<ul>
<ul>
<li><strong>Програми:</strong> Writer, Calc, Impress, Draw, Base</li>
<li><strong>Платформа:</strong> Windows, macOS, Linux</li>
<li><strong>Безкоштовна ліцензія</strong> та відкритий код</li>
<li><strong>Добре підходять для навчання</strong>, друкованих матеріалів</li>
</ul>
</ul>
</div>
<h3 style="padding-top: 24px;"><span style="color: #00498499; font-weight: bold; font-size: 130%;">Google Документи</span></h3>
<p style="text-align: center; padding-top: 32px;"><img height="auto" width="100%" src="/assets/courseware/v1/a3cc72ffda0ff7803a4154521ba078ff/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m2_t1_google_header2.png" alt="picture1" /></p>
<p></p>
<p style="text-align: justify;"><strong><a href="https://docs.google.com/document/create?hl=RU" target="[object Object]">Google Документи</a> </strong> — розроблений Google безкоштовний хмарний офісний пакет, що включає текстовий редактор, табличний редактор і службу для створення презентацій. Утворений у результаті злиття Writely і Google Spreadsheets.</p>
<div style="border: 2px solid #253777; box-shadow: 4px 0px 8px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;">
<ul>
<ul>
<li><strong>Програми:</strong> Docs, Sheets, Slides, Forms</li>
<li><strong>Платформа:</strong> Веб (працює в браузері), є мобільні додатки</li>
<li><strong>Безкоштовний</strong> (з Google-акаунтом)</li>
<li><strong>Онлайн-співпраця в реальному часі</strong>, автоматичне збереження</li>
<li>Потребує <strong>підключення до інтернету</strong> для повноцінної роботи</li>
</ul>
</ul>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@dca678f15d494dd19bbfa2f899ac3365">
<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@dca678f15d494dd19bbfa2f899ac3365" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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: 24px;"><span style="color: #156082; font-weight: bold; font-size: 110%;"> Порівняльна таблиця</span></h3>
<p></p>
<table>
<thead>
<tr><th>
<p><strong>Характеристика</strong></p>
</th><th>
<p><strong>LibreOffice</strong></p>
</th><th>
<p><strong>MS Office</strong></p>
</th><th>
<p><strong>Google Docs</strong></p>
</th></tr>
</thead>
<tbody>
<tr>
<td>
<p><strong>Ціна</strong></p>
</td>
<td>
<p>Безкоштовно</p>
</td>
<td>
<p>Платна підписка</p>
</td>
<td>
<p>Безкоштовно</p>
</td>
</tr>
<tr>
<td>
<p><strong>Формати</strong></p>
</td>
<td>
<p>Всі + OpenDocument</p>
</td>
<td>
<p>Власні + повна сумісність</p>
</td>
<td>
<p>Власні + сумісність</p>
</td>
</tr>
<tr>
<td>
<p><strong>Хмара</strong></p>
</td>
<td>
<p>Немає</p>
</td>
<td>
<p>OneDrive</p>
</td>
<td>
<p>Google Drive</p>
</td>
</tr>
<tr>
<td>
<p><strong>Спільна робота</strong></p>
</td>
<td>
<p>Ні</p>
</td>
<td>
<p>Так (MS 365)</p>
</td>
<td>
<p>Так (у браузері)</p>
</td>
</tr>
<tr>
<td>
<p><strong>Макроси / Автоматизація</strong></p>
</td>
<td>
<p>Так (Libre Basic)</p>
</td>
<td>
<p>Так (VBA)</p>
</td>
<td>
<p>Обмежено (Apps Script)</p>
</td>
</tr>
<tr>
<td>
<p><strong>Офлайн-доступ</strong></p>
</td>
<td>
<p>Так</p>
</td>
<td>
<p>Так</p>
</td>
<td>
<p>Обмежений</p>
</td>
</tr>
<tr>
<td>
<p><strong>Інтерфейс</strong></p>
</td>
<td>
<p>Класичний</p>
</td>
<td>
<p>Сучасний стрічковий</p>
</td>
<td>
<p>Мінімалістичний</p>
</td>
</tr>
</tbody>
</table>
<p></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><strong>LibreOffice</strong> — ідеальний для тих, хто хоче безкоштовний, автономний та незалежний від хмари офіс</p>
<p><strong>MS Office</strong> — найпотужніше рішення для бізнесу, з великою функціональністю та ідеальною сумісністю</p>
<p><strong>Google Docs</strong> — вибір для спільної роботи, швидкого доступу і простоти в браузері</p>
</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: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@8ade48fa9a43431bab92e284fe7754e1" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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@ad1dc40f2d324e45a0a800bf99215352">
<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@ad1dc40f2d324e45a0a800bf99215352" data-request-token="a298e4bc500911f09eb1d2c8b4b660e5" 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>Опрацюйте курс</p>
<p><span style="color: #0000ff;"><strong><a href="https://profosvita.online/courses/course-v1:Profosvita+CM-R020-EDUFI+2023/about" target="[object Object]"><span style="color: #0000ff;">Інформаційно-цифрова компетентність: створення цифрового контенту</span></a></strong></span></p>
</div>
</div>
<p></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 style="text-align: center;"><span style="font-weight: bold;"> У рамках цього курсу розглядаються найпоширеніші та загальнодоступні інструменти для створення цифрового контенту, а саме </span></p>
<p style="text-align: center;"><span style="color: #004984; font-weight: bold; font-size: 120%;"> Microsoft 365: Word, PowerPoint та Excel.</span></p>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 169px; top: 249.781px;">
<div class="gtx-trans-icon"></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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 2. Інструменти розробки навчальних матеріалів"
© Всі права захищено