Пояснювальна записка Мета курсу за вибором «Основи веб-дизайну»



Скачати 73.99 Kb.
Дата конвертації21.03.2016
Розмір73.99 Kb.
Пояснювальна записка

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

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



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

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

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

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



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

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

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

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

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

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

Тематичне планування навчального матеріалу


з\п


Тема

Всього аудиторних годин

Всього індивідуальних (практичних) годин



Автоматизоване створення й підтримка веб-ресурсів

2

2



Основи мови HTML

2

2



Графіка, аудіо- та відеоінформація на веб-сторінках

4

4



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

4

4



Каскадні аркуші стилів і динамічні веб-сайти

2

2



Хостинг і популяризація сайтів

2

2



Дизайн веб-сайтів

2

2



Розробка проекту




18

Всього

18

18


ЗМІСТ НАВЧАЛЬНОГО МАТЕРІАЛУ


(12 годин)

Зміст навчального матеріалу

1. Автоматизоване створення й підтримка веб-ресурсів (2 год.)

  • Принципи доступу до інформації в мережі Інтернет. Поняття про веб-сайт, веб-сторінку, структуру сайту.

  • Реєстрація веб-сайту на безкоштовному сервері.

  • Автоматизоване створення статичної веб-сторінки, вибір її типу й оформлення.

  • Наповнення веб-сторінки інформацією, створення посилань, завантаження файлів на сервер.

  • Автоматизоване створення й адміністрування форумів та чатів.

  • Створення й ведення блогів.

2. Основи мови HTML (2год.)

    • Поняття про мову розмітки, гіпертекстовий документ та його елементи.

    • Поняття тегу й атрибуту. Теги форматування шрифтів і поділу тексту на рядки та абзаци.

    • Текстові гіперпосилання.

    • Доповнення автоматично створеної веб-сторінки тегами користувача.

    • Теги заголовку й тіла веб-сторінки.

    • Нумеровані й марковані списки на веб-сторінках.

    • Теги таблиць, рядків, комірок, їхні атрибути.

    • Розмітка веб-сторінок за допомогою таблиць.

    • Поняття про структуру веб-сайту. Фрейми, теги й атрибути фреймів. Використання посилань у фреймах.

3. Графіка, аудіо- та відеоінформація на веб-сторінках (4 год.)

  • Формати зображень, що використовуються в Інтернеті, їхні особливості.

  • Розміщення й вирівнювання зображень на веб-сторінках.

  • Зображення й карти посилань.

  • Створення й розміщення на сайтах gif-анімації.

  • Розміщення на веб-сторінках аудіо-файлів і настроювання параметрів їх програвання.

  • Формати відеофайлів, їхні особливості.

  • Вставляння відеофайлів і настроювання параметрів їхнього відтворення.

  • Відтворення аудіо- та відеофайлів в онлайновому режимі.

4. Графічний редактор веб-сайтів (4 год.)

  • Інтерфейс програми. Режими перегляду веб-документа.

  • Створення сайту за допомогою майстра.

  • Створення веб-сайту вручну: установлення параметрів сторінки, введення й форматування елементів сторінки: тексту, гіперпосилань, зображень.

  • Структурування веб-сторінок та сайтів: таблиці та фрейми.

  • Керування графікою на веб-сторінках.

  • Додавання до веб-сторінок мультимедійного вмісту.

5. Каскадні аркуші стилів і динамічні веб-сайти (2 год.)

  • Поняття про каскадні аркуші стилів.

  • Означення й застосування стилів, зв’язування аркушів стилів з гіпертекстовими документами.

  • Поняття про об’єктну модель документа DOM і мову DHTML.

  • Поняття про події та обробку подій, що підтримується мовою DHTML.

  • Створення динамічних елементів за допомогою графічного редактора веб-сторінок: динамічна зміна параметрів тексту, розкривні списки, позиціонування зображень.

  • Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.

  • Автоматичне генерування веб-скриптів засобами графічного редактора веб-сторінок, обробка форм.

6. Хостинг і популяризація сайтів (2 год.)

  • Вибір домена й реєстрація у провайдреа.

  • Дизайн URL-адреси.

  • Створення FTP-з’єднання й вивантаження файлів на віддалений сервер.

  • Публікування сайту на SharePoint-порталі.

  • Популяризація сайту за допомогою банерних мереж, пошукових систем, обміну посиланнями, платної реклами.

7. Дизайн веб-сайтів (2 год.)

  • Типи сайтів, їхні особливості.

  • Планування веб-сайту.

  • Просторовий дизайн веб-сторінки: принципи ергономічного розміщення контенту, просторові відношення елементів сторінки.

  • Дизайн кольору, форми, текстури, шрифтів.

  • Поняття про єдність стилю веб-сторінки, баланс, контраст.

  • Дизайн інформаційного наповнення сайту: створення, розміщення й настроювання параметрів текстових блоків, формування заголовків.

  • Дизайн структури сайту: принципи розподілу вмісту за сторінками, організація навігації сайтом, різновиди веб-сторінок (головна, тематична, сторінка-зміст тощо) та особливості їх дизайну;

  • Типові помилки дизайнерів-початківців.

Індивідуальна робота




Зміст навчального матеріалу

1. Автоматизоване створення й підтримка веб-ресурсів (2 год.)

Практична робота №1. Створення й адміністрування веб-сайту на безкоштовному сервері.

Практична робота №2. Створення й ведення блогу.

2. Основи мови HTML (2 год.)

Практична робота №3. Розробка найпростішої веб-сторінки.

Практична робота №4. Структурування веб-сторінок за допомогою таблиць.

Практична робота №5. Розробка веб-сайтів на базі фреймів.

3. Графіка, аудіо- та відеоінформація на веб-сторінках (4 год.)

Практична робота №6. Розміщення на веб-сторінці графічних об’єктів.

4. Графічний редактор веб-сайтів (4 год.)

Практична робота №7. Розробка сайту в середовищі графічного редактора сайтів.


5. Каскадні аркуші стилів і динамічні веб-сайти (2 год.)

Практична робота №8. Створення динамічних елементів на веб-сторінках.

Практична робота №9. Обробка форм за допомогою веб-скриптів.

6. Хостинг і популяризація сайтів (2 год.)

Практична робота №10. Публікування веб-сайту та його реєстрація в пошуковій системі.

7. Дизайн веб-сайтів (2 год.)

Практична робота №11. Оформлення сайту.

  1. Розробка проекту (18 год.)


База даних захищена авторським правом ©refs.in.ua 2016
звернутися до адміністрації

    Головна сторінка