10 (11) клас. Вибірковий модуль "Веб-технології"

(за підручником Н. В. Речич "Інформатика: вебтехнології")

             Вибірковий модуль "Веб-технології" (35 год)

 (Інформатика 10 (11) клас)

Навчальна програма з інформатики (рівень стандарту) для 10-11 класів загальноосвітніх шкіл, затверджена Наказом Міністерства освіти і науки       № 1407 від 23 жовтня 2017 року            

№ уро-ку

Дата

уроку

Тема уроку

Примітки

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

1.                      

 

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

 Переглянути презентацію 

2.                      

 

Запуск проекту «Розробка власного сайта».

Практичне завдання 1 

3.                      

 

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

Переглянути презентацію 

4.                      

 

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

Практичне завдання 2 

5.                      

 

Технології розробки сайтів. Інструменти розробки сайтів.

 

6.                      

 

Створення макету інформаційної структури сайта. Практична робота 1.

 

Тема 2. Проектування та верстка веб-сторінок

7.                      

 

Мова гіпертекстової розмітки.

Практичне завдання 3 

8.                      

 

Каскадні таблиці стилів.

9.                      

 

Верстка веб-сторінок.

10.                  

 

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

11.                  

 

Кросбраузерність.

12.                  

 

Створення веб-сторінок. Практична робота 2.

 

13.                  

 

Створення веб-сторінок.

 

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

14.                  

 

Графіка для веб-середовища.

 

15.                  

 

Методи створення та збереження зображень для веб-сторінок.

16.                  

 

Анімаційні ефекти. 

17.                  

 

Мультимедіа на веб-сторінках.

 

18.                  

 

Мультимедіа на веб-сторінках.

 

19.                  

 

Застосування гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках.                                                 Практична робота 3.

 

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

20.                  

 

Об’єктна модель документа.

 

21.                  

 

Веб-програмування та інтерактивні сторінки.

 

22.                  

 

Хостинг сайта.

 

23.                  

 

Розміщення сайту на сервері.                 Практична робота 4.

 

24.                  

 

Веб-сервер і база даних. Взаємодія клієнт-сервер.

 

25.                  

 

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

 

26.                  

 

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

 

27.                  

 

Прикладний програмний інтерфейс.

 

28.                  

 

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

 

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

29.                  

 

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

 

30.                  

 

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

 

31.                  

 

 Оцінка сайту. Просування сайту.           Практична робота 6.

 

32.                  

 

Розробка проекту.

 

33.                  

 

Розробка проекту. Оформлення результатів проекту.

 

34.                  

 

Презентація результатів проекту.

 

35.                  

 

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