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

Вибірковий модуль

Інформатика. Навчальна програма вибірково-обов’язкового предмету для учнів 10-11 класів загальноосвітніх навчальних закладів (рівень стандарту, профільний рівень) (наказ МОН від 23.10.2017 №1407).

Тема 1. Напрямки та інструменти вебдизайну (4 год)

1. Інструктаж з БЖД. Основні тренди у вебдизайні. Види сайтів та цільова аудиторія
2. Інструктаж з БЖД. Інформаційна структура сайту
3. Інструктаж з БЖД. Інструменти веброзробника
4. Інструктаж з БЖД. Практична робота. Інструменти веброзробника

Тема 2. Проектування та верстка вебсторінок (13 год)

1. Інструктаж з БЖД. Мова гіпертекстової розмітки
2. Інструктаж з БЖД. Кольори в HTML
3. Інструктаж з БЖД. Додавання таблиць на вебсторінку
4. Інструктаж з БЖД. Додавання таблиць на вебсторінку
5. Інструктаж з БЖД. Створення нумерованих списків
6. Інструктаж з БЖД. Створення маркованих списків
7. Інструктаж з БЖД. Практична робота. Гіперпосилання на вебсторінках
8. Інструктаж з БЖД. Каскадні таблиці стилів
9. Інструктаж з БЖД. Класи в каскадних таблицях стилів
10. Інструктаж з БЖД. ID в каскадних таблицях стилів
11. Інструктаж з БЖД. Практична робота. Проектування та верстка вебсторінок
12. Інструктаж з БЖД. Адаптивна верстка. Кросбраузерність
13. Інструктаж з БЖД. Узагальнення та систематизація матеріалу з теми

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

1. Інструктаж з БЖД. Зображення на вебсторінці
2. Інструктаж з БЖД. Зображення на вебсторінці
3. Інструктаж з БЖД. Створення шапки сайту
4. Інструктаж з БЖД. Додавання логотипу сайту
5. Інструктаж з БЖД. Створення зображення-мапи
6. Інструктаж з БЖД. Графіка для вебсередовища
7. Інструктаж з БЖД. Практична робота. Графіка для вебсередовища
8. Інструктаж з БЖД. Анімаційний ефект
9. Інструктаж з БЖД. Анімаційний ефект
10. Інструктаж з БЖД. Практична робота. Мультимедіа на вебсторінках
11. Інструктаж з БЖД. Узагальнення та систематизація матеріалу з теми

Тема 4. Вебпрограмування (5 год)

1. Інструктаж з БЖД. Об’єктна модель документа. Вебпрограмування та інтерактивні сторінки
2. Інструктаж з БЖД. Хостинг сайту
3. Інструктаж з БЖД. Вебсервер та база даних. Взаємодія клієнт-сервер
4. Інструктаж з БЖД. Валідація та збереження даних форм
5. Інструктаж з БЖД. Практична робота. Валідація та збереження даних форм

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

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

Повторення

1. Інструктаж з БЖД. Мова гіпертекстової розмітки
2. Інструктаж з БЖД. Графіка на вебсторінці