<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@62613ffbd58e4e788ae0a356b934b253" data-request-token="35a9a120165311efa70f2eebb4a92840" 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@4e8bd6b232294ed0aea25b69766f9bc8">
<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@4e8bd6b232294ed0aea25b69766f9bc8" data-request-token="35a9a120165311efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вступ до уроку</h3>
<p style="text-align: left;">У цьому уроці ви дізнаєтесь про забезпечення безперебійного функціонування комп'ютерних і телекомунікаційних мереж, ознайомитесь з особливостями адресації комп'ютерних мереж і типами мережевих протоколів. Також ви дізнаєтесь про забезпечення узгодження адрес різних типів і розглянете доменний спосіб адресації та особливості його функціонування.</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@56f71af1554e4405824bcc47c7c1b1cd">
<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@56f71af1554e4405824bcc47c7c1b1cd" data-request-token="35a9a120165311efa70f2eebb4a92840" 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;">Адресація комп'ютерних мереж</h3>
<p style="text-align: left;">Важливими питаннями функціонування сучасних комп’ютерних та телекомунікаційних мереж є питання, пов’язані з адресацією кінцевих вузлів та комунікаційних пристроїв, зокрема питання:</p>
<p style="text-align: center;"><img width="600" src="/assets/courseware/v1/dd9e7e20e9dc82f7add3330be68f0b8b/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9F%D0%B8%D1%82%D0%B0%D0%BD%D0%BD%D1%8F_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B0%D1%86%D1%96%D1%97.png" alt="Питання адресації" height="274" /></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@61fe4210f1df436a8b59032d8a4cb602">
<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@61fe4210f1df436a8b59032d8a4cb602" data-request-token="35a9a120165311efa70f2eebb4a92840" 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;">Типи адрес в комп'ютерних мережах</h3>
<p style="text-align: left;">Для ідентифікації мережевих адаптерів/інтерфейсів у сучасних мережах використовуються три типи адрес:</p>
<p style="text-align: left;"><i>Натисніть на інтерактивні елементи, щоб дізнатися про типи адрес та їх особливості.</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/e184fb3138c9a77ec312b8ad41323d96/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A4%D1%96%D0%B7%D0%B8%D1%87%D0%BD%D1%96_%D0%B0%D0%BF%D0%B0%D1%80%D0%B0%D1%82%D0%BD%D1%96_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B8.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><strong>ФІЗИЧНІ АБО АПАРАТНІ АДРЕСИ</strong></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;">Адреси, які призначаються мережевим адаптерам/інтерфейсам на етапі виробництва. Формально вважається, що ці адреси змінити неможливо.</p>
<p style="margin-left: 10px;"><strong> Приклад:</strong> MAC адреси технологій Ethernet, WI-FI, Bluetooth тощо; IMEI-ідентифікатори мобільних пристроїв.</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/9cc14086f6800c1ac0582c4a681183a5/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9B%D0%BE%D0%B3%D1%96%D1%87%D0%BD%D1%96_%D0%BC%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B8.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><strong>ЛОГІЧНІ АБО МЕРЕЖЕВІ АДРЕСИ</strong></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;">Змінні адреси, які призначаються мережевим адаптерам/інтерфейсам адміністраторами систем з дотриманням певних логічних правил.</p>
<p style="margin-left: 10px;"><strong> Приклад:</strong> IP-адреси версій 4 та 6 стеку TCP/IP, номери мобільних телефонів тощо.</p>
</div>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img"><img src="/assets/courseware/v1/ea1678e0b794a51b7fc1afead3da2f36/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A1%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D1%8C%D0%BD%D1%96_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B8.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><strong>СИМВОЛЬНІ АБО ТЕКСТОВІ АДРЕСИ</strong></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;">Використовуються для полегшення роботи користувачів.</p>
<p style="margin-left: 10px;"><strong> Приклад:</strong> доменні імена вузлів мережі Internet, Windows імена комп’ютерів тощо.</p>
</div>
</div>
</div>
</div>
</div>
<p></p>
<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{
font-weight: 700;
margin: 16px 0;
text-transform: uppercase;
}
@media screen and (max-width: 993px) {
.dm2-cardContainer{
width: 350px;
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></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@1bcd11f0047e4ca687465cb42d252698">
<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@1bcd11f0047e4ca687465cb42d252698" data-request-token="35a9a120165311efa70f2eebb4a92840" 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;">Протоколи мережі</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/800af76de9c1de4894decf80df1322e5/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D0%BA%D0%BE%D0%BB%D0%B8_%D0%BC%D0%B5%D1%80%D0%B5%D0%B6%D1%96_%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;" height="80" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"><strong>Протокол мережі</strong> – це набір правил, що дозволяє обмін даними між пристроями, це основа забезпечення доставлення пакета, певні дії реалізації конкретного процесу.</p>
</div>
<p style="margin-top: 0px;"></p>
<p style="margin-top: 0px;">В основі функціонування Інтернету покладено роботу кількох протоколів, які розташовуються один поверх іншого.</p>
<p style="text-align: left;">Розглянемо основні види мережевих протоколів:</p>
<p style="margin-bottom: 1px; text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про основні види мережевих протоколів.</em></p>
<div class="s-tabs">
<ul class="s-tabs__nav-row"><!-- Tab navigation link 1 -->
<li class="s-tab s-tabs__item is-active is-checked">
<div class="s-tab__nav"><button></button> <span>MAC</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>IP</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>ICMP</span></div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>TCP</span></div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>HTTP</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>DNS</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 7 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>ARP</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 8-->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>SSH</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 9 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>POP3</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 10 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>SMTP</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 11 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>WPA</span></div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<h4 class="s-panel__title">Media Access Control</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Протокол низького рівня, унікальний ідентифікатор пристрою. Його застосовують, як ідентифікацію пристроїв у локальній мережі. Кожен пристрій, який підключено до Інтернету, має свою унікальну MAC адресу. Ця адреса задана виробником. Це протокол рівня з'єднання, з яким часто доводиться стикатися кожному користувачеві. Це фізична адреса обладнання або інтерфейсу деяких мереж. Ця адреса видається безкоштовно на кожен пристрій. Основна частина мережевих протоколів використовують одне з трьох просторів MAC, під керуванням IEEE: MAC-48, EUI-48, EUI-64.</p>
<p><b>Приклад</b> написання МАС адреси: 00-50-B6-5B-CA-6A. Перші 6 знаків позначають виробника, а друга частина адреси – це серійний номер інтерфейсу.</p>
<p>Цей протокол використовується для ідентифікації вузла мережі та відповідно доставки інформації саме у цей вузол.</p>
</div>
</div>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Internet Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Розташовується до рівня вище від MAC. IP адреси є унікальними для кожного пристрою і дають можливість комп'ютерам знаходити та визначати один одного в мережі.</p>
<p>IP належить мережевому рівню моделі TCP/IP, стандартний протокол Інтернету.</p>
<p>IP адреса може бути як динамічною (тимчасовою), так і статичною, яка прикріплюється на комп'ютер при підключенні до інтернету. Наприклад, на VPS ви отримаєте статичну IP адресу, а при використанні деяких VPN – динамічну IP адресу.</p>
<p>Поняття IP адреси часто використовується у сфері хостингу та оренди серверів, адже кожен сервер має свою унікальну виділену IP адресу або навіть свою підмережу адрес. На віртуальному хостингу також можна замовити виділену адресу для свого сайту, разом з цим надається багато переваг для роботи ресурсу в мережі та його подальшого просування.</p>
</div>
</div>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Internet Control Message Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p style="margin: 15px 0;">Призначений для того, щоб пристрої могли обмінюватись повідомленнями. Це можуть бути повідомлення про помилки чи інформаційні оповіщення. Дані цього протоколу не передає інформацію. Цей протокол перебуває рівнем вище, ніж протокол IP.</p>
</div>
</div>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Transmission Control Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>TCP керує передачею даних.</p>
<p>Протокол TCP (web протокол) забезпечує надійну доставку сегментів та їх впорядкування, контроль швидкості передачі, роботу із сесіями.</p>
<p>Багато додатків використовують TCP (SSH, WWW, FTP тощо). Як правило, протокол TCP вбудований в ядро операційної системи.</p>
</div>
</div>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Hypertext Transfer Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Є основою роботи всіх сайтів у мережі Інтернет. HTTP дає можливість запитувати необхідні ресурси віддаленої системи, наприклад, веб-сторінки та файли.</p>
<p>HTTPS забезпечується наявністю сертифіката захисту SSL, що підключається на стороні хостинг-провайдера. SSL може бути як безкоштовним, так і платним.</p>
</div>
</div>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Domain Name System</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Використовується для перетворення імені хоста (символьної адреси комп’ютера або іншого мережевого пристрою) в IP-адресу. За допомогою DNS ми отримуємо доступ до інтернет-ресурсу за його доменом.</p>
</div>
</div>
</div>
<!-- Tab content 7 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Address Resolution Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Протокол визначення адрес. Комунікаційний протокол, призначений для перетворення IP-адрес (логічних) в MAC-адреси (фізичні) в мережах TCP/IP.</p>
</div>
</div>
</div>
<!-- Tab content 8 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Secure Shell</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Відноситься до протоколу рівня додатків. Він розроблений для забезпечення віддаленого керування системою захищеного каналу.</p>
<p>В основному SSH використовують для віддаленої роботи із серверами, а також для надійного перенесення великої кількості даних.</p>
<p><b>Наприклад,</b> при зміні хостинг-провайдера та перенесення сайту від одного хостера до іншого, для швидкої організації процесу знадобиться саме SSH доступ до старого хостингу.</p>
</div>
</div>
</div>
<!-- Tab content 9 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Post Office Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Стандартний протокол, який використовується для отримання повідомлень електронної пошти. Протокол поштового з'єднання призначено для обробки запитів на отримання пошти від клієнтських поштових програм.</p>
</div>
</div>
</div>
<!-- Tab content 10 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Simple Mail Transfer Protocol</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Протокол передачі пошти. Основне завдання сервера SMTP: повернення або підтвердження прийому, або оповіщення про помилку, або запит на додаткові дані.</p>
</div>
</div>
</div>
<!-- Tab content 11 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">WI-FI Protected Access</h4>
<div style="display: flex; align-items: center; margin: 0 !important;">
<div style="text-align: justify;">
<p>Протокол безпеки для захисту бездротових мереж.</p>
</div>
</div>
</div>
</div>
</div>
<style><!--
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #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@63e3383a41634e2e81d2f506b2b551d1">
<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@63e3383a41634e2e81d2f506b2b551d1" data-request-token="35a9a120165311efa70f2eebb4a92840" 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;">Узгодження адрес різних типів</h3>
<p style="text-align: left;">Важливою проблемою адресації сучасних мереж є узгодження використання адрес різних типів, зокрема:</p>
<ul class="i-featuresList i-featuresList-1" style="text-align: left;">
<li class="ifl-feature">
<div class="ifl-description">Встановлення та дотримання відповідностей між логічними й фізичними адресами</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Встановлення та дотримання відповідностей між символьними й логічними адресами</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<style><!--
.i-featuresList-1 .ifl-feature {
/* edit size here */
height: 80px;
width: 470px;
border: 1.5px solid #4849F9;
}
.i-featuresList .ifl-feature {
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList li::before {
content: none !important;
}
.i-featuresList .ifl-feature .ifl-nbr {
color: #4849F9;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList .ifl-feature h4,
.i-featuresList .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<div style="display: flex; align-items: center;">
<div style="padding-right: 20px;">
<p style="text-align: left;"></p>
<p style="text-align: left;">Схема встановлення відповідностей між символьними, логічними та фізичними адресами на прикладі доменних імен глобальної мережі Інтернет, IP адрес версії 4 та MAC-адрес технології Ethernet наведена на рисунку:</p>
<p style="text-align: center;"><img height="248" width="501" src="/assets/courseware/v1/41f6e02514d0d31e2f6c39f24530c627/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%A1%D1%85%D0%B5%D0%BC%D0%B0_%D0%B2%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D1%96%D0%B4%D0%BF%D0%BE%D0%B2%D1%96%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9_%D0%BC%D1%96%D0%B6_%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B0%D0%BC%D0%B8_%D1%80%D1%96%D0%B7%D0%BD%D0%B8%D1%85_%D1%82%D0%B8%D0%BF%D1%96%D0%B2.png" alt="Схема встановлення відповідностей між адресами різних типів" /></p>
<p style="text-align: left;">У такому випадку встановлення відповідностей між IP-адресами та MAC-адресами забезпечує протокол ARP, а встановлення відповідностей між доменними іменами та IP-адресами – система DNS.</p>
</div>
</div>
<p></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@e3cc35f469ff4d04bb910ed1d9e6809e">
<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@e3cc35f469ff4d04bb910ed1d9e6809e" data-request-token="35a9a120165311efa70f2eebb4a92840" 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;">Доменний спосіб адресації</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/bfbcc5435c9b12d6047e3d885be56d19/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%94%D0%BE%D0%BC%D0%B5%D0%BD_%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;" height="80" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"><strong>Доменний спосіб адресації</strong> використовується <span style="font-size: 1em;"> у мережі Internet, коли весь простір адрес абонентів поділяється на області. Ці області називаються доменами. Така адреса аналізується справа наліво, на крайній правій позиції є домен першого рівня, який дає найбільш загальну інформацію. Домен може вказувати або на тип організації, що є власником комп'ютера, або на країну, в якій комп'ютер знаходиться.</span></p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">Існує сім варіантів доменів, що вказують на тип організації:</p>
<p style="text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про варіанти доменів.</em></p>
<div class="dm-sc-img-modals1-wrapper">
<div style="text-align: center;">
<div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;">
<div class="dm-sc-img-modals-info"></div>
<div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;">
<div style="position: relative; max-width: 800px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/ff357f459fde6d05285c0790280ae40a/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%94%D0%BE%D0%BC%D0%B5%D0%BD%D0%B8_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>gov</b>
<p>Належить державній невійськовій організації.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-2"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>com</b>
<p>Найпоширеніший домен. Вказує на те, що комп'ютер належить комерційній організації.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-3"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>org</b>
<p>Належить некомерційній організації.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-4"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>int</b>
<p>Належить якійсь міжнародній організації.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>edu</b>
<p>Належить закладу освіти.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-6"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>mil</b>
<p>Належить державній військовій організації.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-7"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>net</b>
<p>Належить організації, що веде певні роботи, пов'язані з мережами.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 13.5%;
top: 14%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 48.5%;
top: 10.5%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 82.5%;
top: 14%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 13.5%;
top: 40%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 82.5%;
top: 40%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 13.5%;
top: 65.5%;
}
.dm-sc-img-modals-btn.hotspot-7 {
left: 82.5%;
top: 65.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></p>
<p style="text-align: left;">Домен, що вказує на країну, складається з двох літер, які, як правило, повторюють міжнародний код держави: ua – Україна, us – США, uk – Великобританія, fr – Франція. </p>
<p style="text-align: left;"></p>
<p></p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@42a3056917e64fd38f56124f05837eaf">
<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@42a3056917e64fd38f56124f05837eaf" data-request-token="35a9a120165311efa70f2eebb4a92840" 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-7" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@518fd9992dd048869285831971976360">
<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@518fd9992dd048869285831971976360" data-request-token="35a9a120165311efa70f2eebb4a92840" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Дискусія</h3>
<p></p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/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 style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<li>Які протоколи використовуються для ідентифікації пристроїв та передачі даних в комп'ютерних мережах? Наведіть приклади застосування кожного з них.</li>
<li>Як ви бачите майбутнє систем адресації в комп'ютерних мережах, з урахуванням зростаючого числа підключених пристроїв та розвитку Інтернету? Які можливі інновації чи покращення можна запровадити у цьому напрямку?</li>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-8" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@discussion+block@147b615cec4d4cdb82e6119c2ed82945">
<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@147b615cec4d4cdb82e6119c2ed82945" data-request-token="35a9a120165311efa70f2eebb4a92840" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Щоб переглянути результат
перейдіть на сторінку "Прогрес"
© Всі права захищено