<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@vertical+block@63e21990d2734ab39d5c4bb13eb446bd" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b829ee43f031407a966ece5cbfa2c3a5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b829ee43f031407a966ece5cbfa2c3a5" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вступ до уроку</h3>
<p></p>
<p>У цьому уроці ви ознайомитеся з основними правилами оформлення ніші, розглянете можливі варіанти оздоблення задньої стінки та дізнаєтеся, як створити завершену рамку, що надасть цьому елементу інтер'єру вишуканості та завершеності. Крім того, ми детально розглянемо етапи монтажу стелажа, що зробить вашу нішу не лише естетичною, але й дуже функціональною. У цьому уроці також ви здобудете основні знання щодо безпеки праці, які стануть надійним підґрунтям для уникнення можливих травм під час виконання робіт у майбутньому.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a53f0e6a660c4756b8ae93c5c0fdbb3f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a53f0e6a660c4756b8ae93c5c0fdbb3f" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Облаштування ніш</h3>
<p><b>Ніша</b> — це особливий простір зі своїми принципами та особливостями, а також оригінальний елемент декору. У внутрішніх інтер’єрних роботах ніша в стіні використовується кожен раз по-новому. Їх застосовують для вирішення абсолютно різних практичних задач.</p>
<p><i>На малюнку нижче можна побачити приклади використання ніші за різним призначенням, відповідно якого визначається її роль в інтер'єрі кімнати.</i></p>
<p><img width="65%" src="/assets/courseware/v1/30a3c448ce104b92e5c7f0f1ae39e60c/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Frame_17.png" alt="avatar" style="display: block; margin-left: auto; margin-right: auto;" /></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@7c34f75da70d455185b66d1a69772f2e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@7c34f75da70d455185b66d1a69772f2e" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Варіанти оформлення ніш</h3>
<p><b>Оформлення ніші</b> може значно варіюватися в залежності від типу стіни, в яку вона вбудована. Від цього фактору будуть залежати подальші кроки роботи з таким заглибленням.</p>
<p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись, як саме варто працювати з різними стінами, в які вбудовано нішу.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Цегляна/бетонна стіна</b></button> <button class="tab-controls__button"><b>Необшита стіна</b></button> <button class="tab-controls__button"><b>Дерев'яна стіна</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/dd3bd6ca6080749a1f836be619ab9918/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9F%D0%86%D0%94_%D0%BD%D0%B5%D0%9F%D0%A0%D0%9E%D0%97%D0%9E%D0%A0%D0%95_%D0%9E%D0%9F%D0%9E%D0%A0%D0%AF%D0%94%D0%96%D0%95%D0%9D%D0%9D%D0%AF1.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Новобудови здаються вже часто з гіпсокартонною обшивкою: в цьому випадку, щоб зробити нішу, потрібно:<br/>
• придумати форму;<br/>
• виконати на стіні креслення;<br/>
• випиляти з нього шматок гіпсокартонної стіни, і отримати отвір потрібного розміру і форми;<br/>
• у поглибленні сформувати укоси ніші з того ж гіпсокартону або фанери, дерева, плит;<br/>
• провести обробку ніші та декорування. </p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/f683fb4168e4e7a1426d859265642151/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A1%D1%82%D1%96%D0%BD%D0%BE%D0%B2%D1%96-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%96.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>У ході обробки чи ремонту потрібну стіну, на якій планується створити нішу, обшивають фанерою або гіпсокартоном, відступивши від основної стіни рівно настільки, наскільки глибокою планується ніша. Попередньо, звичайно, бажано зробити металевий або дерев’яний каркас з напрямними в місці майбутнього розташування ніш. Це полегшить роботу над укосами та дозволить зміцнити нішеву поличку.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/038d7b735197bee861f40232091f19ff/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D1%96%D1%88-%D1%83-%D1%81%D1%82%D1%96%D0%BD%D1%96.-%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B82.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>У дерев’яних стінах ніші найчастіше монтують у вигляді полиць чи стелажів.</p>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@941ec53f1aba45479712bf56cf02a51a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@941ec53f1aba45479712bf56cf02a51a" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Цікаві ідеї для оформлення ніші в стіні</h3>
<p>Ніша може займати всю стіну або складатися з декількох сегментів, може оснащуватися полицями або служити для розміщення картин і сімейних фото. Все залежить лише від вашої уяви. </p>
<p><i>Натисніть на інтерактивні елементи, щоб дізнатись більше цікавих ідей з декорування ніші.</i></p>
<div class="dm2-cardsWrap">
<!-- 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/22b416fbaac8cc68c2e2ac925352875a/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/contrast.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;">
Використовуйте яскраві колірні акценти при оформленні ніші, щоб вона сама і її вміст одразу привертати до себе увагу.
</p>
</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/48afae75c081305643d25da16af6919f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/fabric.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;">
Дерево, скло, метал, фактурна штукатурка, текстиль — усе це допоможе вам створити в ніші оригінальний простір.
</p>
</div>
</div>
</div>
</div>
<!-- Card 3 -->
<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/8960853af3650f05a0dffcfaf105a58b/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/mirror.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>
Як відомо, дзеркала візуально розширюють простір. Помістіть дзеркало на задню стінку ніші, і вона стане глибше і світліше, а предмети, розставлені на полицях, будуть проглядатися з усіх боків.
</p>
</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: 250px;
height: 300px;
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;
align-content: center;
}
.dm2-cardContainer-card-info-img {
margin-top: 2rem;
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: 100px;
height: 100px;
}
.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: 64px;
height: 64px;
}
}
</style>
<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>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c613bc33fb0e44e2aaee8b9ad866faae">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c613bc33fb0e44e2aaee8b9ad866faae" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Правила обробки ніш</h3>
<p>Існують загальноприйняті правила обробки, які варто враховувати перед початком безпосередньої взаємодії з нішею, адже вони допоможуть ефективно прийняти рішення стосовно вибору форми та варіанту оформлення.</p>
<p><i>Натисніть на інтерактивні елементи, щоб ознайомитися з усіма порадами.</i></p>
<div class="s-tabs">
<ul class="s-tabs__nav-row">
<!-- Tab navigation link 1 -->
<li class="s-tab s-tabs__item is-active">
<div class="s-tab__nav">
<button></button>
<span>1</span>
</div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>2</span>
</div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>3</span>
</div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>4</span>
</div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>5</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>6</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<h4 class="s-panel__title">Порада 1</h4>
<p style="margin:0 !important;">Обробку ніші вибирають в залежності від завдань, які вона виконує, і від бажаного ефекту</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Порада 2</h4>
<p style="margin:0 !important;">Різна обробка стіни та ніші загострює увагу на цьому інтер’єрному об’єкті. Це необхідно, якщо, створюючи нішу, хочеться вирішити додаткове завдання — наприклад, візуально розширити або підвищити кімнату, змінити геометрію простору, просто прикрасити стіну за допомогою ніші./p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Порада 3</h4>
<p style="margin:0 !important;">Довгі горизонтальні ніші, навпаки, як би відріжуть трохи висоти стін, але зате зроблять їх візуально ширшими — це актуально для високого, але вузького приміщення.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Порада 4</h4>
<p style="margin:0 !important;">Якщо внутрішню поверхню ніші обробити дзеркалом, то приміщення стане візуально просторіше, оскільки створиться ефект поглиблення. Це варіант для дизайну маленької кімнати.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Порада 5</h4>
<p style="margin:0 !important;">Якщо на одній стіні кілька ніш, то їх слід розташовувати симетрично, на однаковій відстані одна від одної. Вертикальні ніші розташовуються, як правило, в ряд, а горизонтальні можна розташувати одна під одною або драбинкою.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Порада 6</h4>
<p style="margin:0 !important;">Форма ніші повинна повторювати форму меблів, стельових конструкцій, дверей і т. п. Так, якщо меблі мають округлені кути, а двері в приміщенні прикрашені арковою накладкою, прямокутна ніша буде зовсім недоречно — у цьому випадку краще зробити аркову нішу або прямокутну, але з округленими кутами.</p>
</div>
</div>
</div>
<style>
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs {
padding: 20px 0;
overflow: hidden;
}
.s-tab {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav {
position: relative;
}
.s-tab__nav button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav button:hover,
.s-tab__nav button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel.is-active {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active .s-tab__nav button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active .s-tab__nav span {
opacity: 1;
visibility: visible;
}
.s-tab.is-checked .s-tab__nav button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
</style>
<script>
/* Tabs */
// <![CDATA[
var tabNavItem = $('.s-tab');
var tabPanel = $('.s-panel');
tabNavItem.on('click', function () {
var navIndex = $(this).index();
var selectedPanel = $('.s-panel').eq(navIndex);
tabNavItem.not($(this)).removeClass('is-active');
tabPanel.not(selectedPanel).hide();
$(this).addClass('is-active is-checked');
selectedPanel.show();
});// ]]>
</script>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@959cbc4eaf434df395bc5dc5d30d77be">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@959cbc4eaf434df395bc5dc5d30d77be" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Загальні рекомендації зі збирання ніші-стелажа з ДСП</h3>
<p>Конструкція з ДСП може мати різні розміри та призначатися для зберігання великих і дрібних речей. Для того, щоб готовий виріб був красивим і довговічним, при його виготовленні корисно дотримуватися таких рекомендацій:</p>
<p><img height="90%" width="90%" src="/assets/courseware/v1/aa0c4f6439b98a97edcfb770c1d15102/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Frame_18.png" alt="avatar" style="display: block; margin-left: auto; margin-right: auto;" /></p>
<p></p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@868ee7a7efe04340b12939e7c59a7ccf">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@868ee7a7efe04340b12939e7c59a7ccf" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Інструменти для складання ніші-стелажа з ДСП</h3>
<p>Для виконання робіт буде достатньо стандартного набору інструментів:</p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/d44de3eee9ad0d60ee5916f9d72b9251/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Frame_20.png" alt="picture" style="width: 161px; max-width: 30%; margin-bottom: 0px;" height="161" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">• будівельна рулетка та олівець;<br /> • молоток; <br /> • дриль і свердла до нього;<br /> • електролобзик;<br /> • шурупокрут. </p>
</div>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b5066808774242ff84f63714e073b09e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b5066808774242ff84f63714e073b09e" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Технологія складання ніші-стелажа з ДСП</h3>
<p>Зовнішній вигляд і розміри конструкції з ДСП залежать від того, в якому приміщенні вона буде встановлена. Для комори або гаража підійде стелаж класичної прямокутної форми з полками, на яких зручно розміщувати речі або інструменти. Такі вироби часто мають висоту від підлоги до стелі та відрізняються високою місткістю. </p>
<p>Процес складання ніші-стелажа з ДСП складається з декількох етапів:</p>
<p><i>Натисніть на інтерактивні елементи, щоб дізнатись більше.</i></p>
<div class="s-tabs1">
<ul class="s-tabs__nav-row">
<!-- Tab navigation link 1 -->
<li class="s-tab1 s-tabs__item is-active1">
<div class="s-tab__nav1">
<button></button>
<span>Крок 1</span>
</div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 2</span>
</div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 3</span>
</div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 4</span>
</div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 5</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel1 is-active1">
<h4 class="s-panel__title">Дизайн</h4>
<p style="margin:0 !important;">Підбір дизайну та розрахунок розмірів конструкції.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Матеріали</h4>
<p style="margin:0 !important;">Підготовка необхідних матеріалів.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Збирання каркаса</h4>
<p style="margin:0 !important;">
З підготовлених деталей збирається каркас виробу. Він складається з 4-х бічних носійних стін і поперечних полиць — вони розташовуються між вертикальними носійними стінами зверху, знизу та по центру. У місцях з'єднання вертикальних носійних деталей з поперечними елементами каркаса свердлять отвори. Потім деталі каркаса з'єднують меблевими стяжками, уклавши конструкцію на рівну горизонтальну поверхню. Каркас обовʼязково кріплять до стін саморізами.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Збирання фурнітури</h4>
<p style="margin:0 !important;">Після складання каркаса готують отвори для тримачів полиць стелажа. Дані отвори роблять на половину товщини плити ДСП, використовуючи дриль і свердло діаметром 5 мм. У підготовлені поглиблення вставляють полицетримачі, на яких розміщуються поперечні знімні полиці конструкції. Щоб закрити меблеві стяжки, використовують пластикові заглушки. Для кріплення стаціонарних полиць до каркаса виробу можна використовувати конфірмати.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Декорування готового виробу</h4>
<p style="margin:0 !important;">Кінцевим етапом робіт є декор готової конструкції. Торці плит ДСП мають не дуже акуратний зовнішній вигляд, тому їх рекомендується закривати меламіновою крайкою. Вона продається в магазинах будматеріалів і випускається в рулонах. Колір крайки можна підібрати під колір ДСП. Необхідно відміряти шматки крайки відповідно до довжини торців. Самі торці ретельно шліфують шліфувальним папером, роблячи їх максимально гладкими та рівними, а потім протирають їх вологою губкою для видалення пилу і дрібних фрагментів деревини. Після цього прикладають до торця крайки та притискають її гарячою праскою по всій довжині. </p>
</div>
</div>
</div>
<style>
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs1 {
padding: 20px 0;
overflow: hidden;
}
.s-tab1 {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav1 {
position: relative;
}
.s-tab__nav1 button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav1 button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav1 button:hover,
.s-tab__nav1 button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav1 span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav1 span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav1 span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel1 {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel1.is-active1 {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active1 .s-tab__nav1 button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active1 .s-tab__nav1 span {
opacity: 1;
visibility: visible;
}
.s-tab1.is-checked1 .s-tab__nav1 button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab1.is-checked1 .s-tab__nav1 button:hover,
.s-tab1.is-checked1 .s-tab__nav1 button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
</style>
<script>
/* Tabs */
// <![CDATA[
var tabNavItem1 = $('.s-tab1');
var tabPanel1 = $('.s-panel1');
tabNavItem1.on('click', function () {
var navIndex1 = $(this).index();
var selectedPanel1 = $('.s-panel1').eq(navIndex1);
tabNavItem1.not($(this)).removeClass('is-active1');
tabPanel1.not(selectedPanel1).hide();
$(this).addClass('is-active1 is-checked1');
selectedPanel1.show();
});// ]]>
</script>
<p> Для житлових приміщень з оригінальним дизайном можна виготовити конструкції цікавої форми, розділені на окремі секції. У дитячій кімнаті або вітальні гарний вигляд матиме стелаж, розділений на кілька дрібних кубиків по всій ширині виробу. Розміри такої конструкції залежать від габаритів приміщення. </p>
</div>
</div>
<div class="vert vert-8" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@10096d2fb5254e9c9f694bc3dca7b0b4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@10096d2fb5254e9c9f694bc3dca7b0b4" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Улаштування рамки для ніші</h3>
<p><b>Рамка для ніші</b> — це структурний елемент, який встановлюється навколо внутрішньої частини ніші з метою підсилення її стін та створення жорсткого каркаса для подальшого декоративного та функціонального оформлення. Використовується для підтримки поличок, встановлення дверей, кріплення освітлення, а також як база для обробки поверхні ніші різними декоративними матеріалами. Рамка для ніші грає важливу роль у забезпеченні міцності та стійкості конструкції, а також в створенні естетичного зовнішнього вигляду ніші.</p>
<p>Для облагородження такої ніші знадобляться:</p>
<p></p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/d44de3eee9ad0d60ee5916f9d72b9251/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Frame_20.png" alt="picture" style="width: 161px; max-width: 30%; margin-bottom: 0px;" height="161" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">• соснові дошки шириною 90мм, товщиною 19мм, довжиною - виходячи з розмірів ніші;<br /> • клей для дерева;<br /> • приховані дюбелі;<br /> • саморізи;<br /> • дриль;<br /> • шліфувальний папір;<br /> • фарба, валик з ванночкою.</p>
</div>
</div>
</div>
<div class="vert vert-9" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@fc4ebf823c5f4f53899e7ab7a04505c8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@fc4ebf823c5f4f53899e7ab7a04505c8" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Монтаж рамки для ніші</h3>
<p><em> Натисніть на інтерактивні елементи, щоб ознайомитися з описом кожного кроку монтажу рамки ніші.</em></p>
<div class="dm-sc-img-modals1-wrapper">
<div style="text-align: center;">
<div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;">
<div class="dm-sc-img-modals-info"></div>
<div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;">
<div style="position: relative; max-width: 1200px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/47081311f5a8f63da304b1c3f81a2c43/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9C%D0%BE%D0%BD%D1%82%D0%B0%D0%B6-%D0%BD%D1%96%D1%88%D1%96.png" alt=" Hot spots image" style="max-width: 100%; width: 100%;" />
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-11"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>Фарбування дощок</b>
<p>Нанесіть на дерево шар білої фарби, дайте їй висохнути. Потім нанесіть ще один шар фарби та теж дайте висохнути.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-12"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>Внутрішня рамка</b>
<p>Внутрішні бічні дошки повинні бути меншими за розмір ніші на ширину дощок, щоб рамка в складеному вигляді влізла в нішу. Далі формуємо каркас в середині ніші. Кріпимо дошки зсередини ніші саморізами: спочатку бічні, потім верхню і нижню. Дошки повинні бути на одному рівні зі стіною, не виступати.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-13"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>Зовнішня рамка</b>
<p>Зовнішні бічні дошки та внутрішні верхня і нижня дошки повинні бути точно за розміром ніші. Спочатку прикріпіть верхню і нижню дошки, потім бічні. Верхній елемент виступає за межі ніші з кожної сторони на ширину дошки. Для з'єднання зовнішніх дощок з внутрішньою рамою будемо використовувати приховані кріплення. Установку дощок проводимо під рівень.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-14"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>Перевірка</b>
<p>Перевірте правильність виконаного монтажу звернувши увагу на зовнішню рамку. Вона повинна майже повністю перекривати внутрішню рамку, створюючи, таким чином, невеликий уступ.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-15"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>Декорування</b>
<p>Усередині нішу декоруємо, застосовуємо дюбелі для кріплення. Краще обрати такий елемент декору, для фіксації якого буде достатньо 1-2 дюбелі. У іншому випадку краще застосувати клей.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-11 {
left: 12%;
top: 6%;
}
.dm-sc-img-modals-btn.hotspot-12 {
left: 30.25%;
top: 85.5%;
}
.dm-sc-img-modals-btn.hotspot-13 {
left: 48.5%;
top: 6%;
}
.dm-sc-img-modals-btn.hotspot-14 {
left: 67%;
top: 85%;
}
.dm-sc-img-modals-btn.hotspot-15 {
left: 85%;
top: 6%;
}
--></style>
<style><!--
p.dm-sc-img-modals1.dm-sc-img-modals1-2 {
margin-bottom: 10px;
}
.dm-sc-img-modals-modal-content h3,
.dm-sc-img-modals-modal-content h4 {
text-align: center;
}
.dm-sc-img-modals1-wrapper {
margin-bottom: 20px;
}
.dm-sc-img-modals1 {
display: inline-block;
box-shadow: none;
border-radius: 6px;
width: 100%;
position: relative;
margin: auto;
}
.dm-sc-img-modals1 .dm-sc-img-modals {
padding-bottom: 20px;
position: relative;
}
.dm-sc-img-modals-btn {
position: absolute;
opacity: 0.8;
width: 30px;
height: 30px;
padding: 0;
border: none;
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7);
border-radius: 50%;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 1vw;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover {
cursor: pointer;
opacity: 1;
outline: none;
background-color: #4849F9;
background-image: none;
box-shadow: none;
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active,
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.dm-sc-img-modals-btn {
background: #4849F9;
color: white;
}
.dm-sc-img-modals-modal {
display: none;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
border-radius: 6px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.dm-sc-img-modals-container {
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
}
.dm-sc-img-modals-modal-content {
background-color: #fefefe;
text-align: center;
position: relative;
margin: auto;
overflow: auto;
border-radius: 6px;
padding: 20px 30px;
border: 1px solid #888;
width: 80%;
}
.dm-sc-img-modals-modal-close {
color: #4849F9;
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.dm-sc-img-modals-modal-close:hover,
.dm-sc-img-modals-modal-close:focus {
color: #7A7A7F;
text-decoration: none;
cursor: pointer;
}
.dm-sc-img-modals-image {
margin: auto;
display: block;
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal {
overflow-x: hidden;
overflow-y: scroll;
}
.dm-sc-img-modals-modal-content {
border: none;
}
}
@media only screen and (max-width: 500px) {
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 2vw;
}
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal-content {
overflow: visible;
}
}
.dm-sc-img-modals-btn.hotspot {
position: absolute;
width: 30px;
height: 30px;
}
@media (min-width: 872px) and (max-width: 1100px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
@media (min-width: 769px) and (max-width: 871px) {
.dm-sc-img-modals-btn.hotspot {
width: 17px;
height: 17px;
}
}
@media (min-width: 501px) and (max-width: 768px) {
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
font-size: 2vw;
}
.dm-sc-img-modals-btn.hotspot {
width: 25px;
height: 25px;
}
}
@media (max-width: 500px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
display: flex;
justify-content: center;
align-items: center;
}
.dm-sc-img-modals-modal-content p {
text-align: center;
}
--></style>
<script>// <![CDATA[
$(document).ready(function () {
$(".dm-sc-img-modals-wrap").each(function () {
var modal = $(this).find(".dm-sc-img-modals-modal");
var btn = $(this).find(".dm-sc-img-modals-btn");
btn.click(function () {
modal.css("display", "flex");
$(this).find(".fa-plus").removeClass("fa-plus");
$(this).find(".fa").addClass("fa-check");
$(this).css("animation", "none");
});
$(".dm-sc-img-modals-modal-close").click(function () {
modal.css("display", "none");
});
$(window).click(function (event) {
if (event.target.className === "dm-sc-img-modals-modal") {
modal.css("display", "none");
}
});
});
})
// ]]></script>
</div>
</div>
<div class="vert vert-10" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@5272656dab9d4c69a38ddabae8f9c0c3">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@5272656dab9d4c69a38ddabae8f9c0c3" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Кріплення полиць</h3>
<p>Дуже часто ніші оснащують полицями з дерева, ДСП, скла та ін. При чому полиця повинна вільно входити в нішу і лягати на опорні елементи.</p>
<p>Для міцності, жорсткості та надійності конструкції застосовують такі види кріплення:</p>
<p><em> Натисніть на інтерактивні елементи, щоб дізнатись більше.</em></p>
<div class="dm-sc-img-modals1-wrapper">
<div style="text-align: center;">
<div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;">
<div class="dm-sc-img-modals-info"></div>
<div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;">
<div style="position: relative; max-width: 1000px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/99b57c13df8025c1ce49d52bc96732c9/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%BB%D1%8F_%D0%BF%D0%BE%D0%BB%D0%B8%D1%86%D1%8C__1_.png" alt=" Hot spots image" style="max-width: 100%; width: 100%;" />
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-1"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p><b>Опорні рейки–підсилювачі</b> кріплять до бокових стінок ніші дюбелями на відстані, що відповідає висоті полиць.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-2"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p><b>Полицетримач</b>, схожий на металічний стрижень, одна частина якого фіксується до місця кріплення, інша – до самої полички. Якщо товщина полички менше ніж 10см, такий вид кріпильної фурнітури краще не застосовувати. </p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-3"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p><b>Кронштейни</b> — цей вид надзвичайно простий в експлуатації: полку прикрутити буде дуже легко, цінова політика залежить від матеріалу виготовлення (пластмаса або кольорові метали).</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-4"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p><b>Консолі</b> — такі тримачі для полиць є також простими при монтуванні. Основна відмінність – здатність витримувати великі навантаження. Єдиним недоліком є їхня неестетичність. Хоча, якщо дизайн Вашого інтер’єру дозволяє їх використання, то кути для полиць зможуть лише його доповнити. </p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p><b>Пелікани</b> — підвид тримачів для полиць, багатий різноманітним дизайном. Їх головна перевага: забезпечують надійну фіксацію конструкції полиці. Мають специфічну форму, яка нагадує дзьоб птаха, має досить міцний та надійний нижній елемент, а тому ідеально підійде для полиць скляних, які мають витримувати великі навантаження.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 10.5%;
top: 9%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 30%;
top: 9%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 48%;
top: 9%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 67%;
top: 9%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 86%;
top: 9%;
}
--></style>
<style><!--
p.dm-sc-img-modals1.dm-sc-img-modals1-2 {
margin-bottom: 10px;
}
.dm-sc-img-modals-modal-content h3,
.dm-sc-img-modals-modal-content h4 {
text-align: center;
}
.dm-sc-img-modals1-wrapper {
margin-bottom: 20px;
}
.dm-sc-img-modals1 {
display: inline-block;
box-shadow: none;
border-radius: 6px;
width: 100%;
position: relative;
margin: auto;
}
.dm-sc-img-modals1 .dm-sc-img-modals {
padding-bottom: 20px;
position: relative;
}
.dm-sc-img-modals-btn {
position: absolute;
opacity: 0.8;
width: 30px;
height: 30px;
padding: 0;
border: none;
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7);
border-radius: 50%;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 1vw;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover {
cursor: pointer;
opacity: 1;
outline: none;
background-color: #4849F9;
background-image: none;
box-shadow: none;
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active,
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.dm-sc-img-modals-btn {
background: #4849F9;
color: white;
}
.dm-sc-img-modals-modal {
display: none;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
border-radius: 6px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.dm-sc-img-modals-container {
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
}
.dm-sc-img-modals-modal-content {
background-color: #fefefe;
text-align: center;
position: relative;
margin: auto;
overflow: auto;
border-radius: 6px;
padding: 20px 30px;
border: 1px solid #888;
width: 80%;
}
.dm-sc-img-modals-modal-close {
color: #4849F9;
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.dm-sc-img-modals-modal-close:hover,
.dm-sc-img-modals-modal-close:focus {
color: #7A7A7F;
text-decoration: none;
cursor: pointer;
}
.dm-sc-img-modals-image {
margin: auto;
display: block;
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal {
overflow-x: hidden;
overflow-y: scroll;
}
.dm-sc-img-modals-modal-content {
border: none;
}
}
@media only screen and (max-width: 500px) {
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 2vw;
}
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal-content {
overflow: visible;
}
}
.dm-sc-img-modals-btn.hotspot {
position: absolute;
width: 30px;
height: 30px;
}
@media (min-width: 872px) and (max-width: 1100px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
@media (min-width: 769px) and (max-width: 871px) {
.dm-sc-img-modals-btn.hotspot {
width: 17px;
height: 17px;
}
}
@media (min-width: 501px) and (max-width: 768px) {
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
font-size: 2vw;
}
.dm-sc-img-modals-btn.hotspot {
width: 25px;
height: 25px;
}
}
@media (max-width: 500px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
display: flex;
justify-content: center;
align-items: center;
}
.dm-sc-img-modals-modal-content p {
text-align: center;
}
--></style>
<script>// <![CDATA[
$(document).ready(function () {
$(".dm-sc-img-modals-wrap").each(function () {
var modal = $(this).find(".dm-sc-img-modals-modal");
var btn = $(this).find(".dm-sc-img-modals-btn");
btn.click(function () {
modal.css("display", "flex");
$(this).find(".fa-plus").removeClass("fa-plus");
$(this).find(".fa").addClass("fa-check");
$(this).css("animation", "none");
});
$(".dm-sc-img-modals-modal-close").click(function () {
modal.css("display", "none");
});
$(window).click(function (event) {
if (event.target.className === "dm-sc-img-modals-modal") {
modal.css("display", "none");
}
});
});
})
// ]]></script>
</div>
</div>
<div class="vert vert-11" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@7f39a3a4661a42049994774ef6c322cd">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@7f39a3a4661a42049994774ef6c322cd" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Оздоблення задньої стінки ніші</h3>
<p>У нішах часто оздоблюють задню стіну. Для декору застосовуйте тонкі матеріали, які закріплюють клеєм чи будівельним степлером.</p>
<p>Для оздоблення можна використати такі матеріали:</p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/c5d375f18e0bcceaafa3a3550a07dc70/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Build_your_home-amico_1.png" alt="picture" style="width: 170px; margin-bottom: 0px;" height="170px" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px; text-align: justify;">
<p style="margin-top: 0px; margin-bottom: 0px;">• рейки; <br />• вагонку (деревʼяну, МДФ, ПВХ); <br />• ламінат; <br />• бамбук<br />• корок; <br />• декоративні панелі та ін.</p>
</div>
</div>
<p></p>
<p>При дотриманні послідовності виконання робіт і перерахованих рекомендацій вбудовані меблі та ніші стануть гарними та практичними елементами інтер'єру.</p>
</div>
</div>
<div class="vert vert-12" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c57a0e9e5d4d44ee90bfe1615ba302eb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c57a0e9e5d4d44ee90bfe1615ba302eb" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вимоги безпеки праці при виконанні робіт</h3>
<p>Основними причинами травматизму є:</p>
<ul class="i-featuresList1 i-featuresList1">
<li class="ifl-feature1">
<div class="ifl-description1">Погане знання й недотримання правил безпеки праці</div>
<div class="ifl-nbr1">❑</div>
<div class="ifl-nbr-shadow1"></div>
</li>
<li class="ifl-feature1">
<div class="ifl-description1">Неправильна організація робочого місця</div>
<div class="ifl-nbr1">❑</div>
<div class="ifl-nbr-shadow1"></div>
</li>
<li class="ifl-feature1">
<div class="ifl-description1">Порушення технології застосування устаткування й інструментів</div>
<div class="ifl-nbr1">❑</div>
<div class="ifl-nbr-shadow1"></div>
</li>
</ul>
<style><!--
.i-featuresList1 .ifl-feature1 {
/* edit size here */
height: 100px;
width: 300px;
border: 1.5px solid #4849F9;
}
.i-featuresList1 .ifl-feature1 {
width: 320px;
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList1 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList1 li::before {
content: none !important;
}
.i-featuresList1 .ifl-feature1 .ifl-nbr1 {
color: #4849F9;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow1 {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList1 .ifl-description1 {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList1 .ifl-feature1 h4,
.i-featuresList1 .ifl-feature1 h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p></p>
<p>Ключову роль у створенні безпечних умов праці відіграють самі працівники. Дуже важливо, щоб в процесі виконання робіт дотримуватися вимог охорони праці. До монтажу допускаються особи, які пройшли інструктаж з безпеки праці на робочому місці, отримали спеціальну підготовку.</p>
<p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись основні правила безпеки праці, які допоможуть запобігти травматизму.</em></p>
<p></p>
<div class="carousel-slider-wrapper">
<div class="dm-slideshow-container-carousel">
<div class="dm-prev">❮</div>
<div class="dm-mySlides-carousel">
<h4>Робоче місце та одяг</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/954e9bf3145610a4cba5e3d24eee748e/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-1.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Роботу слід виконувати у зручному спецодязі. Заборонено одягати обвислий одяг при роботі з електроінструментом. Робоче місце тримайте в чистоті.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Електробезпека</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/dc7ca57cd778e5f2d18f6eedd45d74f6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-2.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Робочий зобов’язаний дотримуватися вимог електробезпеки та пожежної безпеки, тримати електроінструмент при виконанні робіт тільки за ручки та вмикати електроінструмент за допомогою курка.</p>
<p>Зауважте, що сила струму понад 0,1А для робітника є смертельною.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Монтаж конструкції</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/24c3d48970e4d7f16a0399ae90f15291/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-3.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Користуйтеся лише справним і нагостреним інструментом. Ніколи не перевіряйте ступінь заточування інструменту пальцем; передавайте інструменти із загостреним лезом ручкою вперед. Також пам'ятайте, що ніжки будівельних драбин повинні міцно стояти на підлозі, не хитатися.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Норми вантажопідйомності</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/71dbfcb179b688aa8874f1fade022d7c/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-4.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Вага вантажу, який переноситься вручну для робітника повинна не перевищувати:</p>
<ul><li><b>віком 16-18 років:</b> <br>
- для хлопців — 16,4 кг; <br>
- для дівчат — 10,2 кг.</li>
<li><b>від 18 років:</b> <br>
- для чоловіків — 50 кг; <br>
- для жінок — 25 кг.</li></ul>
</div>
</div>
</div>
<div class="dm-next">❯</div>
</div>
<div style="text-align: center;">
<span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span>
</div>
</div>
<style>
<!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
display: flex;
align-items: center;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-mySlides-carousel-text{
display: flex;
align-items: center;
margin-bottom: 25px;
/* height: 90%; */
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
/* position: absolute; */
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 60px;
background: #4849f9;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 3px;
user-select: none;
}
.dm-slideshow-container-carousel .dm-next {
right: 0;
}
div.dm-slideshow-container-carousel .dm-prev:hover,
div.dm-slideshow-container-carousel .dm-next:hover {
background-color: #c0c0c0ff;
}
.dm-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dm-active,
.dm-dot:hover {
background-color: #717171;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
-->
</style>
<script>
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
</script>
<p></p>
<p>Дотримання простих правил безпеки, збереже вам життя.</p>
</div>
</div>
<div class="vert vert-13" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@9ea43c93946c4d90ab4d5044d2597e1d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@9ea43c93946c4d90ab4d5044d2597e1d" data-request-token="9e224e1e2d9511f08c58d214ef95b136" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Дискусія</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/7f8e723be9444c6d31f536a6baf83eb2/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%BE%D0%B1%D1%80%D0%BE%D0%B1%D0%BD%D0%B8%D0%BA.-%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%96%D1%8F.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" />
<ol style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<li >Чому ключову роль у створенні безпечних умов праці при монтажі ніш відіграють самі працівники?</li>
<li>Запропонуйте ефективні матеріали для оздоблення задньої стінки ніші.</li>
</ol>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-14" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@6752d5eabfc24972bbe0b60205f5f13d">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@6752d5eabfc24972bbe0b60205f5f13d" data-request-token="9e224e1e2d9511f08c58d214ef95b136" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 6. Монтаж вбудованих меблів і ніш простої та середньої складності"
© Всі права захищено