11 клас

І СЕМЕСТР

ВИБІРКОВИЙ МОДУЛЬ "ВЕБ-ТЕХНОЛОГІЇ".

РОЗДІЛ І. НАПРЯМКИ ТА ІНСТРУМЕНТИ ВЕБ-ДИЗАЙНУ.

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

1. Інструктаж з БЖД.

2. Презентація.                        

Урок 2. Види сайтів та цільова аудиторія.  

1. Інструктаж з БЖД.

2. Презентація.

3. Вправа № 1

4. Вправа № 2.

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

Урок 3. Інформаційна структура сайта. Практична робота №1. 

1. Інструктаж з БЖД.

2. Презентація.

3. Практична робота №1.

4. Відеоінструкція. 

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

1. Інструктаж з БЖД.

2. Презентація.

РОЗДІЛ ІІ. ПРОЄКТУВАННЯ ТА ВЕСРТКА ВЕБСТОРІНОК

Урок 5. Мова гіпертекстової розмітки. Практична робота №2. 

1. Інструктаж з БЖД.

2. Презентація.

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

4. Відеоінструкція. 

4. Практична робота №2. 

5. Відеоінструкція. 

Урок 6. Каскадні таблиці стилів. Практична робота №3.  

1. Інструктаж з БЖД.

2. Презентація. 

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

4. Відеоінструкція. 

5. Практична робота №3. 

6. Відеоінструкція. 

Урок 7. Проєктування та верстка вебсторінок.  Практична робота №4. 

1. Інструктаж з БЖД.

2. Презентація. 

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

4. Відеоінструкція. 

5. Практична робота №4.

6. Відеоінструкція.

Урок 8. Адаптивна верстка.  Практична робота №5.

1. Інструктаж з БЖД.

2. Презентація. 

3. Практична робота №5. 

4. Відеоінструкція. 

Урок 9. Кросбраузерність. Практична робота №6.  

1. Інструктаж з БЖД.

2. Презентація. 

3. Практична робота №6.

4. Відеоінструкція. 

РОЗДІЛ 3. ГРАФІКА ТА МУЛЬТИМЕДІА ДЛЯ ВЕБСЕРЕДОВИЩА.

Урок 10. Графіка для вебсередовища. Практична робота №7.

1. Інструктаж з БЖД.

2. Презентація. 

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

4. Відеоінструкція. 

5. Практична робота №7.

6. Відеоінструкція. 

Урок 11. Анімаційні ефекти. Практична робота №8. 

1. Інструктаж з БЖД.

2. Презентація. 

3. Практична робота №8

4. Відеоінструкція

Урок 12. Мультимедіа на вебсторінках. Практична робота №9. 

1. Інструктаж з БЖД.

2. Презентація. 

3. Працюємо з комп'ютером.

4. Відеоінструкція. 

5. Практична робота № 9.

6. Відеоінструкція. 

РОЗДІЛ 4. ВЕБПРОГРАМУВАННЯ.

Урок 13. Об'єктна модель документа.  

1. Інструктаж з БЖД.

2. Презентація. 

Урок 14. Вебпрограмування та інтерактивні сторінки. Практична робота №10. 

1. Інструктаж з БЖД.

2. Презентація.

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

4. Відеоінструкція. 

Урок 15. Хостинг сайта. Практична робота №11. 

1. Інструктаж з БЖД.

2. Презентація. 

Урок 16. Вебсервер та бази даних.  

1. Інструктаж з БЖД.

2. Презентація. 

Урок 17. Взаємодія "клієнт-сервер". 

1. Інструктаж з БЖД.

2. Презентація.

Урок 18. Валідація сайта і збереження даних форм. Практична робота №12. 

1. Інструктаж з БЖД.

2. Презентація.  

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

1. Інструктаж з БЖД.

2. Презентація. 

РОЗДІЛ 5. ОСНОВИ ДИЗАЙНУ ТА ПРОСУВАННЯ САЙТУ

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

1. Інструктаж з БЖД.

2. Презентація. 

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

1. Інструктаж з БЖД.

2. Презентація. 

https://vseosvita.ua/webquest/start/s/2257/2585114-758fb759

Пісумковий тест

Урок 22. Повторення вивченого матеріалу.

Тест