Рівень стандарту
Вивчення вебтехнологій на рівні стандарту можна провадити за програмою вибіркового модуля "Вебтехнології" курсу інформатики для 10-11 класу Міністерства освіти і науки України.
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Створення структури сайта за допомогою онлайн-сервісу Draw.io
Урок 4. Практична робота №1![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Текстові елементи вебсторінки. Гіперпосилання та списки на вебсторінках
Урок 7. Практична робота №2![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Стильове оформлення сторінок із використанням CSS
Урок 9. Практична робота №3![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Блокова модель CSS
Урок 11. Практична робота №4![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Використання модуля CSS Flexbox
Урок 13. Практична робота №5![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Використання спеціального CSS-файла для досягнення кросбаузерності
Урок 15. Практична робота №6![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Додавання статичних графічних об’єктів на сайт
Урок 17. Практична робота №7![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Використання анімаційних ефектів на сторінках сайта
Урок 19. Практична робота №8![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Додавання мультимедійних елементів на сторінку сайта
Урок 21. Практична робота №9![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Створення інтерактивної сторінки за допомогою форми
Урок 24. Практична робота №10![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Хостинг сайта
Урок 26. Практична робота №11![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
Перевірка сайта на валідність
Урок 30. Практична робота №12![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)
![Blog](/assets/images/web_pic.png)