Модуль ВЕБТЕХНОЛОГІЇ
Тема 1. Напрямки та інструменти вебдизайну
1. Техніка безпеки при роботі з комп'ютером і правила поведінки у комп'ютерному класі.Види сайтів та цільова аудиторія
2. Основні тренди у вебдизайні
3. Інформаційна структура сайту
4. Практична робота №1 «Створення структури сайту»
5. Інструменти веброзробника
6. Узагальнення теми. Тестування
Тема 2. Проектування та верстка вебсторінок. Посібник
7. Мова гіпертекстової розмітки. Відео8. Гіпертекстовий документ та його елементи. Відео 1. Відео 2
9. Практична робота №2 «Текстові елементи вебсторінки. Гіперпосилання та списки на вебсторінках». Site
10. Каскадні таблиці стилів. Відео
11. Практична робота №3 «Стильове оформлення сторінок з використанням CSS»
12. Проектування та верстка вебсторінок. Відео
13. Практична робота №4 «Блокова модель CSS»
14. Адаптивна верстка. Відео 1. Відео 2
15. Практична робота №5 «Використання модуля CSS «flexbox»». Site
16. Кросбраузерна оптимізація сторінок сайту
17. Практична робота №6 «Використання спеціального CSS-файлу для досягнення кросбаузерності»
18. Узагальнення теми. Тестування
21. Анімаційні ефекти
22. Практична робота №8 «Використання анімаційних ефектів на сторінках сайту»
23. Мультимедіа на вебсторінках
24. Практична робота №9 «Додавання мультимедійних елементів на сторінку сайту»
25. Узагальнення теми. Тестування
28. Створення форм
17. Практична робота №6 «Використання спеціального CSS-файлу для досягнення кросбаузерності»
18. Узагальнення теми. Тестування
Тема 3. Графіка та мультимедіа для вебсередовища
20. Практична робота №7 «Додавання статичних графічних об’єктів на сайт». Сайт21. Анімаційні ефекти
22. Практична робота №8 «Використання анімаційних ефектів на сторінках сайту»
23. Мультимедіа на вебсторінках
24. Практична робота №9 «Додавання мультимедійних елементів на сторінку сайту»
25. Узагальнення теми. Тестування
Тема 4. Вебпрограмування
27. Вебпрограмування та інтерактивні сторінки28. Створення форм
Практична робота №10 «Створення інтерактивної сторінки за допомогою форми»
29. Валідація та збереження даних форм
30. Практична робота №11 «Перевірка сайту на валідацію»
31. Хостинг сайту
32. Практична робота №12 «Хостинг сайту»
33. Вебсервер та база даних. Взаємодія клієнт-сервер
34. Прикладний програмний інтерфейс
35. Узагальнення теми. Тестування
37. Оптимізація та стратегії просування вебсайтів
38. Узагальнюючий урок
Основи вебдизайну - посібник для поглибленого вивчення модуля Вебтехнології
Тести з інформатики та ІКТ онлайн
29. Валідація та збереження даних форм
30. Практична робота №11 «Перевірка сайту на валідацію»
31. Хостинг сайту
32. Практична робота №12 «Хостинг сайту»
33. Вебсервер та база даних. Взаємодія клієнт-сервер
34. Прикладний програмний інтерфейс
35. Узагальнення теми. Тестування
Тема 5. Технічні та програмні засоби обробки документів та інформації
36. Ергономічне розміщення відомостей на вебсторінці37. Оптимізація та стратегії просування вебсайтів
38. Узагальнюючий урок
Інформаційні ресурси
Вебтехнології - дистанційний курс інформатики для ІІІ курсу (модуль Вебтехнології)Основи вебдизайну - посібник для поглибленого вивчення модуля Вебтехнології
Тести з інформатики та ІКТ онлайн
Sublime Text, Атом - редактори для верстки вебсторінок
Notepad++ - редактор коду HTML