Календарно-тематичне планування уроків

інформатики
для 10-11 класу по модулю «Вебтехнології» – 2020-2021 н.р.

№
Дата
уро- Тема уроку Примітки
уроку
ку
Тема 1. Напрямки та інструменти вебдизайну
1. Правила поведінки і безпеки життєдіяльності (БЖ) в
комп’ютерному класі.
Поняття веб-дизайну. Основні тренди вебдизайну.
2. Інструктаж з БЖД. Типи сайтів та їх особливості. Цільова
аудиторія.
3. Інструктаж з БЖД. Інформаційна структура сайту.
4. Інструктаж з БЖД. Інструменти веброзробника.
5. Інструктаж з БЖД. План розробки сайту. Макет інформаційної
структури сайту.
6. Інструктаж з БЖД. Практична робота №1 «Проектування
структури сайту».
Тема 2. Проектування та верстка вебсторінок
7. Інструктаж з БЖД. Мова гіпертекстової розмітки.
Гіпертекстовий документ та його елементи.
8. Інструктаж з БЖД. Текстові елементи вебсторінки, теги та їх
атрибути. Гіперпосилання.
9. Інструктаж з БЖД. Таблиці та списки на вебсторінках.
10. Інструктаж з БЖД. Практична робота №2 “Створення
вебсторінки за допомогою «Мови гіпертекстової розмітки».
11. Інструктаж з БЖД. Каскадні таблиці стилів. Стильове
оформлення сторінок.
12. Інструктаж з БЖД. Позиціювання елементів вебсторінки за
допомогою стилів.
13. Інструктаж з БЖД. Практична робота №3 «Створення
вебсторінки з використанням каскадних аркушів стилю»
14. Інструктаж з БЖД. Проектування та верстка вебсторінок.
15. Інструктаж з БЖД. Адаптивна верстка.
16. Інструктаж з БЖД. Кросбраузерна оптимізація сторінок сайту.
Тема 3. Графіка та мультимедіа для вебсередовища
17. Інструктаж з БЖД. Використання зображень у вебдокументах.
18. Інструктаж з БЖД. Створення GIF-анімації.
19. Інструктаж з БЖД. Карти посилань.
20. Інструктаж з БЖД. Розміщення та відтворення на вебсторінках
мультимедійних даних. Формати аудіо- та відеофайлів.
21. Інструктаж з БЖД. Дотримання авторських прав та ліцензій на
використання графічних зображень та засобів мультимедіа на
вебсторінках.
22. Інструктаж з БЖД. Практична робота №4 «Використання
графічних, анімаційних та мультимедійних елементів на
вебсторінках».
 Тема 4. Вебпрограмування
23. Інструктаж з БЖД. Поняття об’єктної моделі документа.
Вебпрограмування та інтерактивні сторінки.
24. Інструктаж з БЖД. Використання форм. Основні елементи
форми.
25. Інструктаж з БЖД. Валідація те збереження даних форм.
26. Інструктаж з БЖД. Практична робота №5 «Створення та
налагодження інтерактивної вебсторінки з використанням
форм та вебпрограмування»
27. Інструктаж з БЖД. Хостинг сайту. Взаємодія клієнт-сервер.
28. Інструктаж з БЖД. Практична робота №6 «Розміщення сайту
на сервері»
Тема 5. Основи дизайну та просування вебсайту
29. Інструктаж з БЖД. Правила ергономічного розміщення
відомостей на вебсторінці.
30. Інструктаж з БЖД. Пошукова оптимізація та стратегії
просування вебсайтів.
31. Інструктаж з БЖД. Практична робота №7 «Оцінка сайту.
Просування сайту»
32. Інструктаж з БЖД. Проектна діяльність. Розбиття на групи.
Вибір теми проекту. Розробка плану проекту.
33. Інструктаж з БЖД. Робота над проектом.
34. Інструктаж з БЖД. Захист проекту.
35. Інструктаж з БЖД. Повторення і систематизація навчального
матеріалу за рік.