УКРАЇНСЬКА АКАДЕМІЯ
ДЕРЖАВНОГО УПРАВЛІННЯ
ПРИ ПРЕЗИДЕНТОВІ
УКРАЇНИ
ОДЕСЬКИЙ НАЦІОНАЛЬНИЙ ІНСТИТУТ
ДЕРЖАВНОГО УПРАВЛІННЯ
РЕФЕРАТ
по комп'ютерних мережах
Тема: "Web-дизайн: Flash-технології"
Виконала: студентка 2-го курсу
МО
21-А групи
Целовальникова Е.А
Одеса - 2004р.
Алгоритм пошуку
Для пошуку реферата "Web-дизайн: Flash-технології" я скористаласянаступним пошуковим сервером http://www.rambler.ru.
Потім у вікно пошуку ввела запит Реферати щоб отримати посилання на пошукрефератів з даної теми.
Вибрала одне посилання Bankreferatov.ru з пропонованих по зазначеній теміі відкрила її в іншому вікні.
На його початковій сторінці знаходяться поля введення запиту, і кнопка для початкупошуку рефератів.
Сформулювавши запит пошуку що дана мені темі, ввела в поле вводуключові слова "Flash-технології", далі натиснула кнопку пошуку. У новому вікнівідобразилися теми контрольної роботи на мою заданому запиту. Вибравши найбільшвідповідний реферат, необхідно знайти ще декілька інформаційнихдодатків.
Я відкрила попередній пошук запиту Реферати і відкрила наступне посилання
Referatus.ru. Тут також у вікні пошуку ввела запит "Web-дизайн". У вікнівідобразилося три посилання на різні сайти з комп'ютерних систем ітехнологіями. Вибравши перше посилання і відкривши її в новому вікні відбивсявеличезний список рефератів з даної теми. Для того, щоб полегшити собіпошук, у вікно введення запиту вводжу ключові слова "Flash-технології",встановивши нижче вікна пошуку галочку шукати в знайденому. Скопіювалакілька рефератів з даної теми, а потім редагуючи попереднійзнайдений реферат доповнила його більш різноманітною інформацією про Flash -технології. На цьому припинила свій пошук реферату, тому що вважаю, щонеобхідну кількість інформації з даної теми вже зібрано.
Web-дизайн: Flash-технології.
План.
1.Технологія Macromedia Flash.
2.Обзор технології Macromedia Flash.
2.1. Принцип дії.
2. Можливості Flash.
1. Використання векторної графіки.
2. Технологія Symbol Conversation.
3. Передача даних в потоковому режимі. .
4. Робота зі звуком.
3. Сценарії в Flash.
4. Принципи Macromedia Flash.
2.5. Застосування Macromedia Flash у Web.
1. Технологія Macromedia Flash.
Основними проблемами в сфері розробки додатків під Web були як обсяг сторінки і сумісність інтернет браузерів. Корпорація Macromedia прагнула до використання в Web всіх останніх новинок у сфері відображення інформації.
Macromedia Flash-дуже потужне, при цьому просте у використанні,засіб створення анімованих проектів на основі векторної графіки звбудованою підтримкою інтерактивності. Flash є ідеальним робочимінструментом для художників і дизайнерів, що дозволяє доповнювати створюваніними Web - проекти анімацією і звуком.
Після декількох прийнятих угод про використання Flash як
Web стандарту, він став легко інтегруватися з HTML, що дозволяєвбудувати Flash проект практично без швів. Flash не вимагає нічогододаткового для переходу за посиланням, відкрити вікно броузера абовиконання чого-небудь за допомогою HTML.
Однією з них була відображення зображень за допомогою векторної графіки.
Загальновідомо що векторна графіка займає менше місця ніж ранішевикористалася растрова графіка. Велике значення було відданоспільного використання векторної графіки та анімації. Це набагаторозширило коло інтересів користувачів та розробників. Також буламожливість вставки звукового супроводу в Web сторінку, надаючиразом з анімацією велику привабливість. Внутрішній мовапрограмування Action Script дозволяв супроводжувати будь-які діїабо події, якими або звуковими ефектами або відео. Можливості Action
Script порівнянні з можливостями JavaScript і VBScript.
Спочатку Flash розробки були мало відомі поки корпорація
Macromedia не запропонувала переробити один з розділів сервера Walt Disneyвикористовуючи Flash.
Це дало велику рекламу Flash технології. Багато дизайнерські студіїпочали купувати пакети програмних продуктів для розробки Web сторінокза допомогою Flash технології.
2. Огляд технології Macromedia Flash.
Спочатку програма називалася Splash Animator і продаваласямаловідомою фірмою Future Animation для виготовлення мультфільмів на
PC - комп'ютері. Призначалася для художників - аніматорів і користуваласяобмеженим успіхом, поки у зв'язку із бумом на WWW-додатки такийгігант, як фірма Macromedia, не звернула на неї увагу, купивши іперейменувавши в Flash. Розробники Flash поміняли інтерфейс програми дляполегшення і автоматизації розробки проекту. Причому мультимедійнийгігант не лише змінив назву і інтерфейс, але і переорієнтував пакетна ринок Web-анімації (при цьому був запропонований і свій, внутрішній форматфайлів векторної графіки «*. swf», і реалізована підтримка для іншихпопулярних графічних форматів, у тому числі і для анімованого GIF), ізабезпечив пакету хорошу рекламу.
Однак зміни торкнулися не тільки зовнішнього вигляду, але і змісту.
У Flash поняття інтерактивності значно розширилося завдякивикористання сценаріїв Action Script (Дії), які дозволяютьавторам розробляти досить складні стилі поведінки - behaviors
(переміщувані елементи інтерфейсу, логіку і початкову математику), впершещо дають можливість створювати електронні магазини. У результаті програмаодержала широке поширення в середовищі Web-розробників і продовжуєслужити гарною підмогою професійним аніматорам.
З моменту появи в 1996 р. технологія Flash стала фактичнимстандартом для розробки насичених мультимедійних Web-сайтів. В якостінайбільш яскравих прикладів можна назвати сервери Citibank, Fox, PepsiCola,
Paramount, Plymouth, Chrysler, Nestle і Warner Bros.
Для роботи в Flash не обов'язково мати будь-якої досвід упрофесійному програмуванні - це дозволяє створювати Web - вузли зелементами інтерактивності без необхідності написання вихідного коду
JavaScript, Java або HTML.
2.1 Принцип дії.
При розробці будь-якого Web сайту в Інтернеті, його невід'ємну частинускладає мова розмітки HTML як єдиний стандарт розмітки документа іпередачі гіпертекстової інформації.
Сама Flash технологія ніколи не претендувала на місце HTML, але, наданий момент, за допомогою Flash можна сформувати повноцінну сторінку -ролик Такий підхід можна дійсно розцінювати, як якесь витіснення
HTML. На багатьох сторінках, які використовують Macromedia Flash, присутнявідчуття, начебто HTML немає зовсім. У даному випадку HTML-код зведений домінімуму за рахунок Flash. Сенс цього коду - правильне розташування Flash -кліпу. Для варіанту з одним великим Flash-роликом, що представляє собоюзакінчену сторінку, підійде такий вигляд:
Web-сторінка = HTML + Flash
У випадках, коли Flash використовує Action Sript, цю формулу доповнює
JavaScript.
Flash також має можливість передавати будь-які параметри привиконання CGI. Також CGI може бути викликаним з Flash, виконати які -які дії і видати відповідь у вигляді заздалегідь підготовленого Flash-кліпу.
Згенерувати Flash CGI-програмою поки не представляється можливим. Якщож того буде потрібно в зв'язку з повсюдним використанням Flash, то
Macromedia може розробити щось на зразок бібліотеки для генераціїзображень CGI-програмами. Поки сама розумна мета використаннятехнології Flash є доповнення повноцінного HTML-документа невеликимикліпами. Багато популярні сайти, не бажаючи відставати від моди, пішли поцим шляхом. Користувач, заходячи на такі сторінки, або милуєтьсядіями Flash-ролика, або бачить на його місці просто фон і, не звертаючиуваги, продовжує знайомитися зі змістом HTML-сторінки. Це означає,що Flash-кліпи тут використовується скоріше, як анімовані GIF і не несутьв собі життєво важливого сенсу для всього сайту. У такому випадку можназастосувати нову формулу:
Web-сторінка = HTML + DHTML (JavaScript/VBScript, CSS) + Flash + CGI
Вона вийшла дуже схожою на саму першу формулу. Flash грає рольмодного додатки до дизайну Web-сторінки. На даний момент багатотехнології орієнтовані на це, приміром, - Metastream, яка дозволяєдемонструвати векторну 3D графіку на Web-сторінках. Всі вони маютьістотний мінус - необхідність наявності у користувача спеціальногомодуля розширення (plug-in).
2.2. Можливості Flash.
Створивши Flash, компанія Macromedia об'єднала безліч потужних ідей ітехнології в одній програмі, дозволивши користувачам отримувати через Webцілі мультимедійні презентації.
Використання векторної графіки.
Використання векторної графіки як графічного режиму за замовчуваннямробить Flash незамінним засобом розробки для Web. Векторна графіка --це об'єкти, що визначаються математичними рівняннями, або векторами,які містять інформацію про розмір, форму, колір, кордоні тамісцезнаходження. Це ефектний спосіб поводження з графікою, в результатіякого виходять файли відносно невеликих розмірів навіть при роботізі складними малюнками. Більш того, векторна графіка не залежить віддозволу, з яким проглядається об'єкт
(Додаток 1а)
Векторна графіка на сьогодні - ідеальне рішення для розробки Web
-сайтів, що дозволяє з однаковою ефективністю відтворювати зображенняпрактично на всіх типах комп'ютерів (Pc, Mac, NoteBook) і моніторів.
Зазвичай, растрове зображення складається з тисяч або навіть сотень тисячточок, інформація про колір і розташування кожної міститься у файлі,спираючись на цю інформацію система створює зображення. Тому --якісні, багатобарвні растрові зображення займають дуже багатомісця.
По суті, вектор - це пряма, направлена від точки до точки, тому щовекторне зображення складається їх координат кутових точок, між якимипроходять прямі. Щоб зобразити просту лінію в растровому форматі,буде потрібно вказувати місце розташування кожної точки цієї лінії, длязображення тієї ж лінії у векторі, необхідно лише вказати дві точки івідстань між ними, плюс - товщина лінії і її колір. Природно, щобагато цифрові параметри неодноразово повторюються, саме вони і дозволяютьлегко стискати векторні зображення в два, три рази. (Додаток 1б)
На відміну від растрових форматів, таких як GIF і JPEG, що використовуються вмережі повсюдно, векторні зображення - графіка, тексти, схеми та анімаціялегко експортуються в надзвичайно компактні файли формату SWF (Shock Wave
Flash), які швидко завантажуються і здатні потоково програватисябезпосередньо в Мережі за допомогою звичайного броузера.
Технологія Symbol Conversation
Flash Підхід до розробки також полегшує створення складнихмультимедійних презентацій, при цьому розміри файлів залишаються невеликими.
Так як такі елементи, як вектори, растрові зображення і звук зазвичайвикористовуються в одному проекті кілька разів, Flash, завдяки своїйвнутрішньої функції Symbol Conversation дозволяє створювати єдинийекземпляр об'єкта, який можна повторно використовувати замість того, щобкожен раз пересоздавать новий. Такий підхід суттєво зменшує розмірфайла проекту.
До доповнення була розроблена бібліотека - Library. Вона являєсобою перелік усіх використовуваних констант, як які можутьвиступати як намальовані символи, так і імпортовані графіка і звуки.
За допомогою бібліотеки можна звертатися до будь-якого елементу незалежно від тогона якому шарі або кадрі він знаходиться.
Кольорові палітри, а також градієнтні заливки можна імпортувати (іекспортувати) з інших графічних додатків (наприклад, Macromedia
Fireworks і Adobe Photoshop), що забезпечує незмінність квітів на всьомусайті. Палітра зберігається у файлі. Fla і не впливає на розмірекспортованого файлу. swf. За замовчуванням Flash використовує палітру web-safe.
Використовуючи властивості технології Symbol Conversation можна створюватитекстові поля дозволяють вводити дані під час відтворення Flash -проекту для створення всіляких форм збору відомостей від користувачів:введення паролів, реєстраційних, опитних та ін Це, найбільш значненововведення і крок до створення повноцінних Web-сайтів. Крім того, полязастосовуються для динамічної заміни тексту. Таку властивість може бутивикористано для відображення постійно оновлюється інформації: біржової,спортивної, прогнозів погоди. Коли користувач створює текстове поле, вінпризначає йому змінну. При цьому можливо передавати змінні в різнісцени ролика, в server-side-додатки для занесення їх до бази даних інавіть завантажувати нові дані.
Передача даних в потоковому режимі
Головний вирішальний чинник, що визначає здатність Flash створювати швидкозавантажуються програми мультимедіа для Web - це передача вмісту впотоковому режимі. Незважаючи на інші його гідності, без цієї особливості
Flash навряд чи б став практичним для використання в Web.
Потокова передача вмісту - це ще один приклад технології,породжений необхідністю. До її появи обмежена швидкістьз'єднання не дозволяла користувачам переглядати або прослуховувати файли,до тих пір, поки всі їх вміст не було повністю завантажено на комп'ютер.
Однак розробники усвідомили, що користувачам не потрібно бачити або чутикожен байт одночасно: можна отримати точно таке ж враження відвмісту проекту, отримуючи його поступово.
Потокові можливості означають, що навіть великі файли зі звуком,анімацією і растровими можуть починати відображатися практично відразу.
Робота зі звуком.
Озвучування Web сайту фонової музикою поки ще мало поширене, алелюбителі озвучувати Web-сторінки іноді використовують цю можливість, хочаце, загалом, не прийнято.
Доведено, що dhtml, html або будь-який інший стандарт не може бути тісноінтегрований зі звуковими файлами. Шпалери звук, який підключається черезтег BGSOUND або EMBED, може мати формат mid або wav. При використанніперша сторінка формату починає бринькати і поскрипувати, але за розміромmid цілком підходить для мережі Інтернет. Ясно, що mid якістю відрізняється взворотний бік. Звуки у форматі wav мають непогану якість, але розмірдає про себе знати, сповільнюючи завантаження сайту, що звичайно, залежить відтривалості звукозапису.
З появою і поширенням Flash любителі озвучувати сторінкистали поміщати на сторінку мало помітний Flash-кліп, який повторюється
«Вічно» і програє один і той самий звук. При цьому співвідношенняякість/розмір залишається на прийнятному рівні.
Контроль над звуком відбувається з точністю до одиничного кадру, і йогозастосування обмежене тільки уявою. Flash програє звукдекількома способами. Він відтворюється незалежно від часу або зсинхронізацією анімації із звуковою доріжкою. Існує також можливістьзмінювати рівень звуку для кожного каналу і застосовувати ефект плавногозбільшення та зменшення гучності. Отже, Flash використовує два типи звуків --пов'язаний з подією (event sounds) і потоковий (stream sounds). Їх головневідмінність у тому, що першим повинен повністю завантажитися, а другий починаєвідтворюватися в міру того, як буде отриманий достатній обсяг даних,необхідний для синхронізації з першими кількома кадрами. На розмірекспортованого файлу. swf значно впливає ступінь компресії, якаможе становити від 8 до 160 kBps і вказується у вікні Publish Settings.
Flash імпортує звукові файли у форматі AIFF, WAV і MP3.
2.3. Сценарії в Flash
Мало що полонить людини, як рух і взаємодія. Саме це іробить Flash, надаючи можливість створювати підконтрольнікористувачеві програми, які безпосередньо від творчого підходу автора доподанням інтерактивності.
Можливість створювати кнопки, натискання яких приводить до видачіінформації та відтворення звуку або переносить в інше місце фільмупроекту. Тому презентація в проекті може проходити в зумовленоїпослідовності або по шляху вказаному користувачем. Також можливорозробка проекту з тими чи розрахунковими діями і обробки якийякої інформації за допомогою простого, але потужного мови сценаріїв "Action
Script ".
Action Script можна розглядати як основну мову програмування під
Flash.
З його допомогою можна запрограмувати проект Flash на виконання різнихзавдань. Подібно до багатьох інших мов програмування, терміни Action Scriptвизначають смислове навантаження, порядок їх слідування - логічнуструктуру, а розділові знаки - контекст.
Для розробки інтерактивних елементів в Flash використовують три основнікомпоненти: подія (event), що породжує певну дію, дія
(action), яке породжене тим або іншим чином подією, і цільової об'єкт
(target), що виконує дію або змінюваний подією.
Логічна схема інтерак?? івной функції при якій відбуваються дії впроекті, може бути представлена наступним чином:
. Подія - є ініціатором якого небудь дії у проекті. У Flash події поділяються на:
1. Події миші/клавіатури-ці події ініціюються користувачем.
1. Події кадрів - якщо розробляється Flash ролик, то після досягнення
будь-якого кадру виникає подія.
2. Події змінних - подія відбувається або після закінчення певного інтервалу часу, або значення змінної досягло тієї умови для якого заплановано подія.
. Цільовий об'єкт - це безпосередньо об'єкт над яким буде проведено дію викликане подією. Цільові об'єкти підрозділяються на чотири основних типи:
1. Поточний проект і його властивості.
2. Інший проект і його властивості (якщо проект перебуває в рамках основного проекту)
3. Графічні елементи проекту (кнопка, рамка, фон тощо)
4. Зовнішні програми (Інтернет броузер або інші програми)
. Дія - дії які виконуються над цільовим об'єктом. Дії в Action Script складаються з самих дій, посилань на цільовий об'єкт і параметрів виконання дій. Параметрами виконання може бути, як і зміна властивостей об'єкту, так і обчислення математичного або логічного виразу і присвоєння результату його або властивості об'єкта, або будь-якої змінної.
Для ідентифікації об'єктів або примірників проектів в сценаріях Action
Script їм призначаються імена, що дозволяє управляти окремими об'єктами за допомогою Action Script.
В останніх версіях Flash було включено безліч додаткових можливостей для управління проектами за допомогою Action Script. Тепер
Flash став не просто красивою фонової заставкою для Web сайтів, а повнофункціональним засобом для розробки складних Web сайтів. Flash цілком може застосовуватися і для простих "статичних" сторінок, так і для багатоцільових сайтів, наприклад: продаж в Інтернеті, електронна пошта і чат.
2.4. Принципи Macromedia Flash.
У процесі створення Flash-проекту, особливо, коли вже єпорівняльний досвід,розробки в інших засобах малювання графіки або редакторах Webдизайну, то можна відзначити ряд переваг перед ними, якими задеякій мірі Flash отримав свою популярність:
1. Використання позначень для елементів, які з'являються більше одного разу.
2. Об'єднання кадрів в діях переміщення (motion tweens), що дозволяє автоматично прорахувати деякі проміжні моменти переміщення, для прискорення розробки проектів.
3. Об'єднання кадрів в діях трансформації (shape tweens), що дозволяє автоматично прорахувати деякі проміжні моменти трансформації об'єктів, для прискорення розробки проектів.
4. Скорочення числа різних типів ліній (пунктиром, точки і т.п). Лінії, намальовані інструментом кольоровий вимагають менше пам'яті, ніж мазки пензлем.
5. Використання шарів, для розбиття перекриваються об'єктів кліпу.
6. Скорочення числа різних шрифтів і стилів, шляхом перетворення їх в об'єкти векторної графіки.
7. Застосування звукового формату mp3, як самого високоякісного і економного музичного формату.
8. Використання можливості анімації растрових зображень, або для статичних елементів зафарбовування об'єктів і фону.
9. Застосування сценаріїв (Actions Script) аж до вставка їх в окремі кадри фільму.
10. Можливість згруповують об'єкти на різних шарах.
11. Використання вбудованих інструментів для зміни колірних ефектів одного й того самого об'єкта.
12. Використання єдиної палітри web-safe, щоб уникнути розбіжностей з квітами броузерів.
13. Застосування компонента управління проектом Library, що дозволяє швидко знайти будь-який об'єкт і поміняти його властивості.
14. Можливість вставки в поточний проект раннє створений іншийпроект.
2.5. Застосування Macromedia Flash у Web.
Способи застосування Flash, не дивлячись на деякі невеликі мінуситакі як вимога від користувача спеціального модуля розширення (plug -in), дуже широкі. Flash-проект здатний зробити Web-сторінку більшпривабливою і стильною, а Flash банер - затьмарити звичайні анімовані
GIF, тим більше, що Flash-кліпи (і будь-які дії в них) можна озвучувати.
З цих причин виникає згасає бажання будь-яким із способівзастосувати технологію Macromedia Flash. Способи застосування цієї технологіївиражаються в наступних об'єктах:
. Flash банер
. Заставка у вигляді Flash-ролика
. Ціла сторінка, що представляє собою Flash Movie
. Елемент дизайну в HTML-документі
. Шпалери звук на HTML-сторінці (у форматі mp3)
Слід зазначити, що Macromedia постачає всі свої продукти дужедобре організованою та всеохоплюючої довідкову систему і навчальнимиприкладами у форматі Flash, за якими можна освоїти основні навички роботиз символами і текстом, організації flash-презентацій, звуку тастворення кнопок.
Macromedia випустила Flash-програвачі для всіх основнихопераційних систем і типів броузерів, що забезпечило необхідну для
Internet крос-платформеність і популярність цієї технології. Згідноостанніми опитуваннями в Мережі, приблизно 80% користувачів можутьпереглядати вміст Web-сайтів на Flash без завантаження додатковогопрограмного забезпечення, і тільки 61% - Web-сторінки з елементами Java.
Швидше за вимушеним кроком було вільне ліцензування Macromedia коду
(Free Source licensing program) програвача для Flash, яка прискоритьвикористання формату swf в Web-додатках нового покоління стороннімивиробниками програмних продуктів.
Додаток 1.
Відмінність малюнків векторної та растрової графіки при багаторазовому збільшенні.
Способи побудови зображень у векторної та растрової графіки.
Список літератури.
1. Web-сайт своїми руками - И. Шапошников.: БХВ - Санкт-Петербург, 2000.
2. Flash 4. Анімація в Інтернеті - Дерек Франклін, Брукс Паттон.: СПБ:
Символ Плюс - Санкт-Петербург, 2000.
3. HTML 4.0 - Сергєєв А.О.: БХВ - Санкт-Петербург, 1999.
4. Borland Delphi 4. Керівництво Розроблювача - Стів Пачеко.:
Видавничий дім «Вільямс» - Москва, 2000.
5. Ефективна робота в 3D Studio MAX 2 - Майкл Петерсон.: Пітер Ком -
Санкт-Петербург, 1999.
6. При підготовці даної роботи були використані матеріали з сайту
http://www.Bankreferatov.ru, www.Referatus.ru
Http:// www.w3graphics.com
