Веб-технології та веб-дизайн 1

Метою вивчення дисципліни «Веб-технології та веб-дизайн» є засвоєння методологічних та концептуальних теоретичних відомостей про веб-технології, формування у здобувачів вмінь та навичок веб-дизайну та розробки веб-сторінок, а також підготовка фахівців, які вміють застосовувати сучасні методики створення та технічної підтримки веб-сайтів для подальшої професійної діяльності.
Практичне значення та використання отриманих знань: На сьогоднішній день веб-технології створюють ефективну систему пошуку інформації, взаємодії суспільства, комерційної діяльності, виробничих процесів тощо. Постійне розширення впливу веб-технологій на всі сфери життя суспільства зумовлює необхідність вивчення веб-дизайну, інструментів веб-розробки та принципів роботи веб-сайтів майбутніми фахівцями з комп’ютерних наук. Знання, здобуті під час вивчення дисципліни, дозволяють здобувачам навчитися застосовувати сучасні можливості інформаційних технологій, інструменти та шляхи розробки користувацьких веб-інтерфейсів та дизайну веб-сайтів для розширення можливостей у подальшій професійній діяльності.
Тематика та види навчальних занять
Для денної форми здобуття освіти
Лекція 1. Принцип роботи пошукових систем. Індексація сайту.
Лекція 2. Базові конструкції мови HTML.
Лекція 3. Робота з кольором та зображеннями на веб-сторінці. Створення гіперпосилань.
Лекція 4. Використання таблиць у HTML-документах.
Лекція 5. Форми в HTML. Робота з елементами форми.
Лекція 6. Використання таблиць каскадних стилів у HTML-документах.
Лекція 7. Блоковий дизайн веб-сторінок.
Лекція 8. Розробка інтерфейсу сайтів в програмному середовищі Figma.
Лекція 9. Базові інструменти редактора Figma.
Лекція 10. Знайомство з мовою JavaScript.
Лекція 11. Типи даних та ініціалізація змінних. Оператори JavaScript.
Лекція 12. Умовні оператори та оператори циклів.
Лекція 13. Вбудовані класи JavaScript.
Лекція 14. Обробка рядків у JavaScript.
Лекція 15. Створення інтерактивних веб-сторінок. Події. Лабораторні заняття
Лабораторне заняття №1. «Знайомство з принципами роботи пошукових систем і браузерів».
Мета заняття: Навчитися розрізняти браузери і пошукові системи, розуміти принципи їхньої роботи.
Лабораторне заняття №2. «Створення простої веб-сторінки та її форматування, створення списків».
Мета заняття: Навчитися створювати прості веб-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.
Лабораторне заняття №3. «Розміщення зображень та гіперпосилань на веб-сторінці».
Мета заняття: Навчитися вставляти зображення та гіперпосилання на веб-сторінку, об’єднувати сторінки через перелінковку та створювати динамічні ефекти.
Лабораторне заняття №4. «Розробка веб-сторінки на основі табличної структури».
Мета заняття: Навчитися додавати таблиці на веб-сторінку та створювати на їхній основі табличний дизайн сайту.
Лабораторне заняття №5. «Додавання форми на веб-сторінку».
Мета заняття: Навчитися створювати сторінки з кнопками, списками, полями введення та іншими елементами форм.
Лабораторне заняття №6. «Управління відображенням елементів веб-сторінки».
Мета заняття: Оволодіти навичками оформлення веб-сторінок з різним відображенням контенту, використовуючи каскадні таблиці стилів.
Лабораторне заняття №7. «Створення сайту на основі блочної структури».
Мета заняття: Вивчення принципів блокової верстки для вирішення задач побудови сайту.
Лабораторне заняття №8. «Інтерфейс програми Figma. Базові інструменти дизайну».
Мета заняття: Навчитися оперувати інструментами дизайну веб-сторінок в програмному середовищі Figma.
Лабораторне заняття №9. «Створення дизайну для Landing Page у середовищі Figma».
Мета заняття: Набуття навичок проєктування та дизайну основних елементів Landing Page у програмному комплексі Figma.
Лабораторне заняття №10. «Об'єкт wіndow, його методи управління та властивості».
Мета заняття: Навчитися оперувати об’єктами wіndow та методами і властивостями, які до них відносяться.
Лабораторне заняття №11. «Типи даних у JavaScript».
Мета заняття: Набуття навичок роботи з датою, часом, числами та математичними функціями у JavaScript.
Лабораторне заняття №12. «Використання таймерів у JavaScript».
Мета заняття: Опанувати навичками роботи з таймером та прокручуванням, навчитися застосовувати їхні властивості.
Лабораторне заняття №13. «Динамічне управління HTML-елементами засобами мови JavaScript».
Мета заняття: Навчитися застосовувати можливості мови JavaScript для динамічної зміни вигляду та поведінки HTML-елементів у відповідь на дії користувача.
Лабораторне заняття №14. «Рядки символів у JavaScript».
Мета заняття: Вивчення основних методів класу String та вміння застосовувати рядки символів для вирішення практичних задач.
Лабораторне заняття №15. «Застосування подій для організації інтерактивних HTML-сторінок».
Мета заняття: Вивчити найбільш часто вживані події у JavaScript та навчитися застосовувати події для побудови динамічних веб-сторінок. Консультації проводяться згідно встановленого розкладу.
Для заочної форми здобуття освіти
Лекція 1. Базові конструкції мови HTML. Знайомство з основними інструментами розробки веб-сторінок.
Лекція 2. Форматування веб-сторінок за допомогою таблиць каскадних стилів. Написання кодів мовою JavaScript та вивчення основних класів JavaScript. Лабораторні заняття
Лабораторне заняття №1. «Розробка структури веб-сайту, наповнення його контентом та HTML-елементами».
Мета заняття: Навчитися створювати прості веб-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.
Лабораторне заняття №2. «Дизайн веб-сторінок за допомогою таблиць каскадних стилів та базових інструментів програмного середовища Figma. Написання сценаріїв мовою програмування JavaScript».
Мета заняття: Набуття навичок форматування контенту та відображення блоків на веб-сторінці за допомогою CSS. Ознайомитись із базовими інструментами дизайну в середовищі Figma та принципами роботи з різними вбудованими класами JavaScript. Форми контрольних заходів та оцінювання результатів навчання
Для денної форми здобуття освіти
Поточний контроль полягає у виконанні:
1) 2-х модульних контрольних робіт. Модульні контрольні роботи складаються з теоретичної і практичної частин та проводяться у письмовій формі. Бездоганне виконання кожної модульної контрольної роботи становить 20 балів.
2) виконання та захист лабораторних робіт. Кожна лабораторна робота оцінюється по 3 або 4 бали. Максимально здобувач може набрати до 30 балів кожного семестрового модулю за виконання та захист лабораторних робіт.
Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати здобувач – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів. Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни. Для заочної форми здобуття освіти
Захист контрольної роботи. Бездоганне виконання контрольної роботи оцінюється у 50 балів. При її захисті здобувач може отримати до 30 балів.
Виконання та захист лабораторних робіт. Кожна лабораторна робота оцінюється по 10 балів. Максимально здобувач може набрати до 20 балів за виконання та захист лабораторних робіт.
Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати здобувач – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів. Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни.