Конспект уроку "Створення банера в середовищі Macromedia Flash"

розділи: Інформатика

Завдання уроку:

освітні:

• закріплення досвіду роботи в середовищі Macromedia Flash;
• вивчення нового поняття банер.

виховні:

• виховання почуття відповідальності за результат роботи;
• формування і розвиток навичок коректної поведінки під час обговорення питань;
• виховання дбайливого ставлення до комп'ютерної техніки.

Розвиваючі:

• розвиток творчих здібностей;
• формування умінь виступати перед аудиторією;
• формування і розвиток уміння коротко і точно відповідати на поставлене запитання

план уроку

1. Організаційний момент (2 хв.)
2. Новий матеріал (10 хв.)
3. Усна робота (8 хв)
4. Створення банера на комп'ютері (20 хв)
5. Перегляд банерів (5 хв)
6. Домашнє завдання (2 хв)

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

Хід уроку:

1. Організаційний момент.

Учитель (Педагогічні установки на роботу). Сьогодні ми продовжимо вивчення програми Macromedia Flash і виконаємо практичну роботу зі створення банера в цій програмі.

Учітел ь Які асоціації у вас викликає слово банер?

Учні Інтернет, реклама, прямокутник.

2. Новий матеріал (презентація "Поняття банера").

Новий матеріал - (Слайд 1)

Коментарі. Весь розповідь супроводжується показом презентації (Додаток 1)

ІСТОРІЯ.

Банер - це прямокутне графічне зображення, що рекламує Web-вузол, продукцію або послуги і містить в собі посилання на цей Web-вузол. Банери також бувають інформаційними, які повідомляють про будь-яку подію. (Слайд 2)

Коли зародилася банерна реклама, сказати складно. Вона з'явилася, коли стала розвиватися комерція в Мережі. Потрібно було рекламувати свої послуги в Мережі власникам сайтів. Та й самі сайти потребували рекламі.

Енциклопедія Wikipedia стверджує, що перший графічний рекламний модуль в Інтернеті, на який можна було клікнути для переходу до інформації рекламодавця, був проданий в 1993 році на сайті Global Network Navigator, що належав американському комп'ютерному видавництву O'Reilly. (Слайд 3) Однак днем ​​народження банера слід вважати 25 жовтня 1994 коли на сайті Hotwired (належав самому відомому американському журналу про технології Wired) був розміщений банер AT & T, який виглядав жахливо, але був чимось особливим. (Слайд 4) Розмір банера - 468х60 - згодом став найвідомішим стандартом в Інтернет - рекламі, хоча і був витіснений більшими форматами 10 років по тому.

На малюнку нижче зображений банер, який може бути вважається найпершим в Інтернет. Він з'явився в 1994 році. (Слайд 5)

РОЗМІРИ.

Банер може мати будь-які розміри по вертикалі і горизонталі - це ж всього лише рекламна картинка! Але, як і все в цьому світі, ці розміри піддавалися стандартизації, в результаті якої можна виділити кілька основних типів.

Найбільш поширеними є банер розміром 468 × 60. Завдяки вдалому підбору розміру сторін, такі рекламні картини мають хороший відгук і, крім того, чудово вбудовуються в шапки більшості сторінок Інтернету. Крім того, він є першим форматом в мережі Інтернет. (Слайд 6)

Розміри 125 * 125, 120 * 90, 120 * 60 найчастіше зустрічаються на сторінках зліва чи справа в колонці меню сайту.

Кнопки 88 * 31 вносяться зазвичай вниз сторінки.

У Рунеті великою популярністю рекламодавців користуються розміри 100? 100, а також 150? 80, незважаючи на те, що вони не є стандартизованими.

Часто створюється ціла серія банерів, що має єдиний стиль, але різні розміри. (Слайд 8)

КЛАСИФІКАЦІЯ БАНЕРІВ.

Можна провести різні класифікації банерів.

Банери діляться по виду на статичні та анімаційні. Статичні банери є звичайними картинками. В основному це логотипи. Справжні рекламні банери є анімаційними. (Слайд 9)

Розрізняють іміджеві, Клікова та інформаційні банери. Перші, як випливає з назви, формують імідж компанії, бренд, а другі намагаються залучити потенційних клієнтів на власну web-сторінку, треті інформують про будь-яку подію. (Слайди 10-13)

Банери можуть також відрізнятися технологією виготовлення. Найпоширеніший формат - GIF. Він підходить для неанімірованние або нескладних анімованих банерів. При використанні GIF-формату розмір його дуже малий, і це добре, оскільки тоді підвищується ймовірність того, що користувач завантажить банер до кінця. (Слайд 14)

Банери формату GIF малюються в різних растрових або векторних графічних редакторах. Для цих цілей використовуються спеціальні програми типу Ulead GIF Animator або Adobe ImegeReady. (Слайд 15)

Особливою популярністю кілька років користуються Flash - банери, створені в програмі Macromedia Flash. Дані банери мають переваги в порівнянні з GIF-банерами: (Слайд 16)

• вони можуть реалізовувати більш складну анімацію;
• мають менший розмір;
• вантажаться навіть тоді, коли користувач відключив у своєму браузері функцію відображення графіки.

Існує також третій, найрідкісніший стандарт, так званий інтерактивний банер. Такі банери створюються з використанням технології CGI, Java або VBS, а також елементів HTML і Flash-анімації. (Слайд 17)

СТВОРЕННЯ БАНЕРА.

Отже, банер - це запрошення на ваш сайт. Звичайно, воно має бути оригінальним, помітним, незвичайним, але в той же час простим і зрозумілим. Хороший банер - це якась ідея, яка повинна зацікавити відвідувача і запалити в ньому бажання сходити по посиланню.

Основні завдання, які повинен вирішувати банер:

• Привернути увагу відвідувачів
• Відрізнятися від інших банерів
• Відповідати темі сайту

При вимірюванні ефективності банерів користуються терміном CTR (Click Through Ratio), що вимірюється у відсотках і виражає відношення числа показів банера до числа натискань на нього. Для звичайних банерів він становить від 0,5 до 1,5%. Існують і інші більш складні розрахунки ефективності банерів.

Відвідувач сайту витрачає на перегляд банера не більше 3-5 секунд. Тому думка на банері повинна бути виражена чітко і образно. Основними елементами банера є слоган і візуальний образ. До розробки і того і іншого слід переходити після з'ясування завдань банера. Придумування гарного слогана дуже важливо. Погана фраза може зіпсувати найпрекрасніший образ. (Слоган - девіз або коротка фраза, що виражає основну думку рекламного повідомлення). В області реклами існують конкурси на слоган, так за підсумками 2006 року переможцем став слоган Yandex "Знайдеться все" (пошукова система). Перемогу було здобуто над слоганом "Керуй мрією" (Toyota). (Слайд 18)

Придумавши слоган, можна підбирати ілюструє його графічний образ.

Також при створенні банера потрібно враховувати, що проглядатися він буде в чужому оточенні, і ми нічого не будемо знати про сторінку, на якій він виявиться, і не зможемо передбачити колірної гами. Тому необхідно явно позначити межі банера - по його периметру. Крім того, у банера не повинно бути прозорого фону - обов'язково суцільний (але не обов'язково одноколірний).

Банер повинен нести якусь ідею, інакше він буде непривабливий, йому буде нічим залучити, заінтригувати, зацікавити відвідувача. Хороший банер можна порівняти з головоломкою - вона не відразу вирішується, але знайшовши відповідь, відвідувач отримує позитивні емоції і запам'ятовує його.

Можна вважати, що кожен банер складається з наступних частин: (Слайд 19)

1. слогану
2. Візуального об'єкта, що ілюструє слоган (часто це логотип).
3. Колірної гами (для іміджевих банерів кольору часто збігаються з кольором рекламує сайту)
4. Додаткової інформації (адреса web-сторінки, пояснювальний текст)
5. Додаткових елементів оформлення, що підкреслюють основну думку і стиль банера. У разі імджевих банерів дуже зручно зробити один шаблон і, підставляючи різні слогани і візуальні об'єкти, отримати цілу серію банерів.

Створити хороший банер дуже складно. Як кажуть практики: "Потрібно запам'ятати одне правило - якщо створений банер вам не подобається, то навряд чи він сподобатися іншим".

3. Усна робота.

Коментарі. учням видається Додаток 2. В круглих дужках записані правильні відповіді до завдань.

1. Назвіть компанії, які використовують такі слогани:

1. "Про кого ти думаєш зараз?" (МТС)
2. "Рожевий довірся йому і плям немає" (Ваніш)
3. "С" ... "веселіше. У будинку чисто в два рази швидше "(Містер Пропер)
4. "Керуй мрією" (Toyota)
5. "Імунітету багато не буває" (Імунеле)
6. "Корм енергійних кішок" (KiteKat)
7. "Все, що потрібно людині" (шоколад "Оленка")
8. "Свобода бути собою" (Саваж)
9. Побудуй своє спілкування "(Мегафон)
10. "Живи на яскравій стороні" (Білайн)
11. "Щастя - це просто" (Фруктовий сад)
12. "Об'єднуючи покоління" (печиво "Ювілейне")

2. Складіть слоган (кілька) для баннера сайту про тварин (про місто).

3. Назвіть 2-3 компанії, в логотипі яких є конкретний об'єкт, який ілюструє її бренд:

Яйце - МТС;
Бджола - Білайн;
Профіль людини - Мегафон.

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

4. Назвіть 2-3 компанії, в логотипі яких є два кольори:

Білайн (чорний і жовтий);
МТС (червоний і білий);
Северсталь (синій і червоний).

4. Створення банера на комп'ютері.

Практична робота розписана по етапах в Додатку 3. результат виконання Додаток 4.

5. Перегляд банерів.

Коментарі. Все, створені, банери можуть бути передані на вчительський комп'ютер і за допомогою програми Macromedia Dreamweaver вставлені в HTML-документ і показані через проектор.

6. Домашня робота.

Продумайте дизайн, слоган і підберіть картинки для банера, який рекламує вашу майбутню професію.

Додаток 5.

література

1. Смирнова І.Є. "Початок Web-дизайну", Санкт-Петербург, "БХВ-Петербург", 2003 р

2. Сайт: ru.wikipedia.org.

3. Журнал "Індустрія реклами", 2006 р

15.02.2008