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

Вивчаємо вебтехнології разом!

Header
shape

Рівень стандарту

Вивчення вебтехнологій на рівні стандарту можна провадити за програмою вибіркового модуля "Вебтехнології" курсу інформатики для 10-11 класу Міністерства освіти і науки України.

Blog

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

Урок 1

Презентація
Blog

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

Урок 2

Презентація
Blog

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

Урок 3

Презентація
Blog

Створення структури сайта за допомогою онлайн-сервісу Draw.io

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

Blog

Інструменти веброзробника

Урок 5

Презентація
Blog

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

Урок 6

Презентація
Blog

Текстові елементи вебсторінки. Гіперпосилання та списки на вебсторінках

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

Blog

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

Урок 8

Презентація
Blog

Стильове оформлення сторінок із використанням CSS

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

Blog

Проєктування та верстка вебсторінок

Урок 10

Презентація
Blog

Блокова модель CSS

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

Blog

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

Урок 12

Презентація
Blog

Використання модуля CSS Flexbox

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

Blog

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

Урок 14

Презентація
Blog

Використання спеціального CSS-файла для досягнення кросбаузерності

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

Blog

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

Урок 16

Презентація
Blog

Додавання статичних графічних об’єктів на сайт

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

Blog

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

Урок 18

Презентація
Blog

Використання анімаційних ефектів на сторінках сайта

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

Blog

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

Урок 20

Презентація
Blog

Додавання мультимедійних елементів на сторінку сайта

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

Blog

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

Урок 22

Презентація
Blog

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

Урок 23

Презентація
Blog

Створення інтерактивної сторінки за допомогою форми

Урок 24. Практична робота №10

Blog

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

Урок 25

Презентація
Blog

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

Урок 26. Практична робота №11

Blog

Вебсервер та бази даних

Урок 27

Презентація
Blog

Взаємодія «клієнт—сервер»

Урок 28

Презентація
Blog

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

Урок 29

Презентація
Blog

Перевірка сайта на валідність

Урок 30. Практична робота №12

Blog

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

Урок 31

Презентація
Blog

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

Урок 32

Презентація
Blog

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

Урок 33

Презентація

Про авторів

Коротко про авторів навчальних матеріалів

Author
Наталія Речич
вчитель інформатики гімназії №178 міста Києва

Автор навчальних посібників з інформатики, член журі олімпіад з інформаційних технологій