<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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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="2ee346c0366411f0960146c1c31b0808" 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>