Курс «Розробка та дизайн вебінтерфейсів» формує практичні вміння створювати семантично структуровані, візуально узгоджені, доступні та адаптивні вебсторінки. Матеріал послідовно веде від базової структури HTML5-документа до компонування повноцінного інтерфейсу, який коректно відображається на різних пристроях.
Попередній досвід роботи з HTML і CSS не потрібен: ці засоби вивчаються від базових понять. Для навчання потрібні базові навички роботи з комп’ютером, файлами й папками, браузером, текстовим редактором і вебресурсами, а також загальне розуміння призначення вебсторінок. Практичні завдання виконуються у редакторі коду та сучасному браузері з інструментами розробника.
Курс складається з двох модулів і семи тем. У першому модулі розглядаються структура HTML5-документа й базовий вміст вебсторінки, семантичні елементи, таблиці, вебформи та мультимедіа, а також CSS-селектори, каскадність і візуальне оформлення. У другому модулі вивчаються блокова модель, нормальний потік і позиціювання елементів, компонування за допомогою Flexbox і CSS Grid, адаптивний вебдизайн та responsive layout, а також створення інтерфейсів із використанням Bootstrap. Окрему увагу приділено візуальній ієрархії, типографіці, контрасту, вирівнюванню, відступам, доступності, адаптивним зображенням і перевірці сторінок на різній ширині екрана.
Працюючи з HTML, здобувачі вчаться правильно будувати документ, добирати семантичні елементи, створювати таблиці й форми та додавати мультимедійний вміст. Під час вивчення CSS вони застосовують селектори, аналізують каскад і специфічність, налаштовують кольори, типографіку, межі та відступи. Далі студенти переходять від розуміння блокової моделі й позиціювання до створення макетів за допомогою Flexbox і Grid. Адаптивні сторінки будуються з урахуванням вузьких екранів, гнучких розмірів, медіазапитів і потреб користувачів.
Навчання включає короткі змістові блоки, відеолекції, демонстрації розмітки та стилів, текстові матеріали й приклади сторінок. Інтерактивні вправи та тести з поясненнями допомагають закріпити поняття, прогнозувати відображення вебсторінки й знаходити помилки в HTML- та CSS-коді. У семи лабораторних роботах здобувачі самостійно створюють і послідовно вдосконалюють вебінтерфейси відповідно до вимог завдань і критеріїв оцінювання. Після курсу студент уміє перевіряти відображення власних сторінок у браузері, аналізувати розмітку та стилі й аргументовано обирати засоби компонування. У лабораторних важливо побудувати зрозумілу структуру й перевірити доступність та читабельність сторінки. Студент порівнює варіанти компонування, виправляє знайдені проблеми й перевіряє результат у браузері на різних ширинах вікна.
Обсяг курсу — 90 годин, або 3 кредити ЄКТС: 14 годин лекційних матеріалів, 16 годин лабораторних робіт і 60 годин самостійної роботи. За лабораторні роботи можна набрати 42 бали, за два модульні тести — 18 балів, за підсумкове тестування — 40 балів. Для допуску до підсумкового контролю потрібно набрати не менше 30 балів за поточні активності. Для успішного завершення курсу необхідно набрати не менше 50 балів зі 100.
- Teacher: Сніжана Юріївна Гімчинська