Веб-дизайн

Курс веб-дизайну – це навчальна дисципліни, яка дає можливість здобути знання та навички, необхідні для створення візуально привабливих і функціональних веб-сайтів. Курс розроблений, щоб надати студентам повне розуміння принципів, методів та інструментів веб-дизайну. Проходження даного курсу може відкрити кар’єрні можливості веб-дизайнера, розробника інтерфейсу, дизайнера UX/UI або навіть дозволить працювати веб-дизайнером-фрілансером.

Метою навчальної дисципліни є формування системи знань з основ веб-дизайну, технологій для створення клієнтських компонентів веб-сайтів та веб-додатків.

Завданнями вивчення навчальної дисципліни є:

• сформувати понятійний апарат і розуміння взаємозв'язку між технологіями веб-розробки;

• отримати базові знання щодо основних засобів розробки веб-сайтів та веб-додатків;

• сформувати практичні навички щодо розробки та розмітки веб-сторінок;

• сформувати практичні навички щодо розміщення веб-сайтів та веб-додатків в мережі WEB.

За результатами вивчення дисципліни студент повинен:

знати:

• підходи щодо розробки HTML-документів, синтаксис мови HTML, структуру HTML-документу, основні теги елементів та їх призначення;

• функції каскадних таблиць стилів, основні властивості CSS;

• CSS-селектори: прості і складені. Специфічність селекторів, наслідування і каскадування стилів;

• блочну модель документа;

• схему побудови модульних сіток;

• підходи щодо реалізації адаптивності

вміти:

• розробити структуру сайту;

• використовувати синтаксис Emmet;

• стилізувати типові елементи веб-сторінки з використанням CSS;

• аналізувати структуру складних сторінок;

• побудувати з нуля 12-стовпчикову адаптивну схему розмітки сторінки;

• використати систему Figma для створення прототипів сторінок.

• Тема 1. Основи HTML. Вступ до мови HTML. Структура html-документу. Типи елементів HTML
• Тема 2. Мова стилів CSS: використання, створення правил, властивості стилів, прості селектори
• Тема 3. CSS селектори і їх комбінації
• Тема 4. CSS: наслідування і каскадування стилів
• Тема 5. Модуль Flexible Box: теорія та тренувальні вправи
• Тема 6. Блочна структура сторінки: секції, контейнери, рядки і стовпці
• Тема 7. Адаптивна розмітка сторінки: viewport і media-запити
• Тема 8. Препроцесор SASS (SCSS): можливості і приклади використання

За курс студент отримує максимальну оцінку -- 100 балів. З них 80 балів за лабораторні роботи, 10 балів за тест і 10 балів за активність та виконання завдань на лекціях.