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

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

Для денної форми здобуття освіти

Лекційні заняття
Лекція 1. «Предмет та структура курсу. Розвиток веб-технологій.»
Лекція 2. «Класифікація вебсайтів.».
Лекція 3. «Структура сайтів. Засоби автоматизованої розробки. Тестування сайтів.»
Лекція 4. «Сервіс хостингу»
Лекція 5. «Загальні відомості про службу DNS»
Лекція 6. «Структура HTML»
Лекція 7. «Каскадні таблиці стилів (CSS)»
Лекція 8. «Фреймворки»
Лекція 9. «Шрифти. Властивість font у CSS»
Лекція 10. «Шрифти. Графічні особливості шрифтів»
Лекція 11. «Кросбраузерна оптимізація»
Лекція 12. «Інформаційна безпека у веб-технологіях»
Лекція 13. «Інклюзивний веб дизайн. Допоміжні технології»
Лекція 14. «Інклюзивний веб дизайн. Структура вебдоступної сторінки »
Лекція 15. «Інклюзивний веб дизайн. Контраст, шрифти, стандарти»

Лабораторні заняття
Лабораторне заняття №1. «Інструктаж с техніки безпеки. Лабораторна робота №1. Встановлення редактору HTML. Початкове заповнення HTML –сторінки.».
Мета заняття: набуття навичок роботи з редактором HTML, навчитися створювати початкову сторінку HTML, набуття навичок роботи з сервісом Lorem ipsum.
Лабораторне заняття №2. «Лабораторна робота №2.Форматування тексту в HTML, списки, додавання графічних матеріалів та посилань».
Мета заняття: навчитися форматувати текст в HTML, створювати ненумеровані та нумеровані списки, додавати графічні матеріали та посилання
Лабораторне заняття №3. «Лабораторна робота №3. Використання CSS. Додавання шрифтів».
Мета заняття: навчитися використовувати CSS, додавати шрифти, відступи, сайдбар, рамки.
Лабораторне заняття №4. «Лабораторна робота №4. Footer та Header. Використання стилів для окремих елементів».
Мета заняття: навчитися використовувати CSS для окремих елементів, форматувати веб сторінку по розділам.
Лабораторне заняття №5. «Лабораторна робота №5. Меню та багатосторінковий сайт».
Мета заняття: навчитися створювати багатосторінкові сайти та навігаційну панель, вбудовувати Google maps.
Лабораторне заняття №6. «Лабораторна робота №6. CSS позиціонування».
Мета заняття: навчитися використовувати різні типи CSS позиціонування.
Лабораторне заняття №7. «Лабораторна робота №6. CSS позиціонування (частина 2)
Мета заняття: навчитися використовувати різні типи CSS позиціонування.
Лабораторна заняття №8. «Лабораторна робота №7. Форми»
Мета заняття: навчитися створювати форми на сайті.

Лабораторне заняття №9. «Лабораторна робота №8. Використання фреймворку Bootstrap»
Мета заняття: навчитися використовувати фреймворк Bootstrap.
Лабораторне заняття №10. «Лабораторна робота №9. Використання компонентів Bootstrap карусель, картка, навбар.»
Мета заняття: навчитися використовувати компоненти Bootstrap.
Лабораторне заняття №11. «Лабораторна робота №10. Використання стилів для тексту, іконочного шрифту та колонок у Bootstrap»
Мета заняття: навчитися використовувати стилі для тексту, іконочний шрифт та колонки у Bootstrap
Лабораторне заняття №12. «Лабораторна робота №11. Bootstrap – особливості форматування тексту,тіні та рамки, спінери.»
Мета заняття: навчитися використовувати стилі для тексту, тіні та рамки, спінери.
Лабораторне заняття №13. «Лабораторна робота №12. Тестування на вебдоступність»
Мета заняття: набуття навичок роботи з тестуванням автоматичними додатками axe DevTools
Лабораторне заняття №14. «Лабораторна робота №12. Тестування на вебдоступність (частина 2)»
Мета заняття: набуття навичок роботи з тестуванням автоматичними додатками axe DevTools
Лабораторне заняття №15. «Лабораторна робота №12. Тестування на вебдоступність (частина 3)»
Мета заняття: набуття навичок роботи з тестуванням автоматичними додатками на веб доступність Для заочної форми здобуття освіти

Лекційні заняття
Лекція 1. «Веб технології. Хостинг. DNS. ».
Лекція 2. «Кросбраузерна оптимізація. Тестування. Інформаційна безпека у веб-технологіях. Інклюзивний веб дизайн.»

Лабораторні заняття
Лабораторне заняття №1. «HTML.CSS.».
Мета заняття: набуття навичок роботи з основними правилами HTML, CSS
Лабораторне заняття №2. «Фреймворки».
Мета заняття: навчитися створювати сторінку HTML, навчитися використовувати CSS, навчитися створювати багатосторінкові сайти. Індивідуальна робота

Для денної форми здобуття освіти

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

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

Для денної форми здобуття освіти
Система оцінювання рівня навчальних досягнень ґрунтується на принципах ЄКТС та є накопичувальною. Дисципліна поділяється на два семестрові модулі. Здобувачі протягом семестру готуються до лекційних та лабораторних занять, виконують 2 модульні контрольні роботи.
Модульні контрольні роботи виконуються у письмовій формі. Максимальна оцінка за МКР №1 – 20 балів. По 3 бали за кожне вірне питання № 1-6 та 2 балів за питання № 7. Максимальна оцінка за МКР №2 – 20 балів. По 4 бали за кожну вірну відповідь на 5 питань.
Кожний модуль оцінюється у максимально можливі 50 балів:
ЛР1. Оцінка за виконання – 5 балів. Термін надання – 2 тиждень.
ЛР2. Оцінка за виконання – 5 балів. Термін надання – 3тиждень
ЛР3. Оцінка за виконання – 5 балів. Термін надання – 4 тиждень.
ЛР4. Оцінка за виконання – 5 балів. Термін надання – 5тиждень.
ЛР5. Оцінка за виконання – 5 балів. Термін надання – 6 тиждень.
ЛР6. Оцінка за виконання – 5 балів. Термін надання – 7 тиждень.
ЛР7. Оцінка за виконання – 5 балів. Термін надання – 9 тиждень.
ЛР8. Оцінка за виконання – 5 балів. Термін надання – 10тиждень
ЛР9. Оцінка за виконання – 5 балів. Термін надання – 11 тиждень.
ЛР10. Оцінка за виконання – 5 балів. Термін надання – 12тиждень.
ЛР11. Оцінка за виконання – 5 балів. Термін надання – 13 тиждень.
ЛР12. Оцінка за виконання – 5 балів. Термін надання – 14 тиждень.
При оцінювання лабораторних робіт можуть зніматися бали за:
1) Відсутність структурних елементів протоколу (титульний лист, мета роботи) – 1 бал
2) Відсутність або невідповідність коду та зображень сайту – 2 бали
3) Відсутність або невідповідність необхідних іллюстрацій – 1 бали
4) Відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – 1 бали.
Максимальна оцінка за повний обсяг виконаних навчальних елементів дисципліни – 100 балів.
Підсумковим контролем з дисципліни є усний екзамен, білет до якого складається з теоретичної частини (4 запитання по 10 балів) та практичної частини (3 задачі по 20 балів). Максимальна оцінка за правильні відповіді на всі питання екзаменаційного білету становить 100 балів. Для заочної форми здобуття освіти
Контрольна робота
Завдання для виконання контрольної роботи здобувач отримує на установчій лекції.
Робота містить 10 теоретичних питань та 10 практичних завдання, кожне з яких оцінюється у 3 балів максимально. Максимальна оцінка за контрольну роботу – 60 балів.
Текст відповіді повинен бути виконаний самостійно, а не скопійованим з навчального посібника. Термін надання виконаної контрольної роботи на перевірку – не пізніше, ніж за місяць до початку сесії.
Лабораторне завдання №1. «HTML.CSS» оцінюється у 20 балів максимально.
Лабораторне завдання №2. «Фреймворки» оцінюється у 20 балів максимально.
При оцінювання лабораторних робіт можуть зніматися бали за:
1) Відсутність структурних елементів протоколу (титульний лист, мета роботи) – 2 бал
2) Відсутність або невідповідність коду та зображень сайту – 4 балів
3) Відсутність або невідповідність необхідних ілюстрацій – 4 бали
4) Відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – 2 бали.
Максимальна оцінка за повний обсяг виконаних навчальних елементів дисципліни – 100 балів.
Підсумковим контролем з дисципліни є усний екзамен, білет до якого складається з теоретичної частини (4 запитання по 10 балів) та практичної частини (3 задачі по 20 балів). Максимальна оцінка за правильні відповіді на всі питання екзаменаційного білету становить 100 балів