<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@c6dd8936346d4828bcc06daf7fb2f964" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c142656dbaeb4ed6b1fa591ed0a14af5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c142656dbaeb4ed6b1fa591ed0a14af5" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h2 style="text-align: center;"><span style="font-size: 1.1em;"><strong><span color="#004984" style="color: #004984;">СИСТЕМА </span></strong><span style="color: #ee7026;"><strong>ВОДОВІДВЕДЕННЯ</strong></span></span></h2>
<p></p>
<p></p>
<div style="background-color: #c0e3ec !important; border: 1px solid lightgrey; border-radius: 5px; padding: 20px 20px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%); margin: 24px 0px 24px 0px;">
<p style="color: #004984;"><strong>Я ЗМОЖУ</strong> </p>
<ul>
<ul>
<li>дізнатись про призначення та побудову систем водовідведення;</li>
<li>відрізняти види систем зовнішньої каналізації.</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@0fe48bb55a0e4c3ea2813899f0d6c833" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@4c4a0650b77847e4a9fc93560c48a200">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@4c4a0650b77847e4a9fc93560c48a200" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong><span style="color: #004984;">ВОДОВІДВЕДЕННЯ</span> </strong>призначене для відведення, очищення і знезараження забруднених стічних вод з будівель різного призначення. </p>
<p style="text-align: center;"><img height="фгещ" width="560" src="/assets/courseware/v1/c7a902815b5bbd23cf5a5825d9dadf1e/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.1..png" alt="1.1" style="border-radius: 25px;" /></p>
<p>Проектування каналізаційних мереж вимагає попередньої підготовки, яка полягає в розробці технічного завдання. Наводимо перелік вихідних даних, які потребують уваги:</p>
<p style="text-align: justify;"></p>
<p style="font-size:80%"><i>Натисніть на інтерактивні елементи, щоб розглянути список більш детально</i><em>.</em></p>
<div class="s-tabs">
<ul class="s-tabs__nav-row"><!-- Tab navigation link 1 -->
<li class="s-tab s-tabs__item is-active is-checked">
<div class="s-tab__nav"><button></button> <span>1. Тип системи</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>2. Дані геології </span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>3. Дані про опади</span></div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>4. Рекомендації ДБН</span></div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>5. Скласти поверхове планування</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<div style="padding-left: 20px; text-align: justify;">
<p> <span style="color: #ee7026;"> <b>Тип системи :</b> </span>автономна або приєднання трубопроводів до централізованих систем. Для врізки в <b>централізовану</b> каналізацію необхідні документи про право власності на будинок та дозвіл на виконання врізки. <p><b>При автономній системі</b> потрібно визначитись зі способом утилізації (біологічна станція, септик, герметичний накопичувач, вигрібна яма).</p>
</div>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<div style="padding-left: 20px; text-align: justify;">
<p><span style="color: #ee7026;"> <b>Дані геології:</b> </span> глибина промерзання ґрунту, глибина водоносного горизонту, розташування водоймищ, місце і глибина колодязя або свердловини (при автономному водопостачанні), дані про ґрунт.</p>
</div>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<div style="padding-left: 20px; text-align: justify;">
<p> <span style="color: #ee7026;"> <b>Дані про опади </b> </span>(при проєктуванні зливової каналізації).</p>
</div>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<div style="padding-left: 20px; text-align: justify;">
<p> <span style="color: #ee7026;"> <b>На підставі рекомендацій ДБН </b> </span>підрахувати пікове навантаження, яке залежить від кількості мешканців і сантехнічного обладнання. Якщо проживання в будинку сезонне, це також слід враховувати в розрахунках.</p>
</div>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<div style="padding-left: 20px; text-align: justify;">
<p> <span style="color: #ee7026;"> <b>Скласти поверхове планування</b> </span> із зазначенням точок стоків від ванни, душових кабін, умивальників, мийок, унітазів, біде, пральної і посудомийної машини.</p>
</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: #004984;
}
/* Steps */
.s-tabs {
padding: 20px 0;
overflow: hidden;
}
.s-tab {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav {
position: relative;
}
.s-tab__nav button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav button:hover,
.s-tab__nav button:focus {
background-color: #004984;
border-color: #004984;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #004984 !important;
}
/* Steps Labels */
.s-tab__nav span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #004984;
border: 2px solid #004984;
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 #004984;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel.is-active {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active .s-tab__nav button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active .s-tab__nav span {
opacity: 1;
visibility: visible;
}
.s-tab.is-checked .s-tab__nav button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
--></style>
<script>// <![CDATA[
/* 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>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@74daeb2a6cde40b289cc6cefc62424b1" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@49cf4a493af945368a4355fb7ea18c43">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@49cf4a493af945368a4355fb7ea18c43" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="background-color: #dfe6ea !important; border: 1px solid lightgrey; border-radius: 5px; padding: 16px 20px; margin-bottom: 16px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);">
<p>Забруднені води, що відводяться каналізаційною мережею, називаються <strong><span style="color: #ee7026;">стічними </span></strong>і поділяються на три групи.</p>
</div>
<h3 style="color: #004984;padding-top: 32px;"><b>Групи стічних вод</b></h3>
<p style=" font-size: 80%; " ><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="width: 100%; align-self: center;">
<p><b><span style="color: #004984;">ПРОМИСЛОВА КАНАЛІЗАЦІЯ</span></b> - її застосовують при облаштуванні промислових цехів та підприємств.<p> На мережу каналізації промислового підприємства впливають розташування цехів, наявність на території підземного господарства і внутрішньозаводського транспорту.</p>
</div>
</div>
<div class="tab-content">
<div style="width: 100%; align-self: center;">
<p><b><span style="color: #004984;">ЗЛИВОВА КАНАЛІЗАЦІЯ (водостоки)</span></b> - виводить зайву воду, що утворилася після дощу.</p>
</div>
</div>
<div class="tab-content">
<div style="width: 100%; align-self: center;">
<p><b><span style="color: #004984;">ГОСПОДАРСЬКО-ПОБУТОВА КАНАЛІЗАЦІЯ</span></b> - її зазвичай встановлюють в приватних будинках. Вона забезпечує простий збір стоків.</p>
<p><b>Господарсько-побутова, у свою чергу, ділитися ще на два підвиди:</b></p>
<ul>
<ul>
<li><strong><span style="color: #ee7026;">централізована</span></strong> – широко застосовується в населених пунктах;</li>
<li><strong><span style="color: #ee7026;">автономна</span></strong> – підходить для одного або кількох будинків. Особливість: індивідуальне підключення, незалежність.</li>
</ul>
</ul>
</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-1" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@7b41f599a99c42299c8535995d1a29c8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@7b41f599a99c42299c8535995d1a29c8" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span style="color: #004984;"><strong>СХЕМА КАНАЛІЗАЦІЇ</strong></span> – зображення на плані населеного пункту або промислового майданчика запроєктованих для них каналізаційних споруд (мереж, насосних та очисних станцій).</p>
<p style=" font-size: 80%; "><i>Натисніть на інтерактивні елементи, щоб розглянути елементи плану.</i></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: 85%; width: 100%; min-height: 100%;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/b2b6389fee36fe4970fa6825fea82f04/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.2.png" alt="1.2" 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>1.</b>
<p>Водойма </p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-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>2.</b>
<p>Очисні споруди</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-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>3.</b>
<p>Напірний трубопровід</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-4"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>4.</b>
<p>Насосна станція</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>5.</b>
<p> Колектор</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-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> <b>6.</b>
<p>Зовнішня мережа каналізації</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-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> <b>7.</b>
<p>Оглядовий колодязь</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-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> <b>8.</b>
<p>Водостічна мережа</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-9"> <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>9.</b>
<p>Контрольний колодязь</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-10"> <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>10.</b>
<p> Дворова мережа</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-11"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>11.</b>
<p>Внутрішня мережа каналізації</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 25%;
top: 13%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 37%;
top: 10%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 48%;
top: 14%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 72%;
top: 63%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 75%;
top: 71%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 60%;
top: 85%;
}
.dm-sc-img-modals-btn.hotspot-7 {
left: 58%;
top: 63%;
}
.dm-sc-img-modals-btn.hotspot-8 {
left: 50%;
top: 61%;
}
.dm-sc-img-modals-btn.hotspot-9 {
left: 40%;
top: 60%;
}
.dm-sc-img-modals-btn.hotspot-10 {
left: 30%;
top: 78%;
}
.dm-sc-img-modals-btn.hotspot-11 {
left: 17%;
top: 53%;
}
--></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: #116062;
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: #116062;
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: #116062;
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.dm-sc-img-modals-modal-close:hover,
.dm-sc-img-modals-modal-close:focus {
color: #116062;
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>
<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-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@79af515a6ee1462db45c3349fff264e0" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@05f992eb5afa4be29077bb6b65594942">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@05f992eb5afa4be29077bb6b65594942" data-request-token="04bbcb6a1e1211f1b7fc6243ebb92edc" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: justify;"><span style="color: #004984;"><strong>ЗОВНІШНЯ КАНАЛІЗАЦІЯ</strong></span><span style="color: #000000;"> складається з підземних трубопроводів, по яких <span style="font-size: 1.00em;">стічні води </span>з будинків відводяться самопливом до насосних станцій. </span></p>
<p style="text-align: justify;"><span style="color: #000000;"><span style="text-align: justify;">Внутрішньоквартальна мережа під'єднується до вуличної. У місцях з'єднання споруджують контрольні колодязі. Територія міста з каналізацією розбивається на окремі басейни по межі вододілів. Вулична каналізація об'єднується в межах одного басейну і направляється в головний колектор. Нижні точки колекторів облаштовані насосними станціями для підйому стічних вод на певний рівень. Таким чином знову забезпечується подальший самопливний рух стічних вод (напірний колектор). Колектори великого діаметра називаються каналами.</span></span></p>
<p style="text-align: center;"><span style="color: #000000;"><span style="text-align: justify;"><img height="auto" width="720" src="/assets/courseware/v1/20f99d929811ea976228ad02bace8a52/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.3.jpg" alt="зовнішня каналізація" style="border-radius: 20px;"/></span></span></p>
<h3 style="text-align: left;"></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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 style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/b4b2741af000fda38829a7e84b1d9a38/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.4.png" alt="перпендикулярна" /></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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/39e886bca246a2b6475487a5b58289fc/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.5.png" alt="пересічна" /></p>
<p style="text-align: center;"><i>ОС - очисні споруди; НС - насосна станція</i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- 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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/12437f184a22ce2b178c71277ac7d78b/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.6.png" alt="паралельна" /></p>
<p style="text-align: center;"><i>ОС - очисні споруди</i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- 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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/ff40f2f9a032e0d89d9425f4a9798d1d/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.7.png" alt="зонна (поясна)" /></p>
<p style="text-align: center;"><i>ОС – очисні споруди; НС – насосна станція; НП - напірний трубопровід</i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- 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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/e112ec54c2e5061619d727b42c69892f/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.8.png" alt="зонна паралельна" /></p>
<p style="text-align: center;"><i>ОС - очисні споруди; НС - насосна станція другої зони; НП – напірний трубопровід; ГНС - головна насосна станція</i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- 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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/6337926199421fdf1c9ea12e5fa8a5cf/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.9.png" alt="зонна послідовна" /></p>
<p style="text-align: center;"><i>ОС - очисні споруди; НС - насосна станція першої зони; НП – напірний трубопровід; ГНС - головна насосна станція другої зони </i></p>
</div>
</div>
<!-- end element --></div>
</div>
</div>
<!-- button end -->
<!-- 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;">
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/a0483e17c8fb4bc55a31f06f38495f3c/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/1.10.png" alt="радіальна" /></p>
<p style="text-align: center;"><i>ОС - очисні споруди</i></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: black;
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 {
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 style="text-align: left;"></p>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
© Всі права захищено