<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@vertical+block@61bef00f843c438db045a11c67f02e27" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@fac1244384fb450991ad90d7ed777f09">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@fac1244384fb450991ad90d7ed777f09" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вступ до уроку</h3>
<p>У цьому уроці ви познайомитеся з поняттям мережевого протоколу, стеком протоколів (зокрема, стеком протоколів TCP/IP). Дізнаєтеся про переваги використання даного протоколу. Детально розглянете кожен з рівнів моделі OSI протоколу TCP/IP, ознайомитеся з протоколами, що працюють на цих рівнях. Також ви детально розглянете процес налаштування TCP/IP. Ознайомитеся зі складовими IP-адреси та класи IP-адрес. Дізнаєтеся про особливості використання статичної IP-адреси та параметри її налаштування.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@2dafabe4736d42268fbb862a19e930c4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@2dafabe4736d42268fbb862a19e930c4" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Поняття мережевого протоколу. Стек протоколів TCP/IP</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/fb28049681cf5cc98bada95d342e8abf/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9F%D0%BE%D0%BD%D1%8F%D1%82%D1%82%D1%8F_%D0%BC%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D0%BE%D0%B3%D0%BE_%D0%BF%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB%D1%83_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"><b>Мережевий протокол</b> – це комплекс установок, завдяки яким визначається і регулюється процес інформаційного обміну між комп’ютерами, підключеними до Інтернету. Протокол в певному сенсі вважається мовою, необхідною машинам для взаємодії.</p>
</div>
<p></p>
<p>Основні типи мережевих протоколів розглянуто в <a href="https://profosvita.lilac-vso-uat.raccoongang.com/courses/course-v1:Profosvita+CS-S002-SGM+2024/courseware/e7eeff7ecaf94d2bb7de0297076f9009/54093a0d6cba4625a98ef70b5a59cbb3/1?activate_block_id=block-v1%3AProfosvita%2BCS-S002-SGM%2B2024%2Btype%40vertical%2Bblock%4062613ffbd58e4e788ae0a356b934b253" target="[object Object]">темі 1.</a></p>
<p style="text-align: left;">Група протоколів за певними рівнями називається стеком протоколів. Сучасні мережі побудовані на стеку протоколів TCP/IP, що складається із двох частин, протоколу TCP і протоколу IP. IP-протокол розв’язує питання з адресацією, а TCP – реалізує трансфер даних і стежить, щоб клієнт точно отримав свої байти. </p>
<p style="text-align: left;">Переваги використання протоколу TCP/IP:</p>
<p style="text-align: justify;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про переваги використання протоколу TCP/IP.</em></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/84cbcbd4f027d2a04a2d11931600420f/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/TCP_IP_icon.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>Мережний протокол з маршрутизацією підтримують майже всі операційні системи. Крім того, майже усі великі мережі засновані на TCP/IP.</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/240e6b0a33dc12023af4c76f2a40686f/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Data_sending_icon.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">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/1246860dc5c2264292dbc7669a99857e/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%81%D0%BB%D1%83%D0%B6%D0%B1%D0%B8_%D1%8F%D0%BA_%D0%BA%D0%BB%D1%96%D1%94%D0%BD%D1%82-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BD%D1%96_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B8_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.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">
<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/5eb65340c2d806eed46adaf452facca0/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Internet_icon.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></div>
</div>
<p></p>
<style><!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 60px;
background: #4849f9;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 3px;
user-select: none;
}
.dm-slideshow-container-carousel .dm-next {
right: 0;
}
div.dm-slideshow-container-carousel .dm-prev:hover,
div.dm-slideshow-container-carousel .dm-next:hover {
background-color: #c0c0c0ff;
}
.dm-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.dm-active,
.dm-dot:hover {
background-color: #717171;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
--></style>
<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>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@9babc89b920a4493a32ca65a669d2c1b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@9babc89b920a4493a32ca65a669d2c1b" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Рівні моделі OSI протоколу TCP/IP</h3>
<p style="text-align: justify;">Стек TCP/IP використовує чотири рівні моделі OSI:</p>
<p style="text-align: justify;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про особливості рівнів моделі OSI.</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: 900px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/347592d7eae0d78a383d0a61b3b1e11d/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A0%D1%96%D0%B2%D0%BD%D1%96_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%96_OSI_Hotspots_Background.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;">Прикладні програми одержують доступ у мережу. Для рівня прикладних програм розроблено безліч стандартних утиліт і служб TCP/IP – File Transfer Protocol (FTP), Telnet, Simple Network Management Protocol (SNMP), система доменних імен (Domain Name System, DNS) тощо.</p>
<p style="text-align: left;">TCP/IP надає два інтерфейси для мережних прикладних програм, призначених для роботи з набором протоколів TCP/IP:<br /> • <b>Winsock</b> – cтандартний інтерфейс прикладних програм на основі протоколів TCP/IP. Інтерфейс Winsock надають служби, що дозволяють прикладним програмам зв’язуватися з заданим портом і IP-адресою на вузлі, ініціалізувати й дозволяти з’єднання, посилати й одержувати дані, а також закривати з’єднання;<br /> • <b>NetBT</b> – стандартний інтерфейс для сервісів NetBIOS, що містить сервіс імен, датаграм і сесій, а також стандартний інтерфейс між прикладними програмами на основі NetBIOS і протоколами TCP/IP.</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;">Реалізує сеанси зв’язку між комп’ютерами. Найкращий метод доставки даних визначається транспортним протоколом: протоколом управління передачею (Transmission Control Protocol, TCP), протоколом датаграм користувача (User Datagram Protocol, UDP).</p>
<p style="text-align: left;">Протоколи, що входять у транспортний рівень:<br /> •<b>TCP</b> – надає орієнтований на з’єднання надійний спосіб комунікації прикладних програм, що передають великі обсяги даних відразу чи потребуючих підтвердження після одержання даних. TCP гарантує доставку пакетів, правильну послідовність даних і формує контрольну суму, яка підтверджує коректність заголовка пакета і його даних;<br /> •<b>UDP</b> – забезпечує зв’язок, не встановлюючи з’єднання і не гарантуючи доставку або правильну послідовність передачі пакетів. Прикладні програми, які використовують UDP, як правило, передають маленькі обсяги даних за один раз.</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;">Формує пакети в датаграми Інтернету і виконує всі необхідні алгоритми маршрутизації.</p>
<p style="text-align: left;">Протоколи, що працюють на мережному рівні:<br /> • <b>IP</b> – забезпечує доставку пакетів для всіх інших протоколів у наборі. Не гарантує доставку пакета чи правильну послідовність пакетів. Не виправляє помилки; <br /> • <b>ARP</b> – забезпечує відображення IP-адреси в MAC-адресу. За допомогою широкомовного запиту передає спеціальний пакет ARP, що містить IP-адресу одержувача;<br /> • <b>ICMP</b> – забезпечує з’єднання між вузлами мережі з метою спільного використання інформації про помилки та стан мережі;<br /> • <b>IGMP</b> – забезпечує багатоадресну передачу для з’єднання та управління інформацією між пристроями в групі багатоадресної IP-передачі та інформує сусідні маршрутизатори багатоадресної передачі про членство вузла групи в конкретній мережі.</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>Канальний рівень</b>
<p style="text-align: left;">Призначений для забезпечення взаємодії мереж на фізичному рівні і контролю за помилками, які можуть виникнути.</p>
<p style="text-align: left;">Протоколи, що працюють на канальному рівні:<br /> • <b>Ethernet</b> – стандартна технологія провідної локальної мережі (LAN), де дані передаються у вигляді фреймів через фізичний кабель;<br /> • <b>Point-to-Point Protocol (PPP)</b> – забезпечує встановлення з'єднання між двома точками, часто використовується для підключення комп'ютера до Інтернет-постачальника через модем;<br /> • <b>HDLC</b> – забезпечує надійну передачу даних у формі фреймів, широко використовується в мережевих з'єднаннях;<br /> • <b>ADCCP</b> – варіант HDLC, розроблений для асинхронного обміну даними, часто використовується в телекомунікаційних мережах для передачі і керування даними.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 86%;
top: 18%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 86%;
top: 37.5%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 86%;
top: 57%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 86%;
top: 76.5%;
}
--></style>
<style><!--
p.dm-sc-img-modals1.dm-sc-img-modals1-2 {
margin-bottom: 10px;
}
.dm-sc-img-modals-modal-content h3,
.dm-sc-img-modals-modal-content h4 {
text-align: center;
}
.dm-sc-img-modals1-wrapper {
margin-bottom: 20px;
}
.dm-sc-img-modals1 {
display: inline-block;
box-shadow: none;
border-radius: 6px;
width: 100%;
position: relative;
margin: auto;
}
.dm-sc-img-modals1 .dm-sc-img-modals {
padding-bottom: 20px;
position: relative;
}
.dm-sc-img-modals-btn {
position: absolute;
opacity: 0.8;
width: 30px;
height: 30px;
padding: 0;
border: none;
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7);
border-radius: 50%;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 1vw;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover {
cursor: pointer;
opacity: 1;
outline: none;
background-color: #4849F9;
background-image: none;
box-shadow: none;
}
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active,
.dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.dm-sc-img-modals-btn {
background: #4849F9;
color: white;
}
.dm-sc-img-modals-modal {
display: none;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
border-radius: 6px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.dm-sc-img-modals-container {
display: inline-block;
margin: 0 auto;
text-align: center;
position: relative;
}
.dm-sc-img-modals-modal-content {
background-color: #fefefe;
text-align: center;
position: relative;
margin: auto;
overflow: auto;
border-radius: 6px;
padding: 20px 30px;
border: 1px solid #888;
width: 80%;
}
.dm-sc-img-modals-modal-close {
color: #4849F9;
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.dm-sc-img-modals-modal-close:hover,
.dm-sc-img-modals-modal-close:focus {
color: #7A7A7F;
text-decoration: none;
cursor: pointer;
}
.dm-sc-img-modals-image {
margin: auto;
display: block;
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal {
overflow-x: hidden;
overflow-y: scroll;
}
.dm-sc-img-modals-modal-content {
border: none;
}
}
@media only screen and (max-width: 500px) {
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 2vw;
}
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal-content {
overflow: visible;
}
}
.dm-sc-img-modals-btn.hotspot {
position: absolute;
width: 30px;
height: 30px;
}
@media (min-width: 872px) and (max-width: 1100px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
@media (min-width: 769px) and (max-width: 871px) {
.dm-sc-img-modals-btn.hotspot {
width: 17px;
height: 17px;
}
}
@media (min-width: 501px) and (max-width: 768px) {
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
font-size: 2vw;
}
.dm-sc-img-modals-btn.hotspot {
width: 25px;
height: 25px;
}
}
@media (max-width: 500px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
display: flex;
justify-content: center;
align-items: center;
}
.dm-sc-img-modals-modal-content p {
text-align: center;
}
--></style>
<script>// <![CDATA[
$(document).ready(function () {
$(".dm-sc-img-modals-wrap").each(function () {
var modal = $(this).find(".dm-sc-img-modals-modal");
var btn = $(this).find(".dm-sc-img-modals-btn");
btn.click(function () {
modal.css("display", "flex");
$(this).find(".fa-plus").removeClass("fa-plus");
$(this).find(".fa").addClass("fa-check");
$(this).css("animation", "none");
});
$(".dm-sc-img-modals-modal-close").click(function () {
modal.css("display", "none");
});
$(window).click(function (event) {
if (event.target.className === "dm-sc-img-modals-modal") {
modal.css("display", "none");
}
});
});
})
// ]]></script>
<p style="text-align: center;"></p>
<p>Ці рівні зображено на схемі:</p>
<p><em>Натисніть на інтерактивний елемент, щоб переглянути зображення рівнів набору протоколів TCP/IP.</em></p>
<div class="mw-wrapper">
<div class="mw-modal-container">
<div class="mw-modal-background">
<div class="mw-modal"><img src="/assets/courseware/v1/c32edfa1d07656c0c368b3612e1b8fed/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A7%D0%BE%D1%82%D0%B8%D1%80%D0%B8_%D1%80%D1%96%D0%B2%D0%BD%D1%96_%D0%BD%D0%B0%D0%B1%D0%BE%D1%80%D1%83_%D0%BF%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB%D1%96%D0%B2_TCP_IP.png" alt="img" style="height: 90vh; max-height: 700px;" /></div>
</div>
</div>
<div class="mw-button mw-button-animation">Рівні набору протоколів TCP/IP</div>
</div>
<style><!--
.mw-modal-container {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
transform: scale(0);
z-index: 10001;
cursor: pointer;
}
.mw-modal-container .mw-modal-background {
background: rgba(38, 56, 82, 0.9);
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mw-modal-container .mw-modal-background .mw-modal {
background: #fff;
padding: 10px;
border-radius: 3px;
text-align: center;
}
.mw-wrapper .mw-button {
display: inline-block;
cursor: pointer;
color: #fff;
background-color: #4849F9;
font-weight: bold;
letter-spacing: 0.6px;
border-radius: 0 6px 6px 0;
padding: 7px 20px;
}
.mw-button-animation {
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.4);
-webkit-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.mw-wrapper .mw-button:hover {
background-color: #4849F9;
}
.mw-modal-container.one {
transform: scaleY(0.01) scaleX(0);
animation: unfoldIn 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one .mw-modal-background .mw-modal {
transform: scale(0);
animation: zoomIn 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out {
transform: scale(1);
animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out .mw-modal-background .mw-modal {
animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@-webkit-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
--></style>
<script>// <![CDATA[
document.querySelectorAll('.mw-wrapper').forEach(mw => {
let button = mw.querySelector('.mw-button');
let modalWindow = mw.querySelector('.mw-modal-container');
button.onclick = function () {
modalWindow.classList.remove("out");
modalWindow.classList.add("one");
button.classList.remove("mw-button-animation")
}
modalWindow.onclick = function () {
modalWindow.classList.add('out');
};
})
// ]]></script>
<p></p>
<p style="text-align: center;"></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@c3dc11d2f5fa4994983ae4f059304bad">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@c3dc11d2f5fa4994983ae4f059304bad" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Налаштування TCP/IP</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/763b95c30de4a669d5e5a854b09b250d/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9D%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F_TCPIP_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">Кожний вузол TCP/IP має власну ІР-адресу (статичну чи динамічну), яка привласнюється автоматично за допомогою DHCP-сервера. IP має певні складові.</p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">Розглянемо ці складові детальніше:</p>
<p style="text-align: left;"><i>Натисніть на інтерактивні елементи, щоб дізнатись про складові IP-адреси.</i></p>
<div class="dm2-cardsWrap" style="text-align: left;"><!-- 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/f4e5ce063466bb18986e58123bd80c78/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Network_ID_icon.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>ID МЕРЕЖІ/АДРЕСИ МЕРЕЖІ</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;">Ідентифікує системи, розташовані в одній і тій же фізичній мережі. Усі комп’ютери у фізичній мережі повинні мати ту саму ID мережі. ID мережі повинна бути унікальною у міжмережному середовищі.</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/e8bfb29dfd93efcc16bb36298bf28ec6/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Network_node_icon.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>ID ВУЗЛА/АДРЕСИ ВУЗЛА</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;">Ідентифікує вузол TCP/IP у межах мережі.</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: 350px;
height: 350px;
margin: 5px;
perspective: 1000px;
}
.dm2-cardContainer-card-active {
transform: translateZ(0px) rotateY(180deg) !important;
}
.dm2-cardContainer-card-active:after {
display: none;
}
.dm2-cardContainer-card {
display: inline-block;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 6px;
transform-style: preserve-3d;
transform: translateZ(-20px);
transition: all 0.2s;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
}
.dm2-cardContainer-card:after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 6px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
opacity: 0;
transition: all 0.2s;
}
.dm2-cardContainer-card:hover {
transform: translateZ(0px);
}
.dm2-cardContainer-card:hover:after {
opacity: 1;
}
.dm2-cardContainer-card .dm2-cardContainer-card-side {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
border-radius: 6px;
background-color: white;
}
.dm2-cardContainer-card .dm2-cardContainer-card-front {
/*z-index: 2;*/
background-color: #30b6dd;
display: flex;
justify-content: center;
align-items: center;
}
.dm2-cardContainer-card div.dm2-cardContainer-card-front p {
color: #000000;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back {
transform: rotateY(180deg);
font-size: 16px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back .dm2-cardContainer-card-info {
width: 90%;
text-align: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-info p {
padding: 32px 16px 0px;
text-align: center;
margin-bottom: 0;
align-self: flex-end;
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-img {
background-color: #dadce2;
background-position: center;
background-size: cover;
border-radius: 6px 6px 0 0;
width: 100%;
/* height: 250px; */
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-info {
display: flex;
height: 100%;
text-align: center;
flex-direction: column;
align-items: center;
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></p>
<p style="text-align: left;">IP-адреси – це логічні 32-бітні номери, розділені на чотири поля по 8 біт, що називаються октетами. Microsoft TCP/IP підтримує класи адрес А, В і С.</p>
<p style="text-align: left;">Розглянемо детальніше класи IP-адрес А, В і С:</p>
<p style="text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про класи IP-адрес.</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">
<div class="s-tab__nav"><button></button> <span>A</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>B</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>C</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">Клас A</h4>
<p style="margin: 0 !important;">Перший ID мережі – 1.0.0.0, останній – 126.0.0.0.</p>
<p>Доступно 126 мереж і 16 777 214 вузлів у мережі.</p>
<p>Адреса 127.x.y.z. зарезервована для петльового тестування і зв’язків між процесами на локальному комп’ютері.</p>
<p>ID мережі – завжди перший октет в адресі, a ID вузла – останні три октети.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Клас B</h4>
<p style="margin: 0 !important;">Перший ID мережі – 128.0.0.0, останній – 191.255.0.0.</p>
<p>Доступно 16 384 мереж і 65 534 вузлів у мережі.</p>
<p>ID мережі – завжди перші два октети в адресі, а ID вузла – останні два октети.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Клас C</h4>
<p style="margin: 0 !important;">Перший ID мережі — 192.0.0.0, останній – 223.255.255.0.</p>
<p>Доступно 2 097 152 мережі та 254 вузли в мережі.</p>
<p>ID мережі – завжди перші три октети в адресі, a ID вузла – останній октет.</p>
</div>
</div>
</div>
<style><!--
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs {
padding: 20px 0;
overflow: hidden;
}
.s-tab {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav {
position: relative;
}
.s-tab__nav button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav button:hover,
.s-tab__nav button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel.is-active {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active .s-tab__nav button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active .s-tab__nav span {
opacity: 1;
visibility: visible;
}
.s-tab.is-checked .s-tab__nav button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
--></style>
<script>// <![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>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@45c0e760b0664ed1bb9749863395a303">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@45c0e760b0664ed1bb9749863395a303" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Використання статичної IP-адреси</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/30dc1a915a2a836cf3f0e209ba25a447/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%92%D0%B8%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D0%B0%D0%BD%D0%BD%D1%8F_%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%BD%D0%BE%D1%97_IP_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B8_%D0%B0%D0%B1%D0%B7%D0%B0%D1%86_%D1%96%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0.png" alt="picture" style="width: 80px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">Для кожної плати мережного адаптера в комп’ютері, що використовує TCP/IP, можна встановити IP-адресу, маску підмережі й шлюз за замовчуванням.</p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">На скріншоті зображено вікно налаштування статичної адреси TCP/IP в операційній системі Windows 10:</p>
<p style="text-align: center;"><img width="300" src="/assets/courseware/v1/a327fde7c4d8bd3736b3495a336b6a93/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_3_%D0%A1%D0%BA%D1%80%D1%96%D0%BD%D1%88%D0%BE%D1%82_10.png" alt="Тема 3 Скріншот 10" /></p>
<p style="text-align: left;">Розглянемо параметри для налаштування статичної адреси TCP/IP детальніше:</p>
<p style="text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про параметри налаштування статичної адреси TCP/IP.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>IP адреса (IP Address)</b></button> <button class="tab-controls__button"><b>Маска підмережі (Subnet Mask)</b></button> <button class="tab-controls__button"><b>Шлюз за замовчуванням (Default Gateaway)</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/130d8d234af97f085be94f3c123f4147/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/IP_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B0.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Логічна 32-бітна адреса, що ідентифікує TCP/IP вузол. Кожній платі мережного адаптера в комп’ютері з запущеним протоколом TCP/IP необхідна унікальна IP адреса, (приклад: 192.168.0.108). Кожна адреса має дві частини: ID мережі та ID вузла. У прикладі ID мережі – 192.168.0, ID вузла – 108.</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/8a22b91729e8c7a72f1b7eb2016e3694/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9C%D0%B0%D1%81%D0%BA%D0%B0_%D0%BF%D1%96%D0%B4%D0%BC%D0%B5%D1%80%D0%B5%D0%B6%D1%96.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Підмережі поділяють велику мережу на безліч фізичних мереж, з’єднаних маршрутизаторами. Маска підмережі закриває частину IP-адреси так, щоб TCP/IP міг відрізняти ID мережі від ID вузла. Коли вузли TCP/IP пробують зв’язатися, маска підмережі визначає, знаходиться вузол одержувача на локальній чи віддаленій мережі. Для того, щоб зв’язуватися в локальній мережі, комп’ютери повинні мати однакову маску підмережі.</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/30e267203267ec0e175681cf155dc593/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A8%D0%BB%D1%8E%D0%B7_%D0%B7%D0%B0_%D0%B7%D0%B0%D0%BC%D0%BE%D0%B2%D1%87%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F%D0%BC.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Проміжний пристрій у локальній мережі, на якому зберігаються мережні ідентифікатори інших мереж. Для того, щоб зв’язатися з вузлом в іншій мережі, встановіть IP-адресу для шлюзу за замовчуванням. TCP/IP за замовчуванням посилає пакети у віддалену мережу через шлюз, що потім пересилає пакети іншим шлюзам.</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-5" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@6724d17e6d9d413ab955344d4801048f">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@6724d17e6d9d413ab955344d4801048f" data-request-token="2d2bf258166911ef950d4e130e5e43d2" data-graded="False" data-has-score="True">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Завдання для самоперевірки доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@1acd94a182ca483dbc510e4d7e0f06d5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@1acd94a182ca483dbc510e4d7e0f06d5" data-request-token="2d2bf258166911ef950d4e130e5e43d2" 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/1cf6622e76bbe96f38c0a6f3ccbd55a9/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%96%D1%8F.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" />
<ol>
<li>Які можливі застосування мережевих протоколів TCP/IP у сучасному інформаційному середовищі, включаючи їх роль у Інтернеті та областях зв'язку між комп'ютерами?</li>
<li> Які параметри необхідно вказати при налаштуванні статичної IP-адреси для мережного адаптера? Для чого вони використовуються?</li>
</ol>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@discussion+block@d08f39ffcb78401ab453a5b37e30dd0d">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S002-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S002-SGM+2024+type@discussion+block@d08f39ffcb78401ab453a5b37e30dd0d" data-request-token="2d2bf258166911ef950d4e130e5e43d2" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Щоб переглянути результат
перейдіть на сторінку "Прогрес"
© Всі права захищено