Каталог матеріалів

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

№ уроку

Дата уроку

Тема уроку

Примітка

(Варіативність даного модулю по семестрах може бути різною)

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

 1

 

Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерному класі.

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

 
 2  

Інструктаж з БЖД. Типи сайтів та їх особливості. Цільова аудиторія.

 
 3  

Інструктаж з БЖД. Інформаційна структура сайту.

 
 4  

Інструктаж з БЖД. Інструменти веброзробника.

 
 5  

Інструктаж з БЖД. План розробки сайту. Макет інформаційної структури сайту.

 
 6  

Інструктаж з БЖД. Практична робота №1 «Проектування структури сайту».

 

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

 7  

Інструктаж з БЖД. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи.

 
 8  

Інструктаж з БЖД. Текстові елементи вебсторінки, теги та їх атрибути. Гіперпосилання.

 
 9  

Інструктаж з БЖД. Таблиці та списки на вебсторінках.

 
 10  

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

 
 11  

Інструктаж з БЖД. Каскадні таблиці стилів. Стильове оформлення сторінок.

 
 12  

Інструктаж з БЖД. Позиціювання елементів вебсторінки за допомогою стилів.

 
 13  

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

 
 14  

Інструктаж з БЖД. Проектування та верстка вебсторінок.

 
 15  

Інструктаж з БЖД. Адаптивна верстка.

 
 16  

Інструктаж з БЖД. Кросбраузерна оптимізація сторінок сайту.

 

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

 17  

Інструктаж з БЖД. Використання зображень у вебдокументах.

 
 18  

Інструктаж з БЖД. Створення GIF-анімації.

 
 19  

Інструктаж з БЖД. Карти посилань.

 
 20  

Інструктаж з БЖД. Розміщення та відтворення на вебсторінках мультимедійних даних. Формати аудіо- та відеофайлів.

 
 21  

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

 
 22  

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

 

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

 23  

Інструктаж з БЖД. Поняття об’єктної моделі документа. Вебпрограмування та інтерактивні сторінки.

 
 24  

Інструктаж з БЖД. Використання форм. Основні елементи форми.

 
 25  

Інструктаж з БЖД. Валідація те збереження даних форм.

 
 26  

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

 
 27  

Інструктаж з БЖД. Хостинг сайту. Взаємодія клієнт-сервер.

 
 28  

Інструктаж з БЖД. Практична робота №6 «Розміщення сайту на сервері»

 

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

 29  

Інструктаж з БЖД. Правила ергономічного розміщення відомостей на вебсторінці.

 
 30  

Інструктаж з БЖД. Пошукова оптимізація та стратегії просування вебсайтів.

 
 31  

Інструктаж з БЖД. Практична робота №7 «Оцінка сайту. Просування сайту»

 
 32  

Інструктаж з БЖД. Проектна діяльність. Розбиття на групи. Вибір теми проекту. Розробка плану проекту.

 
 33  

Інструктаж з БЖД. Робота над проектом.

 
 34  

Інструктаж з БЖД. Захист проекту.

 
 35  

Інструктаж з БЖД. Повторення і систематизація навчального матеріалу за рік.