Програма гуртка "Інформатика та обчислювальна техніка" курс "Основи Web-дизайну"

Вид материалаДокументы

Содержание


Зміст курсу поєднує в собі такі аспекти
Основні форми організації роботи
Навчально-тематичний план
Зміст програми
Програми-броузери (9 год)
Редактор для роботи з HTML DreamWeaver (30 год)
Програма обробки растрової графіки Adobe Photoshop (60 год)
Програма Macromedia FLASH (57 год)
Всього 216 годин
Основні вимоги до знань, умінь і навичок
Подобный материал:
ПОГОДЖЕНО”

МЕТОДИЧНА РАДА ОЦТТУМ

Протокол №


ПРОГРАМА

гуртка “Інформатика та обчислювальна техніка”

курс “Основи Web-дизайну”


керівники гуртка: Іваненко Л.В., Жукова Л.П.


ПОЯСНЮВАЛЬНА ЗАПИСКА


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

Зміст навчання являє собою:
  • введення у світ Інтернету, ознайомлення з основними принципами побудови мережі Інтернет, послугами, які вона надає, та можливостями пошуку інформації в Інтернеті;
  • використання програм-броузерів та їх налаштування;
  • вивчення мови HTML (Hyper Text Markup Language), мови маркування гіпертекстів, мови форматування текстових електронних документів;
  • створення Web-сторінок сучасним гіпертекстовим редактором DreamWeaver, який дає змогу конструювати Web-сторінки;
  • робота з графікою для Web: вивчення потужного графічного редактора Photoshop, що дозволяє обробляти малюнки, картинки та фотографії, які будуть використовуватись при створенні ефектних, нестандартних Web-сторінок та сайтів; вивчення програми FLASH, що дозволяє створювати анімаційні об’єкти для оздоблення та ефективної візуалізації Web-сторінок.

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

Більше часу приділяється самостійній роботі за комп’ютером. Гуртківцям пропонується робота за вибраною темою, щоб педагог міг визначити зацікавленість учнів тією чи іншою темою і направляти та коректувати роботу учня саме в цьому напрямку.

Програма розрахована на навчання учнів віком 13-17 років протягом року. На опрацювання навчального матеріалу відводиться 216 годин (6 год на тиждень).


Зміст курсу поєднує в собі такі аспекти:
  • Загальноосвітній, у якому інформатика розглядається як засіб розвитку логічного мислення, фантазії, просторової уяви, почуття смаку, формування вміння аналізувати, описувати плани дій та робити логічні висновки;
  • Технологічний, тобто навчання конкретних технологій, зокрема використання комп’ютерів як інструментів для загальноосвітніх цілей:
  • створення Web-сторінок у вигляді листівок, візиток;
  • корекція фотографій, оброблення картинок та малюнків;
  • створення корисних сайтів.



Основні форми організації роботи



В основному, заняття є комбінованими, які складаються з 2-х частин. На теоретичній частині читається лекція за новим матеріалом, даються індивідуальні завдання. Практична частина складається з розробки Web-сторінок, включає індивідуальну роботу учнів, керівник допомагає вибрати і визначити постановку задачі, контролює і направляє розробку Web-сторінок.

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

НАВЧАЛЬНО-ТЕМАТИЧНИЙ ПЛАН




п\п

Тема

Кількість годин

Всього

Теоретичні заняття

Практичні заняття

1.

Вступ. Глобальна мережа Інтернет та World Wide Web

6

6

-

2.

Програми-броузери

9

3

6

3.

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

54

18

36

4.

Редактор для роботи з HTML DreamWeaver

30

10

20

5.

Програма обробки растрової графіки Adobe Photoshop

60

20

40

6.

Програма Macromedia FLASH

57

19

38




Всього:

216

76

140


ЗМІСТ ПРОГРАМИ

  1. Вступ. Глобальна мережа Інтернет та World Wide Web (6 год)

Вступне заняття. Мета, завдання та зміст роботи курсу. Правила техніки безпеки.

Принципи функціонування і ресурси мережі Інтернет. Система World Wide Web.

  1. Програми-броузери (9 год)

Броузер Internet Explorer. Засоби навігації та настроювання Internet Explorer. Пошук інформації в Інтернеті.

  1. Мова розмітки гіпертексту HTML (54 год)

Створення найпростішої WEB-сторінки за допомогою програми Notepad. Виведення тексту та його редагування. Редагування тексту, списки. Списки визначення, преформатований текст. Робота з графікою. Створення кнопок. Робота з графікою. Розміщення зображень на сторінці. Шрифти, параметри шрифтів. Гіпертекст. Найпростіші таблиці. Таблиці, форматування комірок. Форматування таблиць, вставка зображень в таблиці. Використання таблиць для декорації сторінки та створення графічних об’єктів. Використання таблиць при розмітці веб-сторінок . Вставка звуку та відео. Форми. Створення банерів. Спецсимволи. Фрейми, створення найпростіших фреймів.

  1. Редактор для роботи з HTML DreamWeaver (30 год)

Панелі інструментів. Меню. Режими роботи і редагування. Шрифти й абзаци. Форматування тексту. Лінії і фон. Робота зі списками. Створення таблиць. Розміщення графічних об’єктів. Гіперпосилання. Карти і гарячі області. Створення фреймів. Використання форм . Каскадні таблиці стилів.

  1. Програма обробки растрової графіки Adobe Photoshop (60 год)

Знайомство з редактором Фотошоп. Інтерфейс програми. Інструменти виділення. Робота з шарами. Палітра кольорів. Інструмент «Кисть». Робота з текстом у графічному редакторі Photoshop. Ефекти шарів. Інструменти «Заливка» та «Градиент». Створення, редагування та використання заливок. Інструмент «Палец». Використання палітри станів і кісточки подій. Інструменти редагування зображень: розмиття, освітлення, затемнення. Виділення зображення на однотонному фоні. Редагування крайових пікселів. Розтушування та згладжування. Загальна тонова корекція зображень. Корекція кольорових зображень. Інструменти «Обрезка» та «Клон штампа». Ретушування фотографій. Моделі кольорів. Типи растрових зображень. Вставка фрагментів векторної графіки у растрове зображення. Шар-маска. Направляючі. Інструмент «Измерение». Панель «Инфо». Вирівнювання шарів. Макетні групи. Створення тривимірного зображення. Створення контурів. Використання фільтрів. Художнє оформлення текстів. Робота з каналами. Створення художніх рамок для малюнків. Фотомонтаж (обірваний кабель). Об‘єднання фотографій. Створення текстур. Створення дзеркальних відображень. Автоматизація роботи. Використання макросів. Створення власних макросів. Виділення зображення за допомогою каналів. Сканування зображень. Фотомонтаж (творче завдання).
  1. Програма Macromedia FLASH (57 год)

Створення елементів статичної графіки в середовищі FLASH MX. Використання кольору при створенні статичних графічних об‘єктів. Властивості ліній. Використання заливок. Робота з текстом . Робота з графічними об‘єктами. Екземпляри, символи, бібліотеки. Публікація статичної графіки. Створення графічних примітивів. Покадрова анімація. Трансформаційна анімація. Використання шарів. Направляючі і маскуючи шари. Імпорт звука. Редагування звуків. Створення анімації. Сценарії та панель Actions. Створення кнопок. Використання компонентів «прапорець» і «список, що розкривається» в середовищі FLASH MX. Створення звичайних списків, перемикачів, скролінга, панелі зі скролінгом.

Розробка Web – сайту.

Всього 216 годин

  1. Вступ. Глобальна мережа Інтернет та World Wide Web
    1. Вступне заняття. Правила техніки безпеки. Принципи функціонування і ресурси мережі Інтернет
    2. Система World Wide Web



3 год

3 год

  1. Програми-броузери
    1. Броузер Internet Explorer
    2. Засоби навігації та настроювання Internet Explorer
    3. Пошук інформації в Інтернеті


3 год

3 год

3 год

  1. Мова розмітки гіпертексту HTML
    1. Створення найпростішої WEB-сторінки за допомогою програми Notepad
    2. Виведення тексту та його редагування
    3. Редагування тексту, списки
    4. Списки визначення, преформатований текст
    5. Робота з графікою. Створення кнопок
    6. Робота з графікою. Розміщення зображень на сторінці
    7. Шрифти, параметри шрифтів
    8. Гіпертекст
    9. Найпростіші таблиці
    10. Таблиці, форматування комірок
    11. Форматування таблиць, вставка зображень в таблиці
    12. Використання таблиць для декорації сторінки та створення графічних об’єктів
    13. Використання таблиць при розмітці веб-сторінок
    14. Вставка звуку та відео
    15. Форми
    16. Створення банерів
    17. Спецсимволи
    18. Фрейми, створення найпростіших фреймів



3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год


3 год

3 год

3 год

3 год

3 год

3 год

3 год

  1. Редактор для роботи з HTML DreamWeaver
    1. Панелі інструментів. Меню. Режими роботи і редагування
    2. Шрифти й абзаци. Форматування тексту. Лінії і фон
    3. Робота зі списками
    4. Створення таблиць
    5. Розміщення графічних об’єктів
    6. Гіперпосилання
    7. Карти і гарячі області
    8. Створення фреймів
    9. Використання форм
    10. Каскадні таблиці стилів



3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

  1. Програма обробки растрової графіки Adobe Photoshop
    1. Знайомство з редактором Фотошоп. Інтерфейс програми. Інструменти виділення
    2. Робота з шарами
    3. Палітра кольорів. Інструмент «Кисть»
    4. Робота з текстом у графічному редакторі Photoshop. Ефекти шарів
    5. Інструменти «Заливка» та «Градиент». Створення, редагування та використання заливок. Інструмент «Палец»
    6. Використання палітри станів і кісточки подій. Інструменти редагування зображень: розмиття, освітлення, затемнення
    7. Виділення зображення на однотонному фоні. Редагування крайових пікселів. Розтушування та згладжування
    8. Загальна тонова корекція зображень. Корекція кольорових зображень
    9. Інструменти «Обрезка» та «Клон штампа». Ретушування фотографій
    10. Моделі кольорів. Типи растрових зображень. Вставка фрагментів векторної графіки у растрове зображення
    11. Шар-маска. Направляючі. Інструмент «Измерение». Панель «Инфо». Вирівнювання шарів. Макетні групи
    12. Створення тривимірного зображення. Створення контурів
    13. Використання фільтрів. Художнє оформлення текстів
    14. Робота з каналами. Створення художніх рамок для малюнків
    15. Фотомонтаж (обірваний кабель). Об‘єднання фотографій
    16. Створення текстур
    17. Створення дзеркальних відображень
    18. Автоматизація роботи. Використання макросів. Створення власних макросів
    19. Виділення зображення за допомогою каналів
    20. Сканування зображень. Фотомонтаж (творче завдання)



3 год

3 год

3 год


3 год


3 год


3 год


3 год


3 год


3 год


3 год


3 год


3 год

3 год


3 год

3 год

3 год

3 год


3 год

3 год

3 год

  1. Програма графічного оформлення FLASH
    1. Створення елементів статичної графіки в середовищі

FLASH MX
    1. Використання кольору при створенні статичних графічних об‘єктів. Властивості ліній
    2. Використання заливок
    3. Робота з текстом
    4. Робота з графічними об‘єктами
    5. Екземпляри, символи, бібліотеки
    6. Публікація статичної графіки
    7. Створення графічних примітивів
    8. Покадрова анімація
    9. Трансформаційна анімація
    10. Використання шарів
    11. Направляючі і маскуючи шари
    12. Імпорт звука. Редагування звуків
    13. Створення анімації
    14. Сценарії та панель Actions
    15. Створення кнопок
    16. Використання компонентів «прапорець» і «список, що розкривається» в середовищі FLASH MX
    17. Створення звичайних списків, перемикачів, скролінга, панелі зі скролінгом
    18. Розробка Web – сайту





3 год


3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год

3 год


3 год


3 год

3 год




ОСНОВНІ ВИМОГИ ДО ЗНАНЬ, УМІНЬ І НАВИЧОК


Гуртківці повинні знати:
  • основні принципи побудови мережі Інтернет;
  • основні послуги глобальної мережі Інтернет;
  • види програмного забезпечення, необхідного для роботи в глобальній мережі Інтернет;
  • основні принципи роботи пошуку інформації в Інтернеті;
  • основні теги для опису структури HTML-документів;
  • засоби оформлення тексту в HTML-документі;
  • способи включення графіки в HTML-документ;
  • поняття гіперпосилань, таблиць, фреймів, форм і стилів;
  • інтерфейс і правила роботи з різними HTML-редакторами;
  • особливості використання графіки у web-документі;
  • основні графічні формати Інтернету;
  • основні поняття, пов’язані з технологією FLASH;
  • інтерфейс програми FLASH;
  • основні поняття анімації;
  • основні поняття пов’язані зі створенням анімації;


Гуртківці повинні вміти:
  • працювати з різними програмами-броузерами;
  • працювати з програмою для роботи з електронною поштою;
  • складати, редагувати і надсилати електронні повідомлення;
  • шукати інформацію в Інтернеті;
  • створювати web-сторінки;
  • оформлювати текст в HTML-документі;
  • здійснювати включення графіки у HTML-документ;
  • робити гіперпосилання, таблиці, фрейми, форми і стилі;
  • створювати web-сторінки та web-сайти за допомогою різних HTML-редакторів;
  • оформлювати web-сторінки;
  • здійснювати включення різних медіа-файлів у web-сторінку;
  • готувати графічні файли для включення у web-документ;
  • працювати з малюнками у програмі Adobe Photoshop;
  • робити малюнки довільної форми;
  • працювати з дрібними деталями;
  • застосовувати фільтри;
  • працювати в середовищі FLASH;
  • створювати анімаційні кліпи;
  • писати прості сценарії.

ЛІТЕРАТУРА

  1. Томас А. Пауел, Ден Уитворт. HTML: справочник программиста. – Москва: АСТ Харвест, 2001.
  2. С.В. Глушков, Г.А. Крабе. Adobe все для дизайнера. – Харьков: Фолио, 2002.
  3. Гаевский А.Ю. Информатика: 7-11 кл. Учебн. пособие. – К.: А.С.К., 2002.
  4. Николай Чувахин. Практическое руководство по HTML. – М., 2002.
  5. Глинський Я.М., Ряжська В.А. Інтернет. Сервіси, HTML і Web-дизайн. – Львів: Деол, 2002.
  6. Глинський Я.М. Практикум з інформатики. – Львів: Деол, 2002.
  7. Гончаров А. HTML в примерах. – СПб: Питер, 1997.
  8. Жадаев А.Г. Самоучитель HTML 4.– К.:Юниор, 2001.
  9. Дунаев В.В. Сам себе Web-дизайнер. – СПб: БВХ–Петербург, Арлит, 2002.