Міністерство освіти та науки України Національний університет “Львівська політехніка” / Звіт До лабораторних робіт №1-6 з курсу: «Комп’ютерні мережі, частина 2» Лабораторна робота №1 Тема: Конструктор сайтів Мета: Ознайомитися з основними конструкторами сайтів. Хід роботи: Я вирішила зробити сайт для компанії яка займається організацією свят. Це маленька компанія, яка робить грандіозні проекти, які є неповторними та особливими.. Компанія називається Сelebration, домена адреса сайту для даної компанії - https://sheremetaroks.wixsite.com/your-impression Для цього я вибрала зручний та безкоштовний сервіс wix для створення простих сайтів. На сайті я обрала макет “ Організація подій ”, та переробила його (змінила існуючий контент на свій, а також деякі блоки видалила, додала та змінила) / / / / / Рис.1 Шаблон сайту головної сторінки / / / / / Рис.2 Мій сайт (головна сторінка)   Ми можемо побачити різницю між шаблоном та моїм сайтом. Я замінила весь контент, розміщення блоків, футер зробила на всю ширину, в банері я зробила відео, зробила свій власний логотип, зміна кольори та шрифти. / / Рис. 3 Шаблон сторінки галареї / / Рис. 4 Сторінка галареї   На сторінці галареї я змінила структуру галареї, в шаблоні ця сторінка мала баг (вилазив скрол), який я пофіксила. На головному банері додала відео. Висновок: Під час виконання цієї лабораторної роботи, я ознайомилася з основними конструкторами сайтів, зробила власний сайт в конструкторі wix. Цей конструктор не потребує додаткових знань в стоворенні сайтів, в ньому все зроблено інтуїтивно він дуже простий, з недоліків сайту це доволі обмежений функціонал, немає повної адаптивності, деякі сторінки в шаблоні навіть на десктопі були не адаптивні, не говорячи вже навіть про планшети, не всюди можна змінити мову оскільки платформа wix, не підтримує української мови. Лабораторна робота №2 Тема: Хостинг, FTP-клієнти, браузери Мета: Оцінити зручність використання та можливості різних FTP-клієнтів. Хід роботи: Я вирішила обрати хостинг – zzz.com.ua. На ньому я створила собі акаунт та зараєстрував наступну домену адресу - http://sheremeta-roksolana.zzz.com.ua / Рис.1 Зареєстроване домене ім’я / Рис.3 Вхід в ftp акант / Рис.5 Перегляд FTP акаунту в браузері Google Chrom / Рис.2 Створення акаунту для ftp підключення / Рис.4 FTP акаунт через панель хостингу   Я зареєструвала домене ім’я http://sheremeta-roksolana.zzz.com.ua/, після чого створила для ftp акаун та увійшла в нього, як через панель хостингу так і через браузер, на даний момент там не було жодних папок. / Рис.6 Перегляд сайту в інтернеті / Рис.7 Підключення до хостингу через файловий менеджер FileZila   Я підключилася до хостингу по ftp через файловий менеджер FileZila, та перенесла туди тестову сторінку яку я зробила. Тепер підключившись до хостингу через хостинг панель, файловий менеджер чи браузер ми бачимо що там знаходяться файли, а при відкриті сайту http://sheremeta-roksolana.zzz.com.ua ми вже можемо побачити сам сайт. / Рис.8 Підключення до хостингу через хостинг панель зліва та браузер – з права. / Рис.9 Перегляд сторінки сайту в інтернеті   Висновок: Під час виконання цієї лабораторної роботи, я ознайомилася з безкоштовними хостингами, та зареєструвала своє домене ім’я, зареєструвала собі хостинг, користувача для підключення до хостингу. Підключалася до хостингу через ftp панель на хостингу, через браузер та через файловий менеджер FileZila. Для мене найбільш зручним є файловий менеджер, а найменш зручним є браузер, тому що в браузері дуже обмежені можливості. Ftp панель на хостингу для мене не є дуже зручна, мені швидше і легше працювати з хостингом через файлові менеджери. Лабораторна робота №3 Тема: Онлайн редактори і генератори Мета: Ознайомитися з графічними редакторами. Створити ескіз та певний елемент майбутнього сайту. Хід роботи: Для своєї роботи я використовую текстовий редактор SublimeText. Генераторами коду я користуюся лише для створення градієнту, іншими не користуюся. / Рис.1 Скріншот HTML та SCSS для сайту в SublimeText Висновок: Під час виконання цієї лабораторної роботи, я ознайомилася з генераторами структури сайту з онлайн сервісами редагування фотографій, сервісами створення векторних зображень, сервісами підбору кольорової гами на сайт. Для мене сервіси створення структури сайту є незручними, оскільки знаючи HTML та CSS мені це швидше і зручніше зробити самій, ще й до того в коді буде менше надлишковості і він буде зрозумілішим. Лабораторна робота №4 Тема: JavaScript та jQuery UI Мета: Ознайомитися з JavaScript та jQuery UI. Створити сайт з використанням JavaScript та jQuery UI Хід роботи: При створенні сайту я використовувала JavaScript та jQuery UI, для слайдерів я підключала swiper slider також я підключала Google Map IP, та виводила зображення з Instagram за допомогою Instagram IP. / Рис.1 Скріншод коду для виведення фотографій з інстаграму та коду js файлу / Рис.2 Скріншот слайдера на сайті Висновок: Під час виконання цієї лабораторної роботи, я підключила до сайту бібліотеку jQuery, swiper slider та написала JavaScript код з використанням бібліотеки jQuery для мобільного меню, слайдерів, плавного доскролення до відповідних блоків та слайдерів. Лабораторна робота №5 Тема: Картографічні та мультимедійні сервіси Мета: Ознайомитися з YouTube та Google Map IP Хід роботи: При створенні сайту я підключала Google Map IP, та виводила зображення з Instagram за допомогою Instagram IP. / Рис.1 Код для виведення фотографій які тягнуться з сторінки Instagram та Google Map / Рис.2 Скріншот сайту з блоком де виводяться фотографії з Instagram та з блоком Google Map Висновок: Під час виконання цієї лабораторної роботи я на своєму сайті підключила Instagram IP та Google Map IP Лабораторна робота №6 Тема: Системи управління контентом Мета: Ознайомитися з основними СMS Хід роботи: / Рис.1 Скріншот адмінки сайту / Рис.2 Скріншот сайту