<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@ca45de27f92c42a8a106b5ea8b25476b" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@c98cd03cea3749938614c723b4dbe1f5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@c98cd03cea3749938614c723b4dbe1f5" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns:47% 53%; align-items:center; background-color:#000ca1;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important;color:#ffffff!important;padding-bottom:20px !important;text-transform: none;}
.ms-content p {color:#ffffff!important;}
</style>
<div class="ms-content">
<div>
<img src="/assets/courseware/v1/5287ea6a6dad5778623a7e809ad1d4b5/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-1.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style="padding: 30px;">
<h2>Робота з таблицями та графікою в MS Word: Повний посібник</h2>
<p style="line-height: 1.8 !important;">Ласкаво просимо! Сьогодні ми розглянемо, як ефективно використовувати таблиці та графіку для покращення документів у MS Word.</p>
<p style="line-height: 1.8 !important;">У професійних документах важливо не лише змістове наповнення, а й візуальна подача інформації. Таблиці дозволяють зручно структурувати дані, а графічні елементи — додати корпоративну ідентичність, логотипи, оформлення.</p>
<p style="line-height: 1.8 !important;">У цьому модулі ви навчитеся створювати таблиці для рахунків, накладних і прайс-листів, вставляти зображення та фігури, форматувати вміст для досягнення професійного вигляду документа.</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@7f680e2d66144feeab2b65a7de274ccd" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@0445bc9cbfb541199eea35e1f5f8e227">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@0445bc9cbfb541199eea35e1f5f8e227" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns:53% 47%; align-items:center; background-color:#000ca1;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important;color:#ffffff!important;padding:20px 0 !important; text-transform:none;}
.ms-content p {color:#ffffff!important;}
.ms-content li {color:#ffffff!important;}
.ul-check {list-style: none !important; padding-left: 20px; margin-top: 20px;}
.ul-check > li {position: relative; padding-left: 35px;}
.ul-check > li::before {content: "✔"; position: absolute; left: 0; top: 0; color: #198754; font-size: 18px; font-weight: bold;}
</style>
<div class="ms-content">
<div style="padding: 30px;">
<h2>Знання, які ви отримаєте:</h2>
<p>У цій темі ви дізнаєтеся про: </p>
<ul class="ul-check">
<li>створення таблиць у MS Word;</li>
<li>форматування таблиць і використання стилів;</li>
<li>вставку зображень, логотипів та фігур;</li>
<li>використання текстових блоків для реквізитів;</li>
<li>оформлення комерційних документів (рахунок-фактура, накладна).</li>
</ul>
<h2>Навички, які ви опануєте:</h2>
<p>Після вивчення цієї теми ви зможете:</p>
<ul class="ul-check">
<li>створювати та редагувати таблиці;</li>
<li>застосовувати стилі до таблиць;</li>
<li>вставляти зображення та змінювати їх положення у документі;</li>
<li>створювати фігури та текстові блоки;</li>
<li>формувати готові документи для друку або електронного надсилання.</li>
</ul>
</div>
<div><img src="/assets/courseware/v1/5287ea6a6dad5778623a7e809ad1d4b5/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-1.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;"></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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@e2e5292e258246df83474fa24c0eda1f" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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_b3b0005fb4194044949dba739f08faa4"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Profosvita+CS-S062-DNMT+2025/xblock/block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Profosvita+CS-S062-DNMT+2025/xblock/block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:li0B9aviizk", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Profosvita+CS-S062-DNMT+2025/xblock/block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Profosvita+CS-S062-DNMT+2025/xblock/block-v1:Profosvita+CS-S062-DNMT+2025+type@video+block@b3b0005fb4194044949dba739f08faa4/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="b3b0005fb4194044949dba739f08faa4"></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:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@e9a7b8a6b1c6487aa57630622ab0c316" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@b5db0d2179f14853b137c1bf1b84ab83">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@b5db0d2179f14853b137c1bf1b84ab83" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;padding: 40px 20px;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important;color:#fff !important;padding-bottom:30px !important;text-transform: none;text-align:center;}
.container-card {width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.container-card>div {border: none; background-color: inherit;}
.card-mw {width: 100%; height: 350px; perspective: 1000px;}
.inner-card {width: 100%;height: 100%; transition:transform 0.6s; transform-style:preserve-3d; position: relative; background-color: #6d6dff; border-radius: 10px;}
.card-mw:hover .inner-card {transform: rotateY(180deg); border-radius: 10px;}
.front, .back {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); display: grid; align-items: center;
justify-content: center;}
.front {background-color: #ccc9de54;}
.front p {color: #fff !important; padding:20px; text-align:center; font-size: 20px !important;}
.back {background-color: #fff; transform: rotateY(180deg);}
.back p {padding:20px; color: #000 !important; font-size: 16px;}
</style>
<div class="ms-content">
<h2>Створення та вставка таблиць</h2>
<div class="container-card">
<div class="card-mw">
<div class="inner-card">
<div class="front"><p>Вставка таблиці</p></div>
<div class="back"><p>Використовуйте меню "Вставка" -> "Таблиця" -> Виберіть розмір таблиці або "Вставити таблицю".</p></div>
</div>
</div>
<div class="card-mw">
<div class="inner-card">
<div class="front"><p>Швидке створення</p></div>
<div class="back"><p>Скористайтеся експрес-таблицями (Quick Tables) для швидкого створення таблиць.</p></div>
</div>
</div>
<div class="card-mw">
<div class="inner-card">
<div class="front"><p>Імпорт з Excel</p></div>
<div class="back"><p>Копіюйте та вставляйте таблиці з Excel, або "Вставка" -> "Об'єкт" -> "Microsoft Excel Worksheet".</p></div>
</div>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@a5615e6b9784416b869b0b42c2eed05b" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@8788f0cf952d4f33b89a03c7b3259ffb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@8788f0cf952d4f33b89a03c7b3259ffb" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns:49% 51%; align-items:center; background-color:#000ca1;}
.ms-content h2 {text-align:center; font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding-bottom:20px !important;text-transform: none;}
.ms-content h4, .ms-content p {color:#ffffff!important;}
.card-content {padding:20px;border-radius:6px;background-color:#ccc9de54;flex: 1; line-height: 2 !important;margin-top:20px}
</style>
<div class="ms-content">
<div style="padding: 40px 20px 20px 20px;">
<h2>Форматування таблиць</h2>
<div class="card-content"><p>Створіть новий документ. Збережіть його під будь-яким ім’ям у форматі DOCX.</p></div>
<div class="card-content"><h4>Додавання/Видалення</h4><p>Клацніть правою кнопкою миші -> "Вставити" / "Видалити" для додавання або видалення стовпців і рядків.</p></div>
<div class="card-content"><h4>Об'єднання/Розділення</h4><p>Клацніть правою кнопкою миші -> "Об'єднати комірки" / "Розділити комірки" для зміни структури таблиці.</p></div>
<div class="card-content"><h4>Стилі</h4><p>Виберіть готовий стиль або налаштуйте власний стиль таблиці в меню "Конструктор".</p></div>
</div>
<div>
<img src="/assets/courseware/v1/a368dbcf3e4bcd556e167b53710db705/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-2.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;">
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@7a4502a965424b7ba77acccb467d1490" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@6ffb4e263b1a4a9ea1ade8fa64d449ac">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@6ffb4e263b1a4a9ea1ade8fa64d449ac" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns:35% 65%; align-items:center; background-color:#000ca1;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important; padding-bottom:20px;padding-left:20px;color:#ffffff !important;text-transform: none;}
.ms-content h4, .ms-content p {color:#ffffff !important;}
.ul-arrow li {display: flex; align-items: center; gap: 10px;}
.ul-arrow li img {height: 120px;}
.ul-arrow li p {margin: 0 !important;}
</style>
<div class="ms-content">
<div>
<img src="/assets/courseware/v1/220692ba932f2de05c38209d1db9235e/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-3.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div style=" padding: 30px;">
<h2>Робота з даними в таблицях</h2>
<ul class="ul-arrow">
<li><img src="/assets/courseware/v1/88e688baec3f38f057637a07e775ea16/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/num_1.png" alt="Зображення"><div><h4>Сортування</h4><p>Використовуйте меню "Макет" -> "Сортування" для сортування даних за вибраним критерієм.</p></div></li>
<li><img src="/assets/courseware/v1/1d7d527a9af045a4a8547bbea17e617d/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/num_2.png" alt="Зображення"><div><h4>Формули</h4><p>Введіть формули в таблицю, використовуючи меню "Макет" -> "Формула".<br>Приклад: `=SUM(ABOVE)` для суми чисел над поточною коміркою.</p></div></li>
<li><img src="/assets/courseware/v1/c9f27ac5853c29f989064043f504bef8/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/num_3.png" alt="Зображення"><div><h4>Перетворення</h4><p>Перетворіть таблицю на текст в меню "Макет" -> "Перетворити на текст", вибравши роздільник.</p></div></li>
</ul>
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@8935c908dfba41b284e7460c084d1c9f" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@261658c0b7fc406fbb8dcdb1f7c3d784">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@261658c0b7fc406fbb8dcdb1f7c3d784" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;padding:20px}
.ms-content h2 {text-align:center; font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding:40px 0 20px 0 !important;}
.ms-content h3 {text-align:center; font-size:24px !important; font-weight:600 !important; color:#ffffff!important;padding:40px 0 20px 0 !important;}
.ms-content h4, .ms-content li {color:#ffffff!important;}
.ul-check {list-style: none !important; padding-left: 20px; margin-top: 20px;}
.ul-check > li {position: relative; padding-left: 35px;}
.ul-check > li::before {content: "✔"; position: absolute; left: 0; top: 0; color: #198754; font-size: 18px; font-weight: bold;}
.card-container {width:50%;display:flex;}
.card-content {padding:20px;border-radius:6px;flex: 1; line-height: 2 !important;}
.styled-table-ms {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-spacing: 0;
text-align: center;
}
.styled-table-ms th {
background: #BCEBDD !important;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 10px 20px;
}
.styled-table-ms th, .styled-table-ms td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
.styled-table-ms th:first-child, .styled-table-ms td:first-child {
text-align: left;
}
.styled-table-ms td {
padding: 10px 20px;
background: #F8E391;
}
</style>
<div class="ms-content">
<h3>Типовий вигляд таблиці для рахунку чи прайс-листа:</h3>
<table class="styled-table-ms">
<thead>
<tr>
<th>№</th>
<th>Найменування товару</th>
<th>Кількість</th>
<th>Ціна за одиницю</th>
<th>Сума</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Офісний папір A4</td>
<td>5 пачок</td>
<td>120 грн</td>
<td>600 грн</td>
</tr>
</tbody>
</table>
<h3>Практичне завдання:</h3>
<ul class="ul-check">
<li>Створити таблицю для прай-листа з товарами або послугами.</li>
<li>Застосувати форматування: заливка, стиль меж, шрифт.</li>
</ul>
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@a4dea1cb08c549c2afbdd2bffae6c4e6" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@a8520757af8d4be6b6c1de74f99b1db7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@a8520757af8d4be6b6c1de74f99b1db7" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns:55% 45%; align-items:center; background-color:#000ca1;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important; padding-bottom:20px;padding-left:20px;color:#ffffff !important;text-transform: none;}
.ms-content h4, .ms-content p {color:#ffffff !important;}
.image-block {
position:relative;
z-index:1;
transition: transform 0.5s;
transform-origin: center right;
}
.image-block:hover {
transform: scale(2.3);
cursor:pointer;
}
.ul-arrow li {display: flex; align-items: center; gap: 20px;}
.ul-arrow li img {height: 130px;}
.ul-arrow li p {margin: 0 !important;}
</style>
<div class="ms-content">
<div style="padding:30px;">
<h2>Створення графіків</h2>
<ul class="ul-arrow">
<li><img src="/assets/courseware/v1/c8f6ae61de4fb62064c94ae6e4fb5ed5/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_1.png" alt="Зображення"><div><h4>Меню "Вставка"</h4><p>Виберіть "Діаграма" і тип діаграми (стовпчаста, лінійна, кругова тощо).</p></div></li>
<li><img src="/assets/courseware/v1/08eeb747c2786469a4eaf4140b8c6f08/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_2.png" alt="Зображення"><div><h4>Введення даних</h4><p>Автоматично відкриється Excel для введення даних, або скористайтеся вбудованим редактором діаграми.</p></div></li>
<li><img src="/assets/courseware/v1/c7b232be4c5a0ad4ddb5797d9aedf57e/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_3.png" alt="Зображення"><div><h4>Редагування даних</h4><p>Клацніть правою кнопкою миші<br>на графіку -> "Змінити дані" для редагування даних.</p></div></li>
</ul>
</div>
<div><img src="/assets/courseware/v1/2bb8d8709fb63c6c9c5b630897f5f064/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-4.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;"></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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@c3ddc4885e604441a9683502a618f1ad" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@ad34d0db5f054f2a94350858fd517eb4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@ad34d0db5f054f2a94350858fd517eb4" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;}
.ms-content h2 {text-align:center; font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding:40px 0 20px 0 !important;text-transform: none;}
.ms-content h4, .ms-content p {color:#ffffff!important;}
.card-container {display:grid; grid-template-columns:repeat(3, 1fr);align-items:center;}
.card-content {padding:20px;border-radius:6px;flex: 1; line-height: 2 !important;margin-top:20px}
</style>
<div class="ms-content">
<h2>Налаштування графіків</h2>
<div class="card-container">
<div class="card-content"><div><h4>Тип</h4><p>Змініть тип діаграми: Клацніть правою кнопкою миші -> "Змінити тип діаграми".</p></div><div style="padding-top:30px;"><h4>Форматування</h4><p>Форматуйте елементи: Клацніть правою кнопкою миші -> "Форматувати [елемент]".</p></div></div>
<div class="card-content"><img src="/assets/courseware/v1/3f1badfc192ebdce4b00f207d669017e/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/circle.png" alt="Зображення"></div>
<div class="card-content"><div><h4>Елементи</h4><p>Додайте елементи діаграми: Меню "Конструктор діаграми" -> "Додати елемент діаграми".
</p></div><div style="padding-top:30px;"><h4>Стилі</h4><p>Виберіть готовий стиль або макет: Меню "Конструктор діаграми" -> "Стилі" / "Макет".
</p></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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@de49b88ea25f4c90b34a9c63246afbfa" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@da3c921711164e7ca8d6f76b016e8e11">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@da3c921711164e7ca8d6f76b016e8e11" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;padding:15px;}
.ms-content h2 {text-align:center; font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding:40px 0 20px 0 !important;text-transform: none;}
.ms-content h4, .ms-content p {color:#ffffff!important;}
.ms-content h4 {padding:20px 0;}
.card-container {display:grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.card-content {border-radius:6px;line-height: 2 !important;}
.card-content img {border-radius:6px;}
</style>
<div class="ms-content">
<h2>Вставка та форматування графіки</h2>
<div class="card-container">
<div class="card-content">
<img src="/assets/courseware/v1/d9a3ab2da1b29c3d50346a27e16bc30a/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-5.jpg" alt="Зображення">
<h4>Вставка зображень</h4>
<p>Меню "Вставка" -> "Зображення" -> Виберіть файл. Підтримувані формати: JPG, PNG, GIF, BMP.</p>
</div>
<div class="card-content">
<img src="/assets/courseware/v1/493fb8dc8299e903a5d12f39f21c0a23/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-6.jpg" alt="Зображення">
<h4>Обтікання текстом</h4>
<p>Виберіть варіант обтікання текстом (навколо рамки, зверху та знизу, за текстом, перед текстом): Меню "Формат" -> "Обтікання текстом".</p>
</div>
<div class="card-content">
<img src="/assets/courseware/v1/495ed1c919368935cad91267bfe8708c/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-7.jpg" alt="Зображення">
<h4>Розташування</h4>
<p>Перетягніть зображення, або використовуйте меню "Формат" -> "Положення" для зміни розташування.</p>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@1be97e7bcbe5410d90b565021756e675" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@5b7d549cffa64e94b06e4bf743a77276">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@5b7d549cffa64e94b06e4bf743a77276" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {display:grid;grid-template-columns: 55% 45%; align-items:center; background-color:#000ca1;}
.ms-content h2 {font-size:26px !important; font-weight:600 !important; padding-bottom:20px;padding-left:20px;color:#ffffff !important;text-align:center;text-transform: none;}
.ms-content h3, .ms-content h4, .ms-content p {color:#ffffff !important;text-align:center;}
.ms-content h3 {font-size:30px !important;}
.ms-content h4 {font-size:18px !important;}
.image-block {
position:relative;
z-index:1;
transition: transform 0.5s;
transform-origin: center right;
}
.image-block:hover {
transform: scale(2.3);
cursor:pointer;
}
.ul-arrow > li {
position: relative;
padding: 18px 0 18px 100px;
list-style:none;
margin-bottom: 0 !important;
}
.ul-arrow > li::before {
content: "";
position: absolute;
left: 0;
top: 25px;
width: 110px;
height: 110px;
background-size: contain;
background-repeat: no-repeat;
}
.ul-arrow > li.ul-arrow1::before {
background-image: url('/assets/courseware/v1/c8f6ae61de4fb62064c94ae6e4fb5ed5/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_1.png');
}
.ul-arrow > li.ul-arrow2::before {
background-image: url('/assets/courseware/v1/08eeb747c2786469a4eaf4140b8c6f08/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_2.png');
}
.ul-arrow > li.ul-arrow3::before {
background-image: url('/assets/courseware/v1/c7b232be4c5a0ad4ddb5797d9aedf57e/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/arrow_3.png');
}
</style>
<div class="ms-content">
<div style="padding:30px;">
<h2>Поради та рекомендації</h2>
<h3>1</h3>
<h4>Організація</h4>
<p>Використовуйте таблиці для чіткої організації даних.</p>
<h3>2</h3>
<h4>Візуалізація</h4>
<p>Графіки роблять інформацію більш наочною та зрозумілою.</p>
<h3>3</h3>
<h4>Тип</h4>
<p>Обирайте відповідний тип діаграми для ваших даних.</p>
<h3>4</h3>
<h4>Стиль</h4>
<p>Форматуйте таблиці та графіку для професійного вигляду документа.</p>
</div>
<div>
<img src="/assets/courseware/v1/4f7a48bd18051b0bf5a07b6e4b797844/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/3-8.jpg" alt="Зображення" style="width: 100%; height: 100%; object-fit: cover;">
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@0b120f730254414e826d17e653336d29" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@e95967eb7508427392a9ab160378d641">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@e95967eb7508427392a9ab160378d641" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;padding:20px}
.ms-content h2 {font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding:40px 0 20px 0 !important;text-transform: none;}
.ms-content li {color:#ffffff!important;}
.ul-number {list-style: none !important; counter-reset: item; margin-top: 20px; padding-left: 20px;}
.ul-number > li {counter-increment: item; position: relative; padding: 15px 0 15px 45px;}
.ul-number > li::before {content: counter(item); position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #0d6efd; color: white; font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.ul-check {list-style: none !important; padding-left: 20px; margin-top: 20px;}
.ul-check > li {position: relative; padding-left: 35px;}
.ul-check > li::before {content: "✔"; position: absolute; left: 0; top: 0; color: #198754; font-size: 18px; font-weight: bold;}
</style>
<div class="ms-content">
<h2>Практичний блок – створення рахунку-фактури або накладної</h2>
<ul class="ul-number">
<li>Відкрити <strong>новий документ</strong> у <strong>MS Word</strong>.</li>
<li>Додати <strong>Заголовок</strong>: "Рахунок-фактура" або "Накладна" (жирним, по центру).</li>
<li>Додати <strong>логотип та реквізити</strong>.</li>
<li>Створити <strong>таблицю</strong> (мінімум 5 стовпців):</li>
<ul class="ul-check">
<li>№, Назва товару, Кількість, Ціна, Сума.</li>
<li>Заголовки – жирним, таблиця — зі стилем.</li>
</ul>
<li>Додати текстове <strong>поле для підпису та печатки</strong>.</li>
<li><strong>Зберегти документ у форматі PDF</strong>.</li>
</ul>
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@5607b0d116da4b74ac0d56e5cad8446b" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@21e93beeed134ddd8462aa5e8f61cd21">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@21e93beeed134ddd8462aa5e8f61cd21" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.ms-content {background-color:#000ca1;padding:40px 30px 40px 30px}
.ms-content h2 {font-size:26px !important; font-weight:600 !important; color:#ffffff!important;padding:0 0 30px 0 !important;text-transform: none;}
.ms-content li {color:#ffffff!important;}
.ul-number {list-style: none !important; counter-reset: item; margin-top: 20px; padding-left: 20px;}
.ul-number > li {counter-increment: item; position: relative; padding: 15px 0 15px 45px;}
.ul-number > li::before {content: counter(item); position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #0d6efd; color: white; font-weight: bold; display: flex; align-items: center; justify-content: center; font-size: 16px;}
</style>
<div class="ms-content">
<h2>Питання для самоконтролю:</h2>
<ul class="ul-number">
<li>Як створити таблицю і які інструменти використовуються для її редагування?</li>
<li>Як швидко змінити стиль оформлення таблиці?</li>
<li>Як вставити зображення та налаштувати його положення у документі?</li>
<li>Для чого використовуються фігури й текстові блоки?</li>
<li>Як виглядає готовий документ типу "рахунок-фактура" і як його зберігати?</li>
</ul>
</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-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@6e21abfdb296499c9618aff4ce6389d4" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@7f72aee6722746ef8956b3a998034773">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@7f72aee6722746ef8956b3a998034773" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">1. Обрати вкладку для створення таблиці в MS Word: доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@4b4cb92bad944b90a16cda948bec4385">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@4b4cb92bad944b90a16cda948bec4385" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">2. Визначити вкладку, яка дозволяє об’єднувати або розділяти комірки в таблиці: доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@81a5504f0fd543aa9f29344a020471a9">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@81a5504f0fd543aa9f29344a020471a9" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">3. Вказати, для чого призначення вкладки "Конструктор таблиці": доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@cb0badb8d83d4dcf9521048b5bc974db">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@cb0badb8d83d4dcf9521048b5bc974db" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">4. Обрати параметр обтікання текстом, що дозволяє вільно переміщувати зображення по документу: доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@baec3d9772c447baaf26d7891b0bf566">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@baec3d9772c447baaf26d7891b0bf566" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">5. Визначити вкладку, щоб вставити фігуру: доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@739cce95b09e4f9496a15ce20f0da0ec">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@739cce95b09e4f9496a15ce20f0da0ec" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">6. Вказати, для чого найчастіше використовують текстове поле: доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@7b9238d394934cd08a64bc6dcb11e4f9">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@problem+block@7b9238d394934cd08a64bc6dcb11e4f9" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" 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">7. Назвати мінімальну кількість стовпців у таблиці в рахунку-фактурі: доступне для перегляду та виконання після <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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@vertical+block@d9412a64f4f94edd9132c1e9ff204220" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@0456e7f5466949aca19e0d087d8ed851">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S062-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S062-DNMT+2025+type@html+block@0456e7f5466949aca19e0d087d8ed851" data-request-token="dd6cc2a4a96711f08b06d2460e2b360f" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
background: rgb(254 254 254 / 98%);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
box-shadow: 1px 1px 7px black;
}
.vstup-text-overlay ol li a {
font-size: 16px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay ol li,
.vstup-text-overlay p {
color: black !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: black !important;
font-size: 26px !important;
margin-bottom: 30px !important;
text-align: center;
}
</style>
<div class="vstup-container">
<img src="/assets/courseware/v1/fa04648d9b759729bbb355a0b27d0fbf/asset-v1:Profosvita+CS-S062-DNMT+2025+type@asset+block/1-0.jpg" alt="Зображення">
<div class="vstup-text-overlay">
<h3>СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ</h3>
<ol>
<li><em>Завадський І. П., Шестопалюк О. І.</em><em> Інформатика. Офісні програми. Навчальний посібник. — К.: «ЦУЛ», 2021.</em></li>
<li><em>Морзе Н. В., Барна О. Ю.</em><em> Інформатика. 10-11 клас. Рівень стандарту. — Київ: Видавництво «Ранок», 2020.</em></li>
<li><em>Ривкінд Й. Я., Лисенко Т. І., Чернікова Л. А., Шакотько В. В.</em><br /> <em>Інформатика. 9 клас. — Київ: Видавництво «Генеза», 2021.</em></li>
<li>Симоненко В. А.<em> Практичний курс Microsoft Word для початківців і не тільки. — </em>Харків: «Фоліо», 2020.</li>
<li><em>Дудчак В. С.</em> <em>Текстовий процесор Microsoft Word: навчальний посібник</em><em>. — </em><em>Тернопіль: ТНПУ, 2020. </em></li>
<li><em>Рекомендації з цифрової грамотності (Diia.Цифрова освіта)</em><em><br /> </em><a href="https://osvita.diia.gov.ua/">https://osvita.diia.gov.ua/</a></li>
<li>Microsoft Word — довідковий центр<br /> <a href="https://support.microsoft.com/word">https://support.microsoft.com/word</a></li>
</ol>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 3. Робота з таблицями та графікою в MS Word: Повний посібник"
© Всі права захищено