<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@9c5240f6e2b24821bc7eeaea18022fd1" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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@728d4eec3e80475092a81ed36d49c309">
<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@728d4eec3e80475092a81ed36d49c309" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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;">У цьому уроці ви познайомитеся з поняттям FTP (протоколу передавання файлів) та FTP-клієнта. Розглянете процес встановлення та налаштування FTP-сервера на Windows Server 2016. Також ви розглянете процес ізоляції користувачів та налаштування брандмауера.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@d11a15d8f1aa44018dfcd821ec13a06e">
<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@d11a15d8f1aa44018dfcd821ec13a06e" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Поняття про FTP</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/cdb4e696a2f97572ce9d3771e657dedc/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%BF%D1%80%D0%BE_FTP_%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;"><strong>FTP </strong>(File Transfer Protocol – протокол передавання файлів) – стандартний мережевий протокол прикладного рівня, призначений для пересилання файлів між клієнтом та сервером в комп’ютерній мережі. Клієнт та сервер створюють окремі канали для передачі даних та обміну командами. Цей протокол використовується і в локальній мережі, і в мережі Інтернет, для розміщення файлів на хостингу. </p>
</div>
<p style="text-align: left;"><strong></strong></p>
<p style="text-align: left;"><strong>FTP-сервер та FTP-клієнт</strong> – це програмне забезпечення, яке надає доступ до структури файлів і каталогів, доступ для їх передавання і зберігання на стороні сервера і доступ до цієї структури на стороні клієнта. Крім цього, FTP сервер відповідає за аутентифікацію клієнтів.</p>
<p style="text-align: left;">FTP – це зручний спосіб завантажувати файли на хостинг та керувати ними: створювати та редагувати текстові документи, додавати нові папки та встановлювати права доступу для файлів.</p>
<p style="text-align: left;">Щоб під’єднатися до FTP, необхідні такі дані:</p>
<ul class="i-featuresList i-featuresList">
<li class="ifl-feature">
<div class="ifl-description">Ім'я сервера (хост)</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Логін</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Пароль</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Порт FTP (стандартно 21)</div>
<div class="ifl-nbr">✓</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<p style="text-align: left;"><span style="font-size: 1em;">FTP сервер, що не вимагає авторизації, є автономним FTP-сервером </span>(Anonymous FTP).</p>
<div class="cite-wrapper">
<div class="c-quote">
<div class="cite-content-wrapper" style="display: flex; align-items: center;"><img src="/assets/courseware/v1/f80b5aeb66ae34ed6813db2faa775194/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/_.png" alt="avatar" style="width: 79px; border-radius: 0%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" height="79" />
<div style="margin: auto;">
<blockquote>Майже будь-який комп’ютер можна перетворити в FTP-сервер після встановлення відповідного програмного забезпечення.</blockquote>
</div>
</div>
</div>
</div>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
<style><!--
.i-featuresList .ifl-feature {
/* edit size here */
height: 70px;
width: 230px;
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>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@c3aa683d7bb74f62980b77d6a787e475">
<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@c3aa683d7bb74f62980b77d6a787e475" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Встановлення FTP-сервера на Windows Server 2016</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/8d65b5eb9d2cd617553ddfe432cc32d8/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%92%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F_FTP_%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0_%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;">Розглянемо створення і налаштування FTP-сервера на Windows Server 2016. Класичний варіант встановлення FTP-сервера на Windows Server 2016 – в якості ролі IIS-сервера.</p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">IIS<strong> </strong>(Internet Information Services, до версії 5.1 – Internet Information Server) – це набір серверів для декількох служб Інтернету від компанії Майкрософт. IIS поширюється з операційними системами родини Windows NT. </p>
<p style="text-align: left;">Основний компонент IIS – вебсервер, який дозволяє розміщувати в Інтернеті сайти. IIS підтримує протоколи HTTP, HTTPS, FTP, POP3, SMTP, NNTP). Також можна встановити лише FTP-сервер, скориставшись стороннім програмним забезпеченням, таким як Home Ftp Server, FileZilla Server та інші.</p>
<p style="text-align: left;"><span style="color: #000000;">Розглянемо послідовність встановлення FTP-сервера:</span></p>
<p style="text-align: left;"><span style="color: #000000;"><em>Перегляньте відео, щоб дізнатись послідовність встановлення FTP-сервера.</em></span><em><span style="color: #ff0000;"></span></em></p>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/t1woObphhRQ?si=Az_9vcKq-FDr6lbz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@1207fb4c8ad648c7acf0b6ebc2d5afb0">
<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@1207fb4c8ad648c7acf0b6ebc2d5afb0" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #000000;">Додавання FTP-сайту</span></h3>
<p style="text-align: left;">Після встановлення програмного забезпечення необхідно додати FTP-сайт.</p>
<p style="text-align: left;">Розглянемо детальніше послідовність додавання FTP-сайту:</p>
<p style="text-align: left;"><i>Перегляньте відео, щоб дізнатись послідовність додавання FTP-сайту.</i></p>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/5qf5RosLl5c?si=_oCDP_uRP8F9mAPn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@caad52dcb0ea4a4cae0408f0ced9748a">
<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@caad52dcb0ea4a4cae0408f0ced9748a" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #000000;">Налаштування ізоляції користувачів</span></h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/70b93dbce9fe7792e22b0a12be436f71/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_%D1%96%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D1%96%D1%97_%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D1%96%D0%B2_%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;"><strong>Ізоляція користувачів</strong> налаштовується для того, щоб після підключення до серверного комп’ютера кожен користувач потрапляв у свій каталог і не мав доступу до інших каталогів. Налаштування ізоляції користувачів здійснюється за допомогою служби IIS (Internet Information Services).</p>
</div>
<p></p>
<p>Розглянемо детальніше послідовність налаштування користувачів:</p>
<p><em>Перегляньте відео, щоб дізнатись </em><i>послідовність налаштування користувачів.</i></p>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/TgvEvblacq0?si=_tsO3aobOdpPsgPo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@494443d464714f7293450a5ac668cace">
<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@494443d464714f7293450a5ac668cace" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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/dc7034fddd40a441b6226968eefb9dd9/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_%D0%B1%D1%80%D0%B0%D0%BD%D0%B4%D0%BC%D0%B0%D1%83%D0%B5%D1%80%D0%B0_%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;">Налаштування брандмауера полягає у наданні дозволу вхідним підключенням до FTP-сервера. Брандмауер Windows Server 2016 вже містить передвстановлені правила для файлових серверних комп’ютерів.</p>
</div>
<p></p>
<p>Розглянемо етапи налаштування брандмауера у Windows Server:</p>
<p>Натисніть на інтерактивні елементи, щоб дізнатись послідовність налаштування брандмауера у Windows Server.</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>Крок 1 </span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Крок 2 </span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Крок 3 </span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<p style="margin: 0 !important;">Для налаштування брандмауера увійдіть в розділ New Inbound Rule Wizard. При створенні правила для вхідних з’єднань оберіть Predefined (Передвстановлені), а потім FTP-server (FTP-сервер):</p>
<p style="text-align: center;"><img width="500" src="/assets/courseware/v1/95777db2401bac609920f403af93b9e2/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_92.png" alt="Тема 3 Скріншот 92" /></p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<p style="margin: 0 !important;">Виберіть всі перемикачі та натисніть Next (Далі).</p>
<p style="text-align: center;"><img width="500" src="/assets/courseware/v1/192f1c8a0d028cb7f47a3d3004b49bc3/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_93.png" alt="Тема 3 Скріншот 92" /></p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<p style="margin: 0 !important;">Оберіть дію Allow the connection (Дозволити підключення). Натисніть Finish (Готово).</p>
<p style="text-align: center;"><img width="500" src="/assets/courseware/v1/ba781259cf1bf289e3d1081aab6c4321/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_94.png" alt="Тема 3 Скріншот 92" /></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>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@b663a79c74b44449ad2b135430f7592e">
<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@b663a79c74b44449ad2b135430f7592e" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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@efb8781eb65647d1bb130063439e0701">
<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@efb8781eb65647d1bb130063439e0701" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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>Що таке FTP, і які цілі він вирішує в комп'ютерних мережах? Які переваги надає використання FTP для передачі файлів?</li>
<li> Яке призначення ізоляції користувачів у FTP-сервері? Які переваги вона надає щодо безпеки та керування доступом користувачів до файлів?</li>
</ol>
</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@6c7a2a4e9576458280c49074ced2dccf">
<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@6c7a2a4e9576458280c49074ced2dccf" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Дискусія доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-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@35c51a3297854e0fafb960172f8e82f8" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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@b7bef670a2fe4a18890a4c8edc2ef205">
<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@b7bef670a2fe4a18890a4c8edc2ef205" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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;">У цьому уроці ви дізнаєтеся про особливості підключення до FTP-сервера. Розглянете основні типи підключення – швидке та збережене. Ознайомитеся з алгоритмами здійснення цих типів підключення. Також ви дізнаєтесь про різні способи підключення до FTP-сервера та розглянете алгоритми підключення цими способами.</p>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
<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: 400px;
height: 400px;
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;
}
.dm2-cardContainer-card-info-img {
margin-top: 15%;
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;
}
.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: 100px;
}
}
--></style>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@1e98944754ed46519b14999e79548da7">
<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@1e98944754ed46519b14999e79548da7" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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;">Особливості підключення до FTP-сервера</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/3728271bf23ac7a42cbe534e49180eba/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96_%D0%BF%D1%96%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B4%D0%BE_FTP_%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%B0_%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;">Під’єднатися до FTP-сервера можна за допомогою стандартного диспетчера файлів ОС, командного рядка або спеціальної безплатної програми FTP-клієнта. Для підключення до FTP-сервера потрібно знати ім’я хоста сервера або його IP-адресу, а також логін і пароль від FTP-акаунта. </p>
</div>
<p style="text-align: left;"></p>
<p style="text-align: left;">Підключення до FTP через Провідник Windows – це найпростіший спосіб отримати доступ до FTP-сервера. Не потрібно інсталювати жодних додаткових програм, все робиться у Провіднику Windows. </p>
<p style="text-align: left;">Розглянемо типи підключення до FTP-сервера:</p>
<p style="text-align: left;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про типи підключення до FTP-сервера.</em></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/eebbf5fe6e2bfb6121781ec319775979/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Fast_icon.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>ШВИДКЕ</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;">З’єднання не зберігається, доведеться щоразу вводити адресу FTP-сервера та логін із паролем.</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/5ef8a01e27192b0c271dab47b74c68e0/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/Save_icon.png" alt="picture" /></div>
<div class="dm2-cardContainer-card-info-text"><b>ЗБЕРЕЖЕНЕ</b></div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back"></div>
<p style="margin-left: 10px;">Можна зберегти з’єднання, щоб було простіше під’єднатися повторно.</p>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm2-cardsWrap img{
/* height: 100px; */
margin: 10px 0;
}
/*
body.view-in-course div.container .course-wrapper {
display: table;
} */
.dm2-cardsWrap>* {
box-sizing: border-box;
}
.dm2-cardsWrap {
margin: 0;
margin-bottom: 22px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.dm2-cardContainer {
/* position: relative; */
width: 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><em>Далі в цьому уроці ми детальніше розглянемо етапи кожного з цих видів підключення.</em></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@fd5c7f0838194ee5b32ef96700e84849">
<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@fd5c7f0838194ee5b32ef96700e84849" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #000000;">Етапи швидкого підключення</span></h3>
<p><span style="color: #000000;">Розглянемо етапи швидкого підключення до FTP-сервера:</span></p>
<p><em><span style="color: #000000;">Перегляньте відео, щоб дізнатись послідовність </span></em><span color="#000000" style="color: #000000;"><i>швидкого підключення до FTP-сервера.</i></span></p>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/_bdOK_4QB90?si=CmK7qSz5t3b4zx3s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@e51849a2755e4aae806985f1ebf905be">
<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@e51849a2755e4aae806985f1ebf905be" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #000000;">Етапи збереженого підключення</span></h3>
<p>Розглянемо етапи збереженого підключення до FTP-сервера:</p>
<p><em>Перегляньте відео, щоб дізнатись послідовність збереженого підключення до FTP-сервера.</em></p>
<p><iframe width="100%" height="550" src="https://www.youtube.com/embed/Ip66kL8ggfA?si=J4rZA8fpHBzlDWAh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@2f80e363ce3744859044b459e83b3ccb">
<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@2f80e363ce3744859044b459e83b3ccb" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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;"><span style="color: #000000;">Підключення до FTP-сервера через командний рядок </span></h3>
<p><span style="color: #000000;">Розглянемо послідовність дій для підключення до FTP-сервера через командний рядок:</span></p>
<p><em><span style="color: #000000;">Натисніть на інтерактивні елементи, щоб дізнатись </span></em><span color="#000000" style="color: #000000;"><i>послідовність дій для підключення до FTP-сервера через командний рядок.</i></span><em><span style="color: #000000;"></span></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>Крок 1</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Крок 2</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Крок 3</span></div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav"><button></button> <span>Крок 4</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<p style="margin: 0 !important;">Викликати командний рядок cmd.exe.</p>
</div>
<!-- Tab content2 -->
<div class="s-tabs__panel s-panel">
<p style="margin: 0 !important;">Ввести команду <i>ftp</i>, щоб розпочати підключення.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<p style="margin: 0 !important;">Ввести команду <i>open</i> та адресу FTP-сервера – ім’я хоста або його IP.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<p style="margin: 0 !important;">Ввести логін і пароль.</p>
</div>
</div>
</div>
<p>На скріншоті зображено вікно командного рядка в процесі підключення до FTP-сервера:</p>
<p style="text-align: left;"><img width="600" src="/assets/courseware/v1/1c4cc39529bb97fb6bc2c1ac7ffb59cc/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_107.png" alt="Тема 3 Скріншот 101" style="display: block; margin-left: auto; margin-right: auto;" /></p>
<p style="text-align: left;"></p>
<p style="text-align: left;">Для роботи з FTP використовується набір команд. </p>
<p style="text-align: left;">Розглянемо основні з них:</p>
<p style="text-align: center;"><img width="800" src="/assets/courseware/v1/0fc4ee68666a6f7769ae405452be5409/asset-v1:Profosvita+CS-S002-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%96_%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B8_%D0%B4%D0%BB%D1%8F_%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B8_%D0%B7_FTP.png" alt="Основні команди для роботи з FTP" /></p>
<p></p>
<p style="text-align: left;"></p>
<p></p>
<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>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@html+block@7ede67e08b024f62a89beb7a4828ebc4">
<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@7ede67e08b024f62a89beb7a4828ebc4" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3><span style="color: #000000;">Підключення до FTP-сервера в Total Commander</span></h3>
<p><span style="color: #000000;">Розглянемо послідовність дій для підключення до FTP-сервера в Total Commander:</span></p>
<p><span color="#000000" style="color: #000000;"><i>Натисніть на інтерактивні елементи, щоб дізнатися послідовність дій для підключення до FTP-сервера в Total Commander.</i></span></p>
<div class="s-tabs1">
<ul class="s-tabs__nav-row"><!-- Tab navigation link 1 -->
<li class="s-tab1 s-tabs__item is-active1">
<div class="s-tab__nav1"><button></button> <span>Крок 1</span></div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>Крок 2</span></div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>Крок 3</span></div>
</li>
<!-- Tab navigation link 43 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1"><button></button> <span>Крок 4</span></div>
</li>
</ul>
<div class="s-tabs__content"><!-- Tab content 1 -->
<div class="s-tabs__panel s-panel1 is-active1">
<p style="margin: 0 !important;">Запустіть Total Commander.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel1">
<p style="margin: 0 !important;">У верхньому меню перейдіть до розділу <i>Мережа</i> → <i>З’єднатися з FTP-сервером</i>. У спливаючому вікні натисніть <i>Додати</i>.</p>
<p style="text-align: left;"><img width="500" src="/assets/courseware/v1/b7d535f31ceeb6e90636d9e291d81147/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_108.png" alt="Тема 3 Скріншот 101" style="display: block; margin-left: auto; margin-right: auto;" /></p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel1">
<p style="margin: 0 !important;">В наступному вікні введіть FTP-доступи до сервера: ім’я з’єднання, хост, порт, логін і пароль користувача FTP. Для безпечного з’єднання поставте галочку в SSL/TLS.</p>
<p style="text-align: left;"><img width="500" src="/assets/courseware/v1/55db380d9fc5464298cf5ceecdacd670/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_109.png" alt="Тема 3 Скріншот 101" style="display: block; margin-left: auto; margin-right: auto;" /></p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel1">
<p style="margin: 0 !important;">Натисніть <i>OK</i>, а потім <i>З’єднатися</i>. Після цього програма під’єднається до FTP-сервера і дасть змогу працювати з файлами.</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-tabs1 {
padding: 20px 0;
overflow: hidden;
}
.s-tab1 {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav1 {
position: relative;
}
.s-tab__nav1 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__nav1 button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav1 button:hover,
.s-tab__nav1 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__nav1 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__nav1 span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav1 span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav1 span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav1 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-panel1 {
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-panel1.is-active1 {
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-active1 .s-tab__nav1 button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active1 .s-tab__nav1 span {
opacity: 1;
visibility: visible;
}
.s-tab1.is-checked1 .s-tab__nav1 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-tab1.is-checked1 .s-tab__nav1 button:hover,
.s-tab1.is-checked1 .s-tab__nav1 button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
--></style>
<script>// <![CDATA[
/* Tabs */
// <![CDATA[
var tabNavItem1 = $('.s-tab1');
var tabPanel1 = $('.s-panel1');
tabNavItem1.on('click', function () {
var navIndex1 = $(this).index();
var selectedPanel1 = $('.s-panel1').eq(navIndex1);
tabNavItem1.not($(this)).removeClass('is-active1');
tabPanel1.not(selectedPanel1).hide();
$(this).addClass('is-active1 is-checked1');
selectedPanel1.show();
});
// ]]></script>
<p></p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S002-SGM+2024+type@problem+block@dd40aa731587406db77df3f970afdb17">
<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@dd40aa731587406db77df3f970afdb17" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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@671eaa4f536440aa880d877b79476cc3">
<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@671eaa4f536440aa880d877b79476cc3" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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> Який спосіб підключення до FTP-сервера ви вважаєте найбільш зручним? Чому?</li>
<li>Яким чином Total Commander спрощує підключення до FTP-сервера порівняно із іншими методами?</li>
</ol>
</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@bcfebf205edf411dbd36201631af2f24">
<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@bcfebf205edf411dbd36201631af2f24" data-request-token="0b4c55ce36de11f08bbd3e48185b518b" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 3. Встановлення програмного забезпечення для роботи в комп'ютерній мережі"
© Всі права захищено