<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@vertical+block@d388fe9dc9524f4cb0c8759e0660a899" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@71c9fd27f30b4d1f84a207f5962e0de7"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@71c9fd27f30b4d1f84a207f5962e0de7" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@0ee658ad37764f87b91c7e9047412b5f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@0ee658ad37764f87b91c7e9047412b5f" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/f8abe52cd9cb3730f1a27d1c4e91f18b/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/buildings_city.png" alt="picture" style="width: 80px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p> <b>Будовою</b> називають усе, що побудовано, зведено або споруджено для задоволення потреб людини. Усі сучасні будови можна умовно розподілити на: </p> </div> </div> <p></p> <ul class="i-featuresList i-featuresList"> <li class="ifl-feature"> <div class="ifl-description">Житлові</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Виробничі</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Культурно-побутові</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> </ul> <style><!-- .i-featuresList .ifl-feature { /* edit size here */ height: 60px; width: 265px; border: 1.5px solid #405da0; } .i-featuresList .ifl-feature { width: 265px; margin: 15px; position: relative; font-size: 14px; background-color: transparent; display: flex; align-items: center; } .i-featuresList { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 auto !important; padding-left: 0; max-width: 1120px; } .i-featuresList li::before { content: none !important; } .i-featuresList .ifl-feature .ifl-nbr { color: #405da0; 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 #405da0; } .ifl-nbr-shadow { position: absolute; top: 55px; left: -3px; width: 0; height: 0; border-left: 0px solid transparent; border-right: 65px solid transparent; border-top: 20px solid #405da0; } .i-featuresList .ifl-description { font-size: 15px; padding: 5px 10px 5px 75px; line-height: 1.3em; color: #0D181C; } .i-featuresList .ifl-feature h4, .i-featuresList .ifl-feature h3 { margin: 0; padding: 5px 10px 0px 75px; color: #fff; } --></style> <p></p> <p>При цьому існує відмінність між поняттями будівля, споруда та інженерна споруда.</p> <p><i>Натисніть на інтерактивні елементи, щоб дізнатись більше про різницю між будовами цих видів.</i></p> <div class="dm2-cardsWrap"> <!-- Card 1 --> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"> <div class="dm2-cardContainer-card-info-img"> <img src="/assets/courseware/v1/9d16b8601014656e074c838f3ee837d1/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/construction.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/2cd6392cc8daf99a1fb89c627848299e/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/school.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 1 --> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"> <div class="dm2-cardContainer-card-info-img"> <img src="/assets/courseware/v1/4c26165668ef36889a4fc225200bcf59/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/london.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> </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: 260px; 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> <p><i>Далі у цьому уроці ми поговоримо про основні вимоги, яким повинні відповідати якісні будови, розглянемо класифікацію за довговічністю, за конструктивною схемою опорних остовів, а також розглянемо основні конструктивні елементи будов.</i></p> </div> </div> <div class="vert vert-2" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d99792ede0534e7cb3087c880c6b783a"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d99792ede0534e7cb3087c880c6b783a" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/28a7b88c576657e6d6c16bb872e4d5f6/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/house-rules.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> Усі будови мають відповідати своєму призначенню та забезпечувати сприятливі умови для діяльності людини. Цим вимогам мають відповідати планування та параметри приміщень, конструктивні рішення, інженерне обладнання, внутрішній і зовнішній вигляд. До того ж будови повинні мати необхідну міцність і стійкість, капітальність, а також відповідати критеріям довговічності. </p> </div> <p><i>Натисніть на інтерактивні елементи, щоб дізнатися більше про вимоги до будов. </i></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/6dde6d702eb1b19ba75710967fc1e1b6/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/renovation.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/5eb9264a7c0aea47b232f9b7d160859f/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/mortgage.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/9f5dca4c678559b63d5565bffb125d0d/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/home-inspection.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-S014-SGM+2025+type@html+block@8ecdc05f58eb4f96874fbe90e1507513"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@8ecdc05f58eb4f96874fbe90e1507513" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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><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: 600px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/9a10aabdb488a84de36a8c928d87c0f4/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%91%D1%83%D0%B4%D0%B8%D0%BD%D0%BA%D0%B8.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> <b>І ступінь</b> <p style="text-align: left;">До категорії І ступеня належать будови зі строком служби не менше  100 років  —  це цегляні монолітні будівлі, культові споруди та їм подібні.</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> <b>ІІ ступінь</b> <p style="text-align: left;">До категорії ІІ ступеня належать будови зі строком служби не менше 50 років — це будівлі великоблокові, які будуються з великих конструктивних блоків.</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> <b>ІІІ ступінь</b> <p style="text-align: left;">До категорії ІІІ ступеня належать будови зі строком служби не менше 25 років — це споруди, які будують із дерев'яних балок, щитів, полегшених каркасів.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-1 { left: 15%; top: 12%; } .dm-sc-img-modals-btn.hotspot-2 { left: 47%; top: 12%; } .dm-sc-img-modals-btn.hotspot-3 { left: 79%; top: 12%; } --></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: #405da0; 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: #405da0; 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: #405da0; 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-4" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@e55c9d929a034d4a8a34ee8cc379cb58"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@e55c9d929a034d4a8a34ee8cc379cb58" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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> <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>Безкаркасні</span> </div> </li> <!-- Tab navigation link 2 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"> <button></button> <span>З неповним каркасом </span> </div> </li> <!-- Tab navigation link 3 --> <li class="s-tab s-tabs__item"> <div class="s-tab__nav"> <button></button> <span> З повним каркасом </span> </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">Безкаркасні будівлі</h4> <p style="margin:0 !important;">Безкаркасні будівлі зводять, як правило, з повздовжніми опорними зовнішніми та внутрішніми стінами. </p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/52711da7845b18b65e0121b6f505d0a0/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture1.png" alt="avatar" style="width: 700px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> <!-- Tab content 2 --> <div class="s-tabs__panel s-panel"> <h4 class="s-panel__title">Будівлі з неповним каркасом </h4> <p style="margin:0 !important;">У будівлях з неповним каркасом зовнішні стіни будують опорними, а колони розташовують лише за внутрішніми осями будови.</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/5538ac22dc1354cd9bb28c5febe34e56/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture3.png" alt="avatar" style="width: 600px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> <!-- Tab content 3 --> <div class="s-tabs__panel s-panel"> <h4 class="s-panel__title">Будівлі з повним каркасом </h4> <p style="margin:0 !important;">Каркасні будівлі — це ті, у яких опорний остов складається з колон і ригелів. </p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/749afc3aaea28d88653496981cdd95b9/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture2.png" alt="avatar" style="width: 600px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </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: #405da0; } /* 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: #405da0; font-size: 24px; cursor: pointer; transition: all .25s linear; background-image: url(https://lms.lilac-vso-uat.raccoongang.com/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block@plus.png); /* 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: #405da0; border-color: #405da0; background-image: url(https://lms.lilac-vso-uat.raccoongang.com/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block@plus_white.png); /* white plus */ color: #fff; outline: none; box-shadow: inset 0 1px 0 0 #405da0 !important; } /* Steps Labels */ .s-tab__nav span { height: 40px; padding-left: 16px; padding-right: 16px; background-color: #405da0; border: 2px solid #405da0; 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 #405da0; 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(https://lms.lilac-vso-uat.raccoongang.com/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block@mark.png); /* checked */ } .s-tab.is-checked .s-tab__nav button:hover, .s-tab.is-checked .s-tab__nav button:focus { background-image: url(https://lms.lilac-vso-uat.raccoongang.com/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block@mark_white.png); /* 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-S014-SGM+2025+type@html+block@7611f97f75d0481ea6813c9b0969f6f3"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@7611f97f75d0481ea6813c9b0969f6f3" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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 style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше про архітектурні та конструктивні елементи будов.</em></p> <p></p> <div class="container-dm-pic3"> <div class="dm-pic3"> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Архітектурно-конструктивні елементи будівель</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/0251a5d82534fcf22269ca469ffd3c38/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture4.png" alt="avatar" style="width: 700px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Конструктивні елементи будівель</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/e35c77c69bb1d69e68ef6e84d753b750/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture5.png" alt="avatar" style="width: 800px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p></p> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> </div> </div> <style> .dm-collaps-wrap { margin-bottom: 15px; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); border-radius: 6px; } .dm-collaps { background-color: #EDEDED; color: #000; background-image: none; text-shadow: none; width: 100%; font-family: inherit; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 6px 6px 0 0; text-align: left; outline: none; font-size: 15px; } .dm-collaps i.fa-angle-down { font-style: inherit; margin-right: 10px; } .dm-collaps--active i.fa-angle-down { transform: scaleY(-1); } button.dm-collaps--active, button.dm-collaps:hover, button.dm-collaps:focus, button.dm-collaps:active { background-color: #c0c0c0ff; color: #000000; background-image: none; box-shadow: none; border: none; text-shadow: none; } .dm-collaps-content { padding: 0 18px; display: none; border-radius: 6px; overflow: hidden; background-color: #fff; } .dm-collaps-content p { margin-top: 5px; } .dm-collaps-content img { width: 75px; height: auto; } .dm-picnorm { display: flex; align-items: center; } .dm-picnorm img { width: auto; max-height: 150px; margin-left: 10px; } .element_container{ min-height: 120px; } @media only screen and (max-width: 980px) { .dm-picnorm { flex-direction: column; margin: 0 auto; } } </style> <script> // <![CDATA[ $(".dm-sc-collaps-wrapper").each(function () { $(this) .find(".dm-collaps") .click(function () { $(this).toggleClass("dm-collaps--active"); $(this).next().toggle(); }); }); // ]]> </script> <p>Розглянемо коротко призначення основних елементів будівель.</p> <p><i>Натисніть на інтерактивні елементи, щоб ознайомитися детальніше з елементами будівлі.</i></p> <div class="carousel-slider-wrapper"> <div class="dm-slideshow-container-carousel"> <div class="dm-mySlides-carousel"> <h4>Стіни</h4> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/24dd3557bf6edf80d22c599db863c020/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/brick-wall.png" alt="some image" style="width: 60px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Стіни за призначенням розташування діляться на зовнішні та внутрішні. Зовнішні захищають приміщення від впливу зовнішнього середовища й атмосферних впливів. Внутрішні відокремлюють одні приміщення від інших.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <h4>Міжповерхові перекриття</h4> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/a99ad2497e1008031bd4f4d8053badd6/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Floor.png" alt="some image" style="width: 60px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Міжповерхові перекриття сполучають огороджувальні та опорні функції та розділяють будівлю за висотою на поверхи. </p> </div> </div> </div> <div class="dm-mySlides-carousel"> <h4>Перегородки</h4> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/6a2034fc95c824687ff3e1a92d0a64a4/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/partition_1.png" alt="some image" style="width: 60px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Перегородки — огороджувальні елементи, за допомогою яких внутрішній простір будівлі в межах одного поверху розділяють на окремі приміщення.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <h4>Дах</h4> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/fc59d71ea4821ba9d9dcbf9b07e4996b/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/roof.png" alt="some image" style="width: 60px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Дах сполучає огороджувальні та опорні конструкції та необхідний для захисту від атмосферних опадів і видалення їх за межі будівлі.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <h4>Сходи</h4> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/3b05c9a065971ecee933db427714cfd1/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/stairs__1_.png" alt="some image" style="width: 60px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Сходи необхідні для сполучення між поверхами; розташовуються в приміщеннях з опорними стінами.</p> </div> </div> </div> <div class="dm-prev">❮</div> <div class="dm-next">❯</div> </div> <p></p> <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> <span class="dm-dot"> </span> </div> </div> <p></p> <style><!-- .dm-slideshow-container-carousel { width: 1000px; max-width: 100%; position: relative; margin: auto; } .dm-mySlides-carousel { width: 80%; 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-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: #405da0; 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> <p> <script>// <![CDATA[ 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> </div> </div> <div class="vert vert-6" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@6cd0c8c8e95f4705b577a6770f55835f"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@6cd0c8c8e95f4705b577a6770f55835f" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/a0777a953fbcdaf671daa7216eb6ec95/asset-v1:Profosvita+CS-S014-SGM+2025+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: 100px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <ol> <li> Як вибір архітектурно-конструктивних елементів, наприклад типу стін та перекриттів, впливає на стратегії теплоізоляції будівель? Чи існують певні конструкції, які полегшують або ускладнюють процес утеплення? </li> <li> Як конструктивні особливості каркасних та безкаркасних будівель впливають на їхні теплоізоляційні властивості? Чи вимагають ці два типи будівель різних підходів до утеплення зовнішніх стін і даху? </li> </ol> </div> <p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p> </div> </div> <div class="vert vert-7" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@933f7494928245a6abaa41f0799fd7a1"> <div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@933f7494928245a6abaa41f0799fd7a1" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@vertical+block@77cbb71aad7349909d1255013ab910ca" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@18d7757236e34e3992003cbca8b90309"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@18d7757236e34e3992003cbca8b90309" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@71ec74d417a14b2b8deb3de6d54bfc66"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@71ec74d417a14b2b8deb3de6d54bfc66" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/d8db519004b4d9d62ecd0c0b60c43eca/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Thermoisolation.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> Однією з вагомих характеристик житла в процесі експлуатації будинку є теплопровідність будівельних конструкцій та інженерних комунікацій. Чим нижча теплопровідність матеріалів, тим ліпша якість ізоляції будівлі, що істотно впливає на зменшення споживання теплоенергії. </p> </div> <p></p> <p>Застосування системи утеплень — це інвестиція, яка значно зменшить витрати та негативний вплив на навколишнє середовище, пов'язаний з надмірним споживанням електричного струму, газу, паливного мастила або вугілля. Усе це потребує вживання кардинальних заходів щодо підвищення теплоізоляційної здатності огороджувальних конструкцій будівлі.</p> <p>Втрати тепла через неутеплені стіни фасаду досягають до 40%. Аналіз експлуатаційних витрат в холодну пору року показує, що забезпечення та утримування комфортної для людини температури всередині будівель складає в середньому більше ніж 60% всіх витрат, пов’язаних із комунальними послугами.</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/22b6992e194b49a7556ac90dc3ccfdc1/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%92%D0%B8%D1%82%D1%80%D0%B0%D1%82%D0%B8_%D1%82%D0%B5%D0%BF%D0%BB%D0%B0.png" alt="avatar" style="width: 500px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> </div> <div class="vert vert-2" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@b302732c729945f4822a50daad34bb57"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@b302732c729945f4822a50daad34bb57" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/97da7991a465ad8fccb4397e5c656c8e/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/laye.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> Одним із найефективніших розв'язань цієї проблеми є додаткове утеплення стін за методом скріпленої теплоізоляції, який полягає у прикріпленні спеціальним клеєм теплоізоляційних плит до поверхні фасаду, захисті їхньої поверхні полімерцементними композиціями, армованою склосіткою і нанесенні шару декоративної штукатурки. </p> </div> <p></p> <p>Загальна структура системи скріпленої теплоізоляції виглядає так:</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/d70a6fcd51fbc036418db42292f6c29f/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A1%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0_%D1%82%D0%B5%D0%BF%D0%BB%D0%BE%D1%96%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D1%96%D1%97.png" alt="avatar" style="width: 400px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> </div> <div class="vert vert-3" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@9dddc8cc57454014997f699b4c8b62fe"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@9dddc8cc57454014997f699b4c8b62fe" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/43014a03cc84fdd7bee2ae9df99e0310/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%9A%D0%BB%D0%B0%D1%81%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F-%D0%B2%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%85-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B2.png" alt="picture" style="width: 80px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p>Система скріпленої теплоізоляції належить до класу А згідно з ДСТУ Б В.2.6-34. Її можна класифікувати за видами утеплювача та декоративної штукатурки. </p> </div> </div> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/a67c5b41a594f6938286842e183cc844/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%9A%D0%BB%D0%B0%D1%81%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B8_%D1%82%D0%B5%D0%BF%D0%BB%D0%BE%D1%96%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D1%96%D1%97.png" alt="avatar" style="width: 800px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p>Найбільш поширені в будівництві дві системи утеплення стін за методом скріпленої теплоізоляції — це системи, теплоізоляційним матеріалом у яких є:</p> <ul class="i-featuresList i-featuresList"> <li class="ifl-feature"> <div class="ifl-description">Пінополістирол</div> <div class="ifl-nbr">1</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Мінераловатні плити</div> <div class="ifl-nbr">2</div> <div class="ifl-nbr-shadow"></div> </li> </ul> <style><!-- .i-featuresList .ifl-feature { /* edit size here */ height: 60px; width: 250px; border: 1.5px solid #405da0; } .i-featuresList .ifl-feature { width: 250px; margin: 15px; position: relative; font-size: 14px; background-color: transparent; display: flex; align-items: center; } .i-featuresList { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 auto !important; padding-left: 0; max-width: 1120px; } .i-featuresList li::before { content: none !important; } .i-featuresList .ifl-feature .ifl-nbr { color: #405da0; 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 #405da0; } .ifl-nbr-shadow { position: absolute; top: 55px; left: -3px; width: 0; height: 0; border-left: 0px solid transparent; border-right: 65px solid transparent; border-top: 20px solid #405da0; } .i-featuresList .ifl-description { font-size: 15px; padding: 5px 10px 5px 75px; line-height: 1.3em; color: #0D181C; } .i-featuresList .ifl-feature h4, .i-featuresList .ifl-feature h3 { margin: 0; padding: 5px 10px 0px 75px; color: #fff; } --></style> <p></p> <p>Обидві системи включають: засоби для ґрунтування, клейкі та захисні суміші, штукатурки, фарби, речовини для гідрофобізації. У будинку, в якому утеплення виконане правильно, панує відповідний мікроклімат. Узимку поверхня стін не піддається надмірному охолодженню, а в спекотні літні дні — теплоізоляція забезпечує внутрішньому простору приємну прохолоду.</p> <p>При цьому конструкція будинку не зазнає температурно-вологісних деформацій. Крім того, сповільнюються процеси корозії металевих закладних деталей і арматури. </p> </div> </div> <div class="vert vert-4" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@e27f56f2884a4f5e9a5f3a14b1065006"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@e27f56f2884a4f5e9a5f3a14b1065006" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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; justify-content: center;"> <img src="/assets/courseware/v1/f99f5bffea94abcdca1922eefc2d3a0a/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%9F%D0%B5%D1%80%D0%B5%D0%B2%D0%B0%D0%B3%D0%B8_%D1%82%D0%B5%D0%BF%D0%BB%D0%BE%D1%96%D0%B7.png" alt="avatar" style="width: 500px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p>Однак не тільки ці позитивні якості має влаштування додаткової скріпленої теплоізоляції. Гігієнічність, пожежобезпечність конструкцій, поглинання шуму теплоізоляційними матеріалами, створення комфортних умов і затишку — ось неповний перелік переваг будинків із застосуванням згаданого методу утеплення стін. <p> Переваги скріпленої теплоізоляції очевидні також і в разі спорудження нових будинків. Конструкція стін може мати мінімальну товщину, оскільки температурний комфорт забезпечує легкий теплоізоляційний матеріал. У результаті будинок буде легшим і дешевшим в експлуатації. </p> </div> </div> <div class="vert vert-5" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@bb17959b97e94bb09e1b954c49f3f5b3"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@bb17959b97e94bb09e1b954c49f3f5b3" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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> <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/96df3509402e5bd1a909ba205f03c01b/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/1z.png" style="width: 75%; max-width: 80px;" 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/23586cc4c0500fccba70fa6d920169c6/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/2z.png" style="width: 75%; max-width: 80px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p>До другого типу належить система, яка виконана із застосуванням пінополістирольних плит у комбінації з мінераловатними плитами та мінераловатними розсічками, а також полімерцементними, акриловими, силікатними та силіконовими декоративними штукатурками. Ця система може застосовуватися для утеплення зовнішніх стін будинків і споруд різного призначення висотою до 25 поверхів включно (за винятком дитячих дошкільних закладів, навчальних та лікувальних закладів) з урахуванням вимог ДБН В.1.1-7:2016 «Пожежна безпека об`єктів будівництва. Загальні вимоги». </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/3f3bfb9c87f8dc85e86d4de28eabd7de/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/3z.png" style="width: 75%; max-width: 80px;" 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> <p> При встановленні теплоізоляції ІІ типу варто також враховувати наступні рекомендації:</p> <p><i> Натисніть на інтерактивні елементи, щоб ознайомитися з рекомендаціями.</i></p> <div class="carousel-slider-wrapper"> <div class="dm-slideshow-container-carousel"> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/1bab830b60f7d3da11cfd3141bc51a41/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/number-1.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>У будинках і спорудах з висотою до 25 поверхів включно необхідно виконувати обрамлення віконних і дверних отворів негорючим утеплювачем (мінераловатним, скловолокнистим, базальтоволокнистим) завширшки не менше, ніж дві його товщини на кожному поверсі, та влаштовувати горизонтальні протипожежні пояси з негорючого утеплювача через кожні три поверхи, починаючи з третього поверху до дев’ятого  включно (26,5 м). З дев’ятого поверху до двадцять п’ятого включно утеплення виконується плитами з мінеральної вати по всій поверхні фасаду.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/f6af75f36be2af406800afccd691d965/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/number-2.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p> При утепленні дитячих дошкільних закладів та навчальних закладів додатково передбачається суцільний мінераловатний пояс не менше двох метрів від рівня вимощення.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/1b48eea595320c77b420275f393671d0/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/number-3.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p> Утеплення плитами з пінополістиролуна виконується по всій поверхні на глухих стінах будинків і споруд з висотою до 26,5 м.</p> </div> </div> </div> <div class="dm-prev">❮</div> <div class="dm-next">❯</div> </div> <p></p> <div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> </div> </div> <p></p> <style><!-- .dm-slideshow-container-carousel { width: 1000px; max-width: 100%; position: relative; margin: auto; } .dm-mySlides-carousel { width: 80%; 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-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: #405da0; 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> <p> <script>// <![CDATA[ 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><i> Натисніть на інтерактивний елемент, щоб ознайомитися з особливостями застосування типів системи скріпленої теплоізоляції.</i></p> <body id="body"> <!-- Course Highlights Sections --> <section id="sectionHighlights" class="sectionHighlights"> <div class="container"> <div class="line"> <button class="element_button"> <a target="_blank" href="/assets/courseware/v1/92428935216a2221cc88d26983915023/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A1%D1%84%D0%B5%D1%80%D0%B0_%D0%B7%D0%B0%D1%81%D1%82%D0%BE%D1%81%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F_%D1%81%D0%BA%D1%80%D1%96%D0%BF%D0%BB%D0%B5%D0%BD%D0%BE%D1%97_%D1%82%D0%B5%D0%BF%D0%BB%D0%BE%D1%96%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D1%96%D1%97.pdf"> <div class="button_text" id="button_text"> Сфера застосування скріпленої теплоізоляції </div> </a> </button> </div> </div> </section> <script> $("button.element_button").hover( function () { $(".element_button").css("background-color", "#4269B7"); $("#button_text").css("color", "#fffff"); $(".material-symbols-outlined").css("color", "#ffff"); // $(".button_img").css("color", "#fff"); }, function () { $(".element_button").css("background-color", ""); $("#button_text").css("color", ""); $(".material-symbols-outlined").css("color", ""); // $(".button_img").css("color", ""); } ); </script> <!-- <script src="externalCourse.js"></script> --> </body> <style> /* General styles */ #body { margin: 15px; user-select: none; } section:not(:last-child), .line:not(:last-child) { margin-bottom: 15px; } /* Header style */ #sectionHeader .line, #sectionLink .line { display: flex; justify-content: start; border: none; box-shadow: none; } } #sectionHeader h2 { margin: 0; min-width: 40%; } /* Overview style */ #sectionOverview h2 { text-transform: uppercase; } /* Highlights style */ #sectionHighlights .line { display: flex; justify-content: space-between; border: none; box-shadow: none; max-height: 40px; } #sectionHighlights .element { display: flex; flex-direction: row; align-items: center; border-radius: 4px; border-width: 0; border-style: solid; box-shadow: none; /* background: black; */ background-color: #405da0; border-color: #405da0; color: #405da0; font-weight: 400; font-size: 1.rem; line-height: 2rem; padding: 5px 12px; opacity: 0.9; } #sectionHighlights .element p, #sectionHighlights .button_text { color: #fff; margin: 10px 15px; } #sectionHighlights .element_image, #sectionHighlights .button_image { display: flex; } #sectionHighlights img { width: 2rem; height: 2rem; } #sectionHighlights span { width: 2rem; height: 2rem; font-size: 32px; } #sectionHighlights a { display: flex; color: #fff; text-decoration: none; text-shadow: none; } /*Тут розмір, колір і все інше */ #sectionHighlights .element_button { display: flex; flex-direction: row; align-items: center; border-radius: 4px; border-width: 1px; border-style: solid; box-shadow: none; background: #405da0; border-color: #c0c0c0ff; text-shadow: none; /* color: #fff; */ font-weight: 400; font-size: 16px; padding: 10px 10px; } #sectionHighlights .element_button:hover { transition: cubic-bezier(0.075, 0.82, 0.165, 1); } @media (max-width: 970px) { #sectionHeader h2 { min-width: 40%; } #sectionHighlights .line { display: initial; flex-direction: column; } #sectionHighlights .element:not(:last-child) { margin-bottom: 15px; } #sectionHighlights .element { /* background: #e30613; */ background-color: #405da0; } } </style> </div> </div> <div class="vert vert-6" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@45d0f899b4ed4e31b3879e6abc4c956c"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@45d0f899b4ed4e31b3879e6abc4c956c" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/b6d925956d9f7e30c741cfbdde91c7b4/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Build_your_home-amico_1.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 /> • допустимі температурні райони I, II (відповідно до ДБН В.2.6.-31:2021);<br /> • допустима розрахункова зимова температура зовнішнього повітря при експлуатації об’єктів – не нижче -40˚С;<br /> • допустимі зони вологості (згідно з ДБН В.2.6.-31:2006) – суха, нормальна, волога;<br /> • допустимий ступінь агресивності зовнішнього середовища – неагресивний, слабо агресивний.</p> </div> <p></p> <p>За умовами експлуатації:</p> <p><i>Натисніть на інтерактивні елементи, щоб дізнатись більше про умови експлуатації.</i></p> <div class="dm2-cardsWrap"> <!-- Card 1 --> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"> <div class="dm2-cardContainer-card-info-img"> <img src="/assets/courseware/v1/c8db3d860369e9ccef4c0450c4512ecf/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%92%D0%B8%D0%BC%D0%BE%D0%B3%D0%B8-%D0%B4%D0%BE-%D0%BF%D1%80%D0%BE%D1%94%D0%BA%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D1%80%D0%BE%D0%B1%D0%BE%D1%87%D0%B8%D1%85-%D0%BC%D1%96%D1%81%D1%86%D1%8C3.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;"> Допустима відносна вологість повітря всередині приміщень будинків із застосуванням систем – 75%. </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/22b134d0f6ec2f3e70df7f47e9146272/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%92%D0%B8%D0%BC%D0%BE%D0%B3%D0%B8-%D0%B4%D0%BE-%D1%81%D1%82%D1%96%D0%BD%D0%BE%D0%B2%D0%B8%D1%85-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D0%B5%D0%B99.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> </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: 250px; 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: 80px; height: 80px; } .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> <p>Система скріпленої теплоізоляції може застосовуватися на будинках, огороджувальні конструкції яких, виконані зі стінових матеріалів класу міцності не нижче В2,5, що забезпечують зусилля висмикування дюбеля.</p> </div> </div> <div class="vert vert-7" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@6570d4edc08b466fb0ca215a4a18e54a"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@6570d4edc08b466fb0ca215a4a18e54a" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Витрати тепла</h3> <p> Витрати на додаткове утеплення стін за методом скріпленої теплоізоляції окупляться вже через кілька років, оскільки витрати на опалення будинку можуть знизитися до 30%. Тому для власників і служб експлуатації фасадів це навіть економічно вигідно. Таке значне зниження витрат на опалення є наслідком радикального обмеження втрат тепла крізь стіни будинків.</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: 750px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/6e19a5c7849bd40ae8aac59e65ccb182/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/Picture9.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> <b>Неутеплена стіна</b> <p style="text-align: left;">Коли всередині будинку з неутепленими стінами температура повітря становить +20°С, а зовні стоїть мороз –10°С, то температура внутрішньої поверхні стіни буде +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-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> <b>Утеплена стіна</b> <p style="text-align: left;">Якщо ж стіни утеплені, такі явища відсутні, а різниця температур повітря в приміщенні та внутрішньої поверхні стіни незначна. В утепленій стіні різкий спад температури відбувається в межах теплоізоляційної плити.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-1 { left: 27%; top: 3%; } .dm-sc-img-modals-btn.hotspot-2 { left: 69%; top: 3%; } --></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: #405da0; 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: #405da0; 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: #405da0; 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> <p>На фото нижче показано реально утеплений фасад будівлі, а також термограму цього будинку, на якій видно, що утеплені стіни, мають низку температуру. Це ілюструє той факт, що ефективність скріпленої теплоізоляції досить висока, адже значна кількість тепла не втрачається. </p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/9bd985b6b32394fe22f1373ff2ffb70a/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/1000_F_39644859_5XGGcGRIgh9crWIXTNO1syCNj7t942pz.jpg" alt="avatar" style="width: 300px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> </div> <div class="vert vert-8" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d2b7dfd2166d4a319de35b40f6a89133"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d2b7dfd2166d4a319de35b40f6a89133" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/a0777a953fbcdaf671daa7216eb6ec95/asset-v1:Profosvita+CS-S014-SGM+2025+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: 100px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <ol> <li> Які основні переваги скріпленої теплоізоляції фасадів порівняно з іншими методами утеплення і чому вона вважається одним з найефективніших рішень для зниження втрат тепла в будинках? </li> <li> Чому система скріпленої теплоізоляції першого типу вважається універсальною і може застосовуватися без обмежень за висотою, в той час як другий і третій типи мають певні обмеження? Які основні відмінності між цими типами?</li> </ol> </div> <p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p> </div> </div> <div class="vert vert-9" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@761dce9e5b994cc88169736eb653f196"> <div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@761dce9e5b994cc88169736eb653f196" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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>

<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@vertical+block@0641dd43033844368ae541b90cbb0f1c" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@dacef3630fc24a54bcb0ab7e28d1d1f9"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@dacef3630fc24a54bcb0ab7e28d1d1f9" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@b412a285db304b4f95f10de065001ca1"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@b412a285db304b4f95f10de065001ca1" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/0dbfdf00b2638be6f5c82c8fac393ddd/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/calculation_1.png" alt="picture" style="width: 80px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p>Розглянемо, як швидко підібрати товщину утеплювача згідно з діючими нормами в Україні. Для цього необхідно ознайомитися з основними параметрами, від яких буде залежати остаточний результат.</p> </div> </div> <p> Спершу необхідно встановити регіон будівництва, а саме те місто, у якому буде виконуватися утеплення будівлі та визначити, до якої температурної зони воно належить: І чи ІІ. </p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/4fbe81b2f240ee5de04e3b335812cdc6/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%BD%D1%96_%D0%B7%D0%BE%D0%BD%D0%B8.png" alt="avatar" style="width: 650px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p>Далі з таблиці необхідно обрати мінімально допустиме значення опору теплопередачі огороджувальних конструкцій житлових та громадських будинків (згідно з ДБН ДБН В.2.6-31:20021).</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/849d24d82751998fa34623aade716e3c/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8F_1.png" alt="avatar" style="width: 500px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p>Також визначаємо умови експлуатації теплоізоляційної системи за допомогою наступної таблиці.</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/85d562db525f2dd16c447aec8cd19a2a/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8F_2.png" alt="avatar" style="width: 500px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> <p>Після цього визначається основний коефіцієнт теплопровідності для конкретного матеріалу та умов експлуатації, які відповідають проєкту, над яким ведеться робота.</p> <div style="display: flex; justify-content: center;"> <img src="/assets/courseware/v1/f6cbdefc49b89384f140e2639f21240e/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8F_3.png" alt="avatar" style="width: 600px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" /> </div> </div> </div> <div class="vert vert-2" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@ffe1c8d0936f41439a057f2cb3112f1e"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@ffe1c8d0936f41439a057f2cb3112f1e" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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><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: 600px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/041e92f425a122cf030dc5cc1f12a57b/asset-v1:Profosvita+CS-S014-SGM+2025+type@asset+block/%D0%A4%D0%BE%D1%80%D0%BC%D1%83%D0%BB%D0%B0_3.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-6"> <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>R₀ – сумарне нормативне значення спротиву теплопередачі.</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-7"> <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>R₁ – сумарне значення спротиву теплопередачі конструкції.</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-8"> <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>λ – розрахунковий коефіцієнт теплопровідності матеріалу утеплювача.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-6 { left: 20%; top: 10%; } .dm-sc-img-modals-btn.hotspot-7 { left: 44%; top: 10%; } .dm-sc-img-modals-btn.hotspot-8 { left: 78%; top: 10%; } --></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: #405da0; 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: #405da0; 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: left; position: relative; margin: auto; overflow: auto; border-radius: 6px; padding: 20px 20px; border: 1px solid #888; width: 80%; } .dm-sc-img-modals-modal-close { color: #405da0; position: absolute; top: 5px; right: 10px; 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> <p>Аби краще зрозуміти, як проходить розрахунок товщини скріпленої теплоїзоляції, розгляньте приклад підрахунку для реального проєкту, який наведено нижче.</p> <p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб ознайомитися з прикладом проведення розрахунків.</em></p> <p></p> <div class="container-dm-pic3"> <div class="dm-pic3"> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Приклад</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <p>Необхідно розрахувати товщину утеплювача для будинку, розташованого у м. Рівне за умови, що стіна виконана з цегляної кладки у дві цеглини 510 мм (цегла суцільна глиняна) на звичайному цементно-піщаному розчині. Спершу визначаємо R₁:</p> <p> <i>R₁ = δ / λ = 0,51 / 0,7 = 0,73.</i></p> <p> δ — товщина стіни, яка становить 0,51 м; λ = 0,7 — розрахунковий коефіцієнт теплопровідності при нормальній експлуатації А.</p> <p> Показник R₀ для Рівного дорівнює 3,3, отже: </p> <p><i>R₀ - R₁ = 4,0 - 0,73 = β / λ.</i></p> <p>Утеплення виконується за допомогою пінополістирольних плит, тому λ = 0,041. У розрахунку не враховується шар внутрішньої штукатурки. Таким чином, товщина шару пінополістирольного утеплювача має бути:</p> <p><i>β = (4,0 - 0,73) x 0,041 = 0,14 м або 140 мм.</i></p> <p>Таким чином можна швидко порахувати товщину утеплювача, знаючи конструкцію стіни та район будівництва.</p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> </div> </div> <style> .dm-collaps-wrap { margin-bottom: 15px; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); border-radius: 6px; } .dm-collaps { background-color: #EDEDED; color: #000; background-image: none; text-shadow: none; width: 100%; font-family: inherit; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 6px 6px 0 0; text-align: left; outline: none; font-size: 15px; } .dm-collaps i.fa-angle-down { font-style: inherit; margin-right: 10px; } .dm-collaps--active i.fa-angle-down { transform: scaleY(-1); } button.dm-collaps--active, button.dm-collaps:hover, button.dm-collaps:focus, button.dm-collaps:active { background-color: #c0c0c0ff; color: #000000; background-image: none; box-shadow: none; border: none; text-shadow: none; } .dm-collaps-content { padding: 0 18px; display: none; border-radius: 6px; overflow: hidden; background-color: #fff; } .dm-collaps-content p { margin-top: 5px; } .dm-collaps-content img { width: 75px; height: auto; } .dm-picnorm { display: flex; align-items: center; } .dm-picnorm img { width: auto; max-height: 150px; margin-left: 10px; } .element_container{ min-height: 120px; } @media only screen and (max-width: 980px) { .dm-picnorm { flex-direction: column; margin: 0 auto; } } </style> <script> // <![CDATA[ $(".dm-sc-collaps-wrapper").each(function () { $(this) .find(".dm-collaps") .click(function () { $(this).toggleClass("dm-collaps--active"); $(this).next().toggle(); }); }); // ]]> </script> <p></p> </div> </div> <div class="vert vert-3" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d74209a469c54259828687cb9c458e20"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@html+block@d74209a469c54259828687cb9c458e20" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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/a0777a953fbcdaf671daa7216eb6ec95/asset-v1:Profosvita+CS-S014-SGM+2025+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: 100px; max-width: 30%; margin-bottom: 0px;" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p> Як розрахунковий коефіцієнт теплопровідності утеплювача впливає на вибір матеріалу для скріпленої теплоізоляції і які матеріали є найбільш ефективними для забезпечення низької теплопровідності? </p> </div> <p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p> </div> </div> <div class="vert vert-4" data-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@21573e5336fc4c3eb3c5a325b4248d4b"> <div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S014-SGM+2025" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S014-SGM+2025+type@discussion+block@21573e5336fc4c3eb3c5a325b4248d4b" data-request-token="289a2d881d5f11f0a20d2e0be95b2e32" 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>