Веб-технології. Вибірковий модуль.

Календарно-тематичне планування. Вибірковий модуль "Веб-технології."

Основи веб-дизайну. Навчальний посібник. О. Г. Пасічник, О. В. Пасічник, І.В. Стеценко.

Презентації та матеріали до уроків.(постійно поповнюю)

Урок 1. Поняття веб-дизайну. Основні тренди веб-дизайну. (презентація)
Інструменти веб-розробника. 
Інструменти веб-розробника в браузері FireFox. Відео.

Поняття про мову HTML. Основні теги і атрибути. 

Корисні ресурси

Веб-дизайн та веб-проектування
http://webstudio2u.net/ua/design-web/443-information-structure.html
Веб-технології та веб-дизайн. Курс лекцій.
Вибірковий модуль "Веб-технології". Блог "інформатика в школі"
Веб-технології. Сайт Чигиринського НВК №2
.Шкільна Айтішка

Інтерактивні вправи

Типи сайтів

Тести

https://sites.google.com/site/schoolratusha/profilni-speckursi/informacijni-tehnologiie/osnovi-veb-dizajnu/testi

Завдання на період карантину (дистанційна освіта)

Адаптивна верстка сторінок сайту. Кросбраузерна оптимізація сторінок сайту. http://comscienceatschool.blogspot.com/p/22.html
Практична робота “Створення веб-сторінки з використанням каскадних аркушів стилю” Посилання
Створену веб-сторінку надіслати вчителю (givinna@gmail.com )
Повторити тему “Проектування та верстка веб-сторінок”. Виконати тести.

Використання зображень у веб-документах. Посилання
Виконати завдання з презентації. Надіслати вчителю.