Пояснювальна записка

Для основної школи

Автори:

І.О. Завадський

Н.С. Прокопенко

Пояснювальна записка

Мета курсу за вибором «Основи веб-дизайну» полягає в тому, щоб навчити дітей будувати привабливі, цікаві та інформативні сайти з елементами інтерактивності, а також розміщувати їх в Інтернеті. Завданнями курсу є формування в учнів розуміння принципів організації веб-ресурсів, формування й розвинення навиків роботи з сучасними програмними засобами, призначеними для розробки веб-сторінок, а також виховання культури оформлення сайтів й уміння грамотно структу­ру­­вати інформацію.

Програма складається з:

- пояснювальної записки, де описано мету та завдання курсу, особливості організації навчально-виховного процесу та перелік програмно-технічних засобів, необхідних для успішного проведення курсу;

- змісту навчального матеріалу та вимог до навчальних досягнень учнів;

- додатків, у яких наведено критерії оцінювання рівня навчальних досягнень учнів та список рекомендованої літератури.

Курс розрахований на 35 годин і може викладатися в середніх навчальних закладах будь-якого профілю після вивчення в межах базового курсу інформатики основних понять Інтернету та засад комп’ютерної графіки, тобто у старших класах основної школи.

Курс містить дві основні складові: технологічну та дизайнерську. Технологічна складова полягає у вивченні мов, програмних засобів і принципів роботи технологій, пов’язаних з розробкою і функціонуванням веб-ресурсів, у той час як дизайн стосується проектування інтерфейсу користувача, правил структуризації вмісту веб-сторінок, їх графічного та стилістичного оформлення. Курс побудований так, що технологічна складова вивчається спочатку, дизайнерська — потім. Це пояснюється особливостями веб-дизайну: хоча він і є різновидом художнього дизайну взагалі, але вимагає від дизайнера дотримання певних стратегій і обмежень, які неможливо усвідомити, не розуміючи технологічної складової.

Учні, які повністю опанують курс, познайомляться з трьома підходами до створення веб-сайтів: автоматизоване створення веб-сайту на безкоштовному сервері, створення сайту в середовищі графічного редактора сайтів та програмування сайту на мові HTML. Ця особливість навчального матеріалу дозволяє легко варіювати його обсяги та зміст. Наприклад, у школах гуманітарного або спортивного профілю може бути доцільним обмежитися автоматизованим створенням веб-сайту, у школах природничого, фізико-математичного та художньо-естетичного профілів з матеріалу курсу можна виключити мови HTML та Javascript, а в освітніх закладах інформаційно-технологічного профілю курс можна викладати в повному обсязі.

Курс має практичну спрямованість, на виконання учнями практичних робіт слід відвести не менше 2/3 навчального часу, а завершуватися навчання має виконанням індивідуального чи колективного проекту з розробки тематичного веб-сайту. Вдалим рішенням видається виконання проекту протягом проходження останньої теми, присвяченої дизайнерській складовій курсу. На прикладі сайту, що розробляється в межах цього проекту, можна відпрацьовувати теорію та практику дизайну. Підсумковий проект може замінити практичну роботу №11. Більше часу, ніж на інші практичні роботи, слід відвести також на практичну роботу №7, виконуючи яку учень має застосувати численні уміння, пов’язані з роботою в середовищі графічного веб-редактора.

Для науково-методичного забезпечення курсу, окрім відповідних підручників і навчальних посібників, необхідні такі технічні й програмні засоби:

1. Комп’ютерний клас з локальною мережею Windows та доступом до Інтернету з усіх учнівських комп’ютерів.

2. Графічний редактор веб-сайтів.

3. Достатньо потужний редактор, що обробляє растрову графіку.

4. Засіб для створення gif-анімації (якщо такий не входить до складу графічного редактора).

5. Веб-браузер.