Реферат: web дизайн: Flash технологии

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

ГОСУДАРСТВЕННОГОУПРАВЛЕНИЯ

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

УКРАИНЫ

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

ГОСУДАРСТВЕННОГОУПРАВЛЕНИЯ

РЕФЕРАТ

ПО КОМПЬЮТЕРНЫМ СЕТЯМ

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

Выполнила:

студентка 2-го курса МО

21-А группы

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

Одесса – 2004г.

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

Для поиска реферата “Web-дизайн:Flash-технологии” я воспользовалась следующим поисковымсервером http://www.rambler.ru.

Затем в окно поиска ввела запрос РЕФЕРАТЫчтобы получить ссылки на поиск рефератов по данной теме.

Выбрала одну ссылку Bankreferatov.ruиз предлагаемых по указанной теме иоткрыла ее в другом окне.

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

Сформулировав запрос поиска поданной мне теме, ввела в поле ввода ключевые слова “Flash-технологии”, далее нажалакнопку поиска. В новом окне отобразились темы реферата по моемузаданному запросу. Выбрав наиболее подходящий реферат, необходимо найти ещенесколько информационных приложений.

Я открыла предыдущий поискзапроса РЕФЕРАТЫ и открыла следующую ссылку Referatus.ru. Здесь также в окне поиска ввела запрос “Web-дизайн”. Вокне отобразилось три ссылки на разные сайты по компьютерным системам итехнологиям. Выбрав первую ссылку и открыв ее в новом окне отобразился огромный список рефератов по данной теме. Длятого, что бы облегчить себе поиск, в окно ввода запроса ввожу ключевые слова “Flash-технологии”,установив ниже окна поиска галочку искать в найденном. Скопировала несколькорефератов по данной теме, а затем отредактировав предыдущий найденный рефератдополнила его более обширной информацией про Flash-технологии. На этом прекратила свой поиск реферата, т.к.считаю, что необходимое количество информации по данной теме уже собрано.

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

План.

1.Технология MacromediaFlash.

2.Обзор технологии MacromediaFlash.

2.1. Принцип действия.

2.2.

Возможности Flash.

2.2.1.

Использованиевекторной графики.

2.2.2.

ТехнологияSymbol Conversation.

2.2.3.

Передачаданных в потоковом режиме. .

2.2.4.

Работасо звуком.

2.3.

Сценарии во Flash.

2.4.

Принципы MacromediaFlash.

2.5. Применение MacromediaFlash в Web.

1. Технология MacromediaFlash.

Основнымипроблемами в сфере разработки приложений под Webбыли как объём странички и совместимость интернетброузеров. Корпорация Macromediaстремилась к использованию в Webвсех последних новинок в областиотображения информации.

MacromediaFlash — очень мощное, при этом простое виспользовании, средство создания анимированных проектов на основе векторнойграфики с встроенной поддержкой интерактивности. Flash является идеальным рабочиминструментом для художников и дизайнеров, позволяющим дополнять создаваемые имиWeb – проектыанимацией и звуком.

После нескольких принятыхсоглашений об использовании Flash в качестве Web стандарта, он сталлегко интегрироваться с HTML, что позволяет встроить Flash проектпрактически без швов. Flash не требует ничегодополнительного для перехода по ссылке, открытия окна броузераили выполнения чего-либо посредством HTML.

Одной из них являлась отображение изображенийпри помощи векторной графики.

Общеизвестно что векторнаяграфика занимает меньше места чем раннее использовавшейся растровая графика.Большое значение было предано совместного использования векторной графики ианимации. Это намного расширило круг интересов пользователей и разработчиков.Также имелась возможность вставки звукового сопровождения в Webстраничку, придавая вместе санимацией большую привлекательность. Внутренний язык программирования ActionScriptпозволял сопровождать какие либо действия или события, какими либозвуковыми или видео эффектами. Возможности ActionScriptсравнимыс возможностями JavaScriptи VBScript.

Изначально Flashразработки были мало известны пока корпорация Macromediaне предложила переделать один из разделов сервера WaltDisneyиспользуя Flash.

Это дало большую рекламу Flashтехнологии. Многие дизайнерские студии начали покупать пакеты программныхпродуктов для разработки Webстраничек при помощи Flashтехнологии.

2.Обзор технологии MacromediaFlash.

Первоначально программаназывалась Splash Animator ипродавалась малоизвестной фирмой Future Animation для изготовления мультфильмовна

PC — компьютере. Предназначалась для художников — аниматоров ипользовалась ограниченным успехом, пока в связи с бумом на WWW-приложения такой

гигант, как фирма Macromedia, не обратила нанее внимание, купив и переименовав во Flash.Разработчики Flash поменяли интерфейс программы дляоблегчения и автоматизации разработки проекта. Причем мультимедийный гигант не только сменил название и интерфейс, но ипереориентировал пакет на рынок Web-анимации (при этом был предложен и свой,внутренний формат файлов векторной графики «*.swf», иреализована поддержка для других популярных графических форматов, в том числе идля анимированного GIF), и обеспечил пакету хорошую рекламу.

Однако изменения коснулись нетолько внешнего облика, но и содержания.

Во Flash понятие интерактивности значительнорасширилось благодаря использованию сценариев ActionScript (Действия), которыепозволяют авторам разрабатывать достаточно сложные стили поведения — 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 использует ActionSript, эту формулу дополняет 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), которые быстрогрузятся и способны потоково проигрываться непосредственнов Сети при помощи обычного броузера.

Технология SymbolConversation

Подход Flash к разработке также облегчает создание сложныхмультимедийных презентаций, при этом размеры файлов остаются небольшими. Таккак такие элементы, как векторы, растровые изображения и звук обычноиспользуются в одном проекте несколько раз, Flash,благодаря своей внутренней функции SymbolConversation позволяет создавать единственный экземпляр объекта,который можно повторно использовать вместо того, чтобы каждый раз пересоздаватьновый. Такой подход существенно уменьшает размер файла проекта.

К дополнению быларазработана библиотека — Library. Она представляетсобой перечень всех используемых констант, в качестве которых могут выступатькак нарисованные символы, так и импортированные графика и звуки. С помощью библиотекиможно обращаться к любому элементу независимо от того на каком слое или кадреон находится.

Цветовые палитры, а также градиентныезаливки можно импортировать (и экспортировать) из других графических приложений(например, Macromedia Fireworksи Adobe Photoshop), чтообеспечивает неизменность цветов на всем сайте. Палитра сохраняется в файле .fla и не влияет на размер экспортируемого файла .swf. По умолчанию Flashиспользует палитру web-safe.

Используя свойстватехнологии SymbolConversation можно создавать текстовые поля позволяющие вводить данные во время воспроизведения 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, предоставляя возможность создавать подконтрольные пользователю приложения, которые напрямую от творческогоподхода автора к представлению интерактивности.

Возможность создавать кнопки, нажатие которых приводит к выдачеинформации и воспроизведению звука или переносящее в другое место фильмапроекта. Поэтому презентация в проектеможет проходить в предопределённой последовательности или по пути указанномупользователем. Также возможно разработка проекта с какими либо расчетнымидействиями и обработки какой либоинформации с помощью простого, номощного языка сценариев “ActionScript”.

ActionScriptможно рассматривать как основной язык программирования во Flash.

С его помощью можно запрограммироватьпроект Flashна выполнение различных задач. Подобно многим другим языкампрограммирования, термины ActionScriptопределяют смысловую нагрузку,порядок их следования – логическую структуру, а знаки препинания – контекст.

Для разработки интерактивных элементов во Flashиспользуют три основных компонента: событие (event), порождающее определённое действие,действие (action), порождаемое тем или иным образомсобытием, и целевой объект (target), выполняющий действие илиизменяемый событием.

Логическая схема интерактивной функции при которой происходят действия впроекте, может быть представленаследующим образом:

·

Событие– является инициатором какого либо действия в проекте. Во Flashсобытия подразделяются на:

1 . События мыши/клавиатуры -этисобытия инициируются пользователем.

1.

События кадров – если разрабатываетсяFlashролик, топо достижении какого либо кадра возникает событие.

2.

События переменных – событиепроисходит либо по истечении определённого интервала времени, либо значениепеременной достигло того условия для которого запланировано событие.

·

Целевойобъект – это непосредственно объект над которым будет проведено действиевызванное событием. Целевые объекты подразделяются на четыре основных типа:

1.

Текущий проект и его свойства.

2.

Другой проект и его свойства (еслипроект находится в рамках основного проекта)

3.

Графические элементы проекта (кнопка,рамка, фон и т.п.)

4.

Внешние приложения (Интернет броузер или другие программы)

·

Действие– действия которые выполняются над целевым объектом. Действия в ActionScriptсостоят из самих действий, ссылок нацелевой объект и параметров выполнения действий. Параметрами выполнения можетбыть, как и изменение свойств объекта, так и вычисление математического или логического выражения иприсвоения результата его либо свойству объекта, либо какой либо переменной.

Для идентификации объектов или экземпляров проектов в сценариях ActionScriptим назначаются имена, что позволяетуправлять отдельными объектами при помощи ActionScript.

В последнихверсиях Flashбыло включено множество дополнительных возможностей для управленияпроектов при помощи ActionScript. Теперь Flashстал не просто красивой фоновойзаставкой для Webсайтов, а полнофункциональным средством для разработки сложных Webсайтов. Flash может вполне применятся и для простых “статических” страничек, так и длямногоцелевых сайтов, например: продажа в Интернете, электронная почта и чат.

2.4.Принципы MacromediaFlash.

В процессе создания Flash-проекта, особенно,когда уже есть сравнительный опыт,

разработки в других средствах рисования графики или редакторах Web дизайна, то можно отметить ряд преимуществ перед ними,которыми по некоторой мере Flash получил свою популярность:

1.

Использование обозначений для элементов, которые появляютсябольше одного раза.

2.

Объединениекадров в действиях перемещения (motion tweens), которые позволяет автоматически просчитатьнекоторые промежуточные моменты перемещения, для ускорения разработки проектов.

3.

Объединениекадров в действиях трансформации (shapetweens), которые позволяет автоматически просчитать некоторыепромежуточные моменты трансформации объектов, для ускорения разработки проектов.

4.

Сокращениечисла различных типов линий (пунктир, точки и т.п).Линии, нарисованные инструментом карандаш требуют меньше памяти, чем мазки кистью.

5.

Использованиеслоёв, для разбиения перекрывающихся объектов клипа.

6.

Сокращение числа различных шрифтов и стилей, путёмпреобразования их в объекты векторной графики.

7.

Применениезвукового формата mp3, как самого высококачественного и экономного музыкальногоформата.

8.

Использованиевозможности анимации растровых изображений, или для статических элементовзакраски объектов и фона.

9.

Применениесценариев (Actions Script) вплотьдо вставка их в отдельные кадры фильма.

10.

Возможностьсгруппировывать объекты на различных слоях.

11.

Использованиевстроенных инструментов для изменения цветовых эффектов одного и того жеобъекта.

12.

Использованиеединой палитры web-safe, во избежание расхождений с цветами броузеров.

13.

Применениекомпонента управления проектом Library, который позволяетбыстро найти любой объект и поменять его свойства.

14. Возможность вставки в текущий проект раннее созданный другой проект.

2.5. Применение MacromediaFlash в Web.

Способы применения Flash, несмотря нанекоторые небольшие минусы такие как требование от пользователя специальногомодуля расширения (plug-in), очень широки. Flash-проект способен сделать Web-страницуболее привлекательной и стильной, а Flash баннер — затмить обычные анимированные GIF, тем более, что Flash-клипы (и любые действияв них) можно озвучивать. По этим причинам возникает неугасаемое желаниекаким-либо из способов применить технологию MacromediaFlash. Способы применения этой технологии выражаютсяв следующих объектах:

·

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.

Отличие рисунков векторной и растровой графики при многократномувеличении.

Способы построения изображений в векторной и растровой графике.

Список литературы.

1.

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

2.

Flash 4. Анимация в Интернете– Дерек Франклин, Брукс Паттон.:СПБ: Символ Плюс – Санкт- Петербург, 2000.

3.

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

4.

BorlandDelphi 4. Руководство Разработчика – Стив Пачеко.:Издательский дом «Вильямс» — Москва, 2000.