ІІІ курс

Напрямки та інструменти веб-дизайну 

Урок 1. Поняття веб-дизайну. Основні тренди вебдизайну. 

Урок 2. Типи сайтів та їх особливості. Цільова аудиторія. 

Урок 3. Інформаційна структура сайту. 

Урок 4. Інструменти веброзробника.

Урок 5. План розробки сайту. Макет інформаційної структури сайту. 

Проектування та верстка веб-сторінок  

Урок 6. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи. 

Урок 7. Текстові елементи вебсторінки, теги та їх атрибути. Гіперпосилання. 

Урок 8. Таблиці та списки на вебсторінках. 

Урок 9. Каскадні таблиці стилів. Стильове оформлення сторінок. 

Урок 10. Позиціювання елементів вебсторінки за допомогою стилів. 

Урок 11. Проектування та верстка вебсторінок. 

Урок 12. Адаптивна верстка. 

Урок 13. Кросбраузерна оптимізація сторінок сайту. 

Графіка та мультимедіа для веб-середовища 

Урок 14. Використання зображень у вебдокументах. 

Урок 15. Створення GIF-анімації. 

Урок 16. Карти посилань. 

Урок 17. Розміщення та відтворення на вебсторінках мультимедійних даних. Формати аудіо- та відеофайлів. 

Урок 18. Дотримання авторських прав та ліцензій на використання графічних зображень та засобів мультимедіа на вебсторінках. 

Веб-програмування  

Урок 19. Поняття об’єктної моделі документа. Вебпрограмування та інтерактивні сторінки. 

Урок 20. Використання форм. Основні елементи форми. 

Урок 21. Валідація те збереження даних форм. 

Урок 22. Хостинг сайту. Взаємодія клієнт-сервер. 

Основи дизайну та просування веб-сайту  

Урок 23. Правила ергономічного розміщення відомостей на вебсторінці. 

Урок 24. Пошукова оптимізація та стратегії просування вебсайтів. 

Урок 25. Проектна діяльність. Вибір теми проекту. Розробка плану проекту. 

Урок 26. Захист проекту. 

Практичні роботи 

Практична робота № 1. «Проектування структури сайту» 

Практична робота № 2. «Створення вебсторінки за допомогою «Мови гіпертекстової розмітки» 

Практична робота № 3. «Створення вебсторінки з використанням каскадних аркушів стилю» 

Практична робота № 4. «Використання графічних, анімаційних та мультимедійних елементів на вебсторінках» 

Практична робота № 5. «Створення та налагодження інтерактивної вебсторінки з використанням форм та вебпрограмування» 

Практична робота № 6. «Додати графічні елементи на попередньо розроблену веб-сторінку» 

Практична робота № 7. «Створити та налагодити інтерактивні веб-сторінки з використанням форм та веб-програмування» 

Практична робота № 8. «Розмістити сайт на сервері» 

Практична робота № 9. «Виконати перевірку та оцінку запропонованого сайту з точки зору ергономіки та пошукової оптимізації»