Web дизайн: Flash технології

УКРАИНСКАЯ АКАДЕМИЯ.

ДЕРЖАВНОГО УПРАВЛЕНИЯ.

ПРИ ПРЕЗИДЕНТЕ.

УКРАИНЫ.

ОДЕСЬКИЙ НАЦІОНАЛЬНИЙ ИНСТИТУТ.

ДЕРЖАВНОГО УПРАВЛЕНИЯ.

РЕФЕРАТ.

ПО КОМП’ЮТЕРНИМ СЕТЯМ.

Тема: «Web-дизайн: Flash-технологии «.

Виконала: студентка 2-го курса.

МО.

21-А группы.

Целовальникова Е.А.

Одеса — 2004 г.

Алгоритм поиска.

Для пошуку реферату «Web-дизайн: Flash-технологии» я скористалася наступним пошукових сервером internet Потім у вікно пошуку запровадила запит РЕФЕРАТИ щоб отримати посилання пошук рефератів з цієї теме.

Вибрала одну заслання 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, попри деякі невеликі мінуси такі як вимога від користувача спеціального модуля розширення (plugin), дуже широкі. Flash-проект здатний зробити Web-страницу більш привабливою й стильною, а Flash баннер — затьмарити звичайні анимированные GIF, тим паче, що Flash-клипы (й зняти будь-які дії них) можна озвучувати. З цих причин виникає неугасаемое бажання котримсь з способів застосувати технологію Macromedia Flash. Способи застосування цій технології виражаються у наступних об'єктах:. Flash баннер. Заставка як Flash-ролика. Ціла сторінка, що є Flash Movie. Елемент дизайну в HTML-документе. Фоновий звук до HTML-странице (в форматі mp3).

Слід зазначити, що Macromedia постачає всі свої продукти дуже в добре організованій і всеосяжної довідкової системою та навчальними прикладами в форматі Flash, якими можна освоїти основні навички роботи з символами і текстом, організації flash-презентаций, синхронізації звуку і створення кнопок.

Macromedia випустила Flash-проигрыватели всім основних операційними системами і типів броузерів, що дало необхідну Internet кросс-платформенность популярність цій технології. Відповідно до останніх опитувань в Cети, приблизно 80% користувачів можуть переглядати вміст Web-сайтів на Flash без завантаження додаткового програмного забезпечення, і лише 61% - Webсторінки із елементами Java. Швидше вимушеним кроком було вільне ліцензування Macromedia коду (Free Source licensing program) програвача для Flash, яке прискорить використання формату swf в Web-приложениях нової генерації сторонніми виробниками програмних продуктов.

Додаток 1.

[pic] Відмінність малюнків векторної і растрової графіки при багаторазовому увеличении.

[pic].

Способи побудови зображень в векторної і растрової графике.

1. Web-сайт власноручно — І. Шапошников .: БХВ — Санкт-Петербург, 2000.

2. Flash 4. Анімація з Інтернету — Дерек Франклін, Брукс Паттон.: СПБ:

Символ Плюс — СанктПетербург, 2000.

3. HTML 4.0 — Сергєєв А.О.: БХВ — СанктПетербург, 1999.

4. Borland Delphi 4. Керівництво Розробника — Стів Пачеко.:

Видавничий будинок «Вільямс» — Москва, 2000.

5. Ефективна робота у 3D Studio MAX 2 — Майкл Петерсон.: Пітер Клубок -.

Санкт-Петербург, 1999.

6. Під час підготовки даної праці були використані матеріали з сайта.

internet internet.

Http://internet.