Веб-технології

За підручником: Інформатика: підруч. для 11 класу
(проф. рівень)  В.Д. Руденко, Н.В. Речич, В.О. Потієнко   1 Урок. Інструктування з безпеки життєдіяльності та правил поведінки під час роботи в комп’ютерному класі 2 Урок.  Поняття веб-дизайну. Основні тренди веб-дизайну
3 Урок. Інформаційна структура сайту
4 Урок. Інструменти веб-розробника
5 Урок. Практична робота № 1 «Створення макету інформаційної структури сайту»

6 Урок. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи
7 Урок. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання
8 Урок. Таблиці та списки на веб-сторінках
9 Урок. Каскадні таблиці стилів. Стильове оформлення сторінок
10 Урок. Блокова модель CSS . Практична робота №2 Створення веб-сторінки за допомогою «Мови гіпертекстової розмітки»
11 Урок. Проектування та верстка веб-сторінок
12 Урок.  Адаптивна верстка
13 Урок. Практична робота №3 «Створення веб-сторінки з використанням каскадних аркушів стилю»
14 Урок. Графіка для веб-середовища
15 Урок. Створення GIF-анімації
16 Урок. Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлів
17 Урок. Практична робота № 4. «Використання графічних, анімаційних та мультимедійних елементів на веб-сторінках»
18 Урок. Дотримання авторських прав та ліцензій на використання графічних зображень та засобів мультимедіа на веб-сторінках

19 Урок. Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах
20 Урок. Поняття об’єктної моделі документа. Веб-програмування та інтерактивні сторінки
  • Конспект
  • Домашнє завдання. Опрацювати п. 11.15 -11.16 (ст. 196-202).  Дати відповіді на питання ст. 197 

21 Урок. Кнопки, події, функції
  •  
22 Урок. Створення динамічних елементів на веб-сторінках
23 Урок. Валідація та збереження даних форм. Використання форм. Основні елементи форми
  • Урок
  • Практична Перевірка сайту на валідацію
  • Домашнє завдання. Опрацювати п. 11.20 (ст. 213 - 216).
                                        Дати відповіді на питання ст. .216.
                                        Виконати завдання (ст.. 201) зразок на рис.11.80
24 Урок. Хостинг сайту. Практична робота № 5 «Розміщення сайту на сервері»
25 Урок. Веб-сервер та база даних. Взаємодія клієнт-сервер
  • Урок
  • Домашнє завдання. Опрацювати п. 11.18 -11..19 (стр. 206 - 213)

26 Урок. Прикладний програмний інтерфейс. Практична робота № 6 «Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування»
27 Урок.  Планування веб-сайту та етапи роботи над ним
  •  

28 Урок. Принципи графічного дизайну сайтів
  •  

29 Урок. Дизайн структури сайту та просторовий дизайн веб-сторінок
  •  

30 Урок. Ергономічне розміщення відомостей на веб-сторінці
  • Домашнє завдання. Опрацювати п. 11.22 (стр. 219-220)  Дати відповіді на питання стр.220. 

31 Урок. Дизайн кольору, форми, текстури, шрифтів

32 урок. Оптимізація та стратегії просування веб-сайтів.  Практична робота 7. Оцінка сайту. Просування сайту.
33 Урок. Виконання індивідуальних та колективних проектів
34 Урок. Підготовка звітів
35 Урок. Представлення та захист проектів