Курс UI/UX дизайну у Figma у Києві й онлайн

14,900.00 грн.

Тривалість навчання: 24 акад.год.

Кіль-ть чол.:

UI/UX дизайн у Figma: сайт, мобільний інтерфейс, портфоліо

Програма курсу "WEB-дизайн" (інтенсивний курс)

Заняття 1 "Основні поняття"

     Поняття гіпертекстових документів і web-сайтів.
     Різні типи web-сайтів, їх призначення та використання.
     Поняття web-сервера і принципи. Огляд браузерів.
     Підбір програмного забезпечення для роботи над веб-сайтом.
     Способи створення сайтів: візуальний, код, комбінований.
     Розробка структури та етапи побудови web-сайту.
     Інформаційне наповнення.
     Взаємозв'язку основних розділів і підрозділів, а також додаткових сторінок веб-сайту.

Заняття 2 "Введення в HTML"

     Основи, версії і стандарти мови HTML. Структура HTML документа.
     Основні розділи коду веб-сторінки.
     Поняття тегів HTML, їх типи та оформлення.
     Оголошення типу документа. Варіанти і стандарти.
     Заголовки гіпертекстових документів, їх синтаксис і призначення.
     Огляд інших тегів, що входять до блоку заголовків.
     Закриття блоку заголовків і відкриття основного блоку (тег BODY).
     Огляд основних параметрів тега BODY і їх використання (установка фонового кольору і зображення веб-сторінки, завдання квітів тексту і посилань і т.д.).
     Створення шаблонного коду веб-сторінки в простому текстовому редакторі і перевірка його роботи в браузері.

Заняття 3 "Огляд тегів HTML для роботи з текстом"

     Створення текстових заголовків різних рівнів.
     Теги оформлення, виділення і редагування тексту.
     Тегів розриву рядків і виділення блоків, їх області застосування.
     Огляд тегів створення списків різних типів.
     Принципи вставки спецсимволов і теги псевдографіки.
     Поняття Unicode, його створення і застосування.
     Теги вставки зображень на web-сторінки і їх параметри.
     Поняття, використання і принципи побудови таблиць.
     Огляд тегів створення таблиць і їх параметри.
     Поняття гіперпосилання. Типи і області застосування гіперпосилань.
     Теги створення гіперпосилань і їх параметри.
     Створення коду та розробка шаблону новинної стрічки сайту.

Заняття 4 "Карти сайту, фрейми, мультимедіа"

     Огляд тегів створення карти сайту і їх параметрів.
     Приклад створення карти сайту.
     Поняття, типи та використання фреймів.
     Теги створення фреймів і їх параметри.
     Приклад створення фреймової структури сайту.
     Установка плаваючих фреймів на веб-сторінку та їх використання.
     Використання мультимедія на веб-сайті.
     Теги для розміщення аудіо- та відеофайлів
     Теги для Flash-анімації та їх параметри.
     Обмеження використання мультимедія.
     Поняття і застосування коментарів HTML.
     Огляд тегів для вставки коментарів і обмеження їх використання.

Заняття 5 "Створення інтерактивних елементів"

     Поняття, типи і призначення скриптів.
     Поняття та використання форм на веб-сторінках.
     Принципи взаємодії форми з скриптами.
     Огляд тегів для створення елементів форми (текстових полів, випадаючих списків і т.д.).
     Введення в JavaScript, його призначення і області застосування.
     Об'єктна модель веб-сторінки і браузера. Приклади об'єктів.
     Поняття, типи та використання подій на веб-сторінках.
     Створення інтерактивних об'єктів на веб-сторінці.
     Створення спливаючих вікон та їх використання.

Заняття 6 "Графічні елементи"

     Графічні об'єктів на веб-сторінках і їх формати.
     Адаптація графіки для веб.
     Поняття та використання нарізки зображень.
     Збірка нарізаних зображень за допомогою таблиць.
     Поняття, застосування та принципи створення анімації.
     Огляд програмного забезпечення для створення анімації.
     Поняття, типи, призначення і використання банерів.
     Параметри банерів і умови їх розміщення.
     Установка банерів і анімованих зображень.

Заняття 7 "Технологія CSS"

     Поняття і принципи побудови каскадних таблиць стилів.
     Використання CSS.
     Огляд інструкцій CSS для оформлення тексту.
     Огляд інструкцій CSS для установки фонових зображень.
     Поняття та використання обрамлення.
     Позиціонування окремих елементів веб.
     Відображення елементів сторінки за допомогою CSS.
     Огляд інструкцій управління відображенням і їх взаємодію з скриптами.
     Приклади управління відображення об'єктів (створення зникаючих і мінливих об'єктів).
     Поняття та використання фільтрів CSS.

Заняття 8 "Створення веб-сайту за шаблоном"

     Типи шаблонів і способи роботи з ними.
     Розробка та виготовлення власних шаблонів веб.
     Робота з візуальними редакторами типу WYSIWYG.
     Огляд популярних візуальних веб-редакторів: Microsoft FrontPage, Macromedia Dreamweaver і Macromedia HomeSite.
     Створення веб-сторінки за допомогою шаблонів у візуальних редакторах.
     Редагування вибраного шаблону веб-сторінки і його адаптація під свої потреби в середовищі візуальних редакторів.
     Інструменти для оформлення тексту.
     Зміна гарнітури, розміру і кольору тексту.
     Вирівнювання тексту всередині блоку.

Заняття 9 "Створення web-сайту за шаблоном"

     Створення та редагування гіперпосилань в середовищі візуального редактора.
     Позиціонування і видалення окремих елементів шаблону веб-сторінки в середовищі візуального редактора.
     Створення власних елементів і вставка їх в шаблон.
     Розробка решти сторінок веб-сайту на базі даного шаблону.
     Створення складних ефектів (змінних зображень і випадають меню) в середовищі візуального редактора.
     Уніфікація загального візуального оформлення сайту.
     Перевірка роботи гіперпосилань і логічних зв'язків між
     сторінками сайту.

Заняття 10 "Розміщення web-сайту на сервері"

     Способи доступу до сайту (по імені або IP-адресою).
     Поняття, принципи побудови та робота DNS (BIND).
     Організація InterNIC і її представництва.
     Вибір і реєстрація доменного імені сайту.
     Типи хостингу. Вибір хостингу для розміщення свого сайту.
     Способи закачування сайту на сервер по прото-колам HTTP і FTP.
     Огляд програмного забезпечення для закачування файлів сайту на сервер і робота з ним. Розміщення сайту на сервері.
     Використання систем управління контентом (CMS).
     Тестування роботи вебсайту на сервері.
     Можливі помилки і недоліки.

Є запитання?

Ви можете запитати нас за допомогою форми нижче.

Ім'я:

Email

Будь-ласка, сформулюйте Ваші запитання відносно UI/UX дизайн у Figma: сайт, мобільний інтерфейс, портфоліо:

Введіть число, зображене на малюнку

UI/UX дизайн у Figma: сайт, мобільний інтерфейс, портфоліо

Програма курсу "WEB-дизайн" (інтенсивний курс)

Є запитання?

Відгуки