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

Анотація начальної дисципліни
На сьогоднішній день веб-технології створюють ефективну систему пошуку інформації, взаємодії суспільства, комерційної діяльності, виробничих процесів тощо. Постійне розширення впливу веб-технологій на всі сфери життя суспільства зумовлює необхідність вивчення веб-дизайну, інструментів веб-розробки та принципів роботи веб-сайтів майбутніми фахівцями у галузі дизайну.
Курс «Веб-технології та веб-дизайн» є дисципліною обов’язкової частини циклу дисциплін професійної підготовки освітньої програми спеціальності 022 «Дизайн» першого (бакалаврського) рівня вищої освіти.
Робоча програма навчальної дисципліни «Веб-технології та веб-дизайн» є нормативним документом Національного університету «Одеська політехніка», який розроблено кафедрою інформаційних технологій проєктування та дизайну ІЦТДТ на основі освітньо-професійної програми підготовки відповідно до навчального плану першого (бакалаврського) рівня вищої освіти для здобувачів денної та заочної форми навчання спеціальності 022 «Дизайн» та освітньої програми «Архітектурний дизайн», навчальної програми курсу.
Робочу програму навчальної дисципліни укладено згідно з вимогами кредитно-модульної системи організації освітнього процесу в Національному університеті «Одеська політехніка».
Програма визначає обсяги компетентностей, які повинен опанувати здобувач відповідно до освітньо-професійної програми та алгоритму вивчення навчального матеріалу дисципліни «Веб-технології та веб-дизайн», а також необхідне методичне забезпечення, складові та технологію оцінювання навчальних досягнень.
Навчальна дисципліна викладається протягом четвертого та п’ятого семестрів, складається з лекційних та лабораторних занять і входить в обов’язкову частину професійної підготовки навчального плану підготовки першого (бакалаврського) рівня вищої освіти. У відповідності до навчального плану завершується складанням екзамену у четвертому семестрі та екзамену і виконанням курсової роботи у п’ятому семестрі.
У процесі вивчення дисципліни здобувачі опановують сучасні можливості інформаційних технологій, інструменти та шляхи розробки користувацьких веб-інтерфейсів та дизайну веб-сайтів. Знання, здобуті під час вивчення дисципліни, дозволяють здобувачам спеціальності 022 «Дизайн» навчитися представляти результати своєї роботи у вигляді професійних сайтів та власних портфоліо для розширення можливостей у подальшій професійній діяльності.

Мета та завдання дисципліни 
Дисципліна «Веб-технології та веб-дизайн» є складовою частиною циклу дисциплін підготовки бакалавра в розрізі професійної підготовки обов’язкового блоку.
Метою вивчення дисципліни «Веб-технології та веб-дизайн» є засвоєння методологічних та концептуальних теоретичних відомостей про веб-технології, формування у здобувачів вмінь та навичок веб-дизайну та розробки веб-сторінок, а також підготовка фахівців, які вміють застосовувати сучасні методики роботи та технічної підтримки веб-сайтів для подальшої професійної діяльності.
Дисципліна базується на знаннях, вміннях та навичках, отриманих при вивченні таких дисциплін як: «Інформатика», «Програмне забезпечення архітектурного проєктування», «Основи теорії дизайну», «Іноземна мова».
Дисципліна забезпечує подальше вивчення наступних дисциплін: «Архітектурний комп’ютерний дизайн», «Матеріалознавство та технології в архітектурному дизайні». Засвоєння дисципліни «Веб-технології та веб-дизайн» є необхідним у подальшій професійній діяльності.

 Програмні результати навчання
ПРН17. Застосовувати сучасне загальне та спеціалізоване програмне забезпечення у професійній діяльності.
ПРН19. Розробляти та представляти результати роботи у професійному середовищі, розуміти етапи досягнення успіху в професійні кар’єрі, враховувати сучасні тенденції ринку праці, проводити дослідження ринку, обирати відповідну бізнес-модель і розробляти бізнес-план професійної діяльності у сфері дизайну.
ПРН20. Вміти знаходити нові, нешаблонні рішення і засоби їх здійснення в області архітектурного та графічного дизайну, діяти протягом тривалого часу, незважаючи на труднощі, проявляти гнучкість в подоланні перешкод.

Тематика та види навчальних занять
Для денної форми здобуття освіти

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

Консультації проводяться згідно встановленого розкладу.

Для заочної форми здобуття освіти
Дисципліна вивчається у п’ятому та шостому семестрах відповідно до навчального плану спеціальності 022 «Дизайн».

Лекція 1. Принцип роботи мережі Інтернет. Засоби та інструменти розробки веб-сторінок.
Лекція 2. Форматування веб-сторінок за допомогою таблиць каскадних стилів. Знайомство з базовими інструментами дизайну.
Лекція 3. Дизайн інтерфейсу та планування архітектури сайту.
Лекція 4. Розміщення та відтворення на веб-сторінках мультимедійних даних.

Лабораторні заняття
Лабораторне заняття №1. «Розробка структури веб-сайту, наповнення його контентом та html-елементами».
Мета заняття: Навчитися створювати прості веб-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови html. Вивчити табличну та фреймову структуру сайтів. Навчитися розміщувати форми на веб-сторінці.
Лабораторне заняття №2. «Дизайн веб-сторінок за допомогою таблиць каскадних стилів та базових інструментів програмного середовища Figma».
Мета заняття: Набуття навичок форматування шрифту та тексту за допомогою мови CSS. Вміти управляти відображенням блоків на веб-сторінці. Ознайомитись із базовими інструментами дизайну в середовищі Figma.
Лабораторне заняття №3. «Використання розширених можливостей для дизайну веб-сторінок в середовищі Figma».
Мета заняття: Навчитися створювати векторні об’єкти та компоненти у Figma, працювати з адаптивними елементами, використовувати модульні сітки і напрямні при проєктуванні дизайну сайту.
Лабораторне заняття №4. «Додаткові можливості у розробці веб-сторінок».
Мета заняття: Одержати навички створення документів із врахуванням композиції та правила контрасту. Навчитися працювати з елементами мультимедіа, а також застосовувати анімацію та інтерактивні елементи у веб-дизайні.

Індивідуальна робота
Для денної форми здобуття освіти 
Не передбачена

Форми контрольних заходів та оцінювання результатів навчання

Для денної форми здобуття освіти
Поточний контроль полягає у виконанні:
1) курсової роботи. Бездоганне виконання оцінюється у 60 балів. Захист роботи – 40 балів.
4-х модульних контрольних робіт. Модульні контрольні роботи складаються з теоретичної і практичної частин та проводяться у письмовій формі. Бездоганне виконання кожної модульної контрольної роботи становить 20 балів.
виконання та захист лабораторних робіт. Максимально здобувач може набрати до 30 балів кожного семестрового модулю за виконання та захист лабораторних робіт. Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати студент – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів.  Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни.

Для заочної форми здобуття освіти
Захист курсової роботи. Бездоганне виконання курсової роботи оцінюється у 60 балів. При її захисті студент може отримати до 40 балів.
Захист контрольної роботи. Бездоганне виконання контрольної роботи оцінюється у 50 балів. При її захисті студент може отримати до 50 балів.
Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати студент – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів.  Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни.