Створення web - сторінки з підключенням програми Macromedia Flash

Автор работы: Пользователь скрыл имя, 24 Апреля 2013 в 01:20, курсовая работа

Описание работы

Недавно появившись, Flash уже завоевал большую популярность среди вебдизайнеров. Flash придает сайтам динамичность, позволяет использовать больше звуковых и графических эффектов.
Целью данной работы является развитие навыков для создания web-сайта с flash-технологией.

Содержание работы

Введение
Цель работы
Раздел 1. Язык программирования HTML
1.1 Структура HTML – документа
1.2 Отличительный признак HTML-документа
1.3 Синтаксис HTML
1.4 История HTML
Раздел 2. Macromedia Flash
2.1 Технология Macromedia Flash
2.2 Обзор технологии Macromedia Flash
2.3 Принцип действия.
2.4. Возможности Flash
2.5. Сценарии во Flash
2.6. Принципы Macromedia Flash
2.7. Применение Macromedia Flash в Web
Заключение
Список литературы:

Файлы: 1 файл

kursovaya_HTML.doc

— 170.00 Кб (Скачать файл)

И наоборот, элементы APPLET и SCRIPT, необходимые для расширения HTML другими программными кодами  версии 3.2, не сыграли той роли, которую были призваны сыграть. Это объясняется тем, что броузеры различных версий по-разному  интерпретировали программы на разных языках JAVA, JAVASCKRIPT, VisualBasic (VBScript). В результате не удалось получить достаточно надежный работающий код, и данные языки использовались любителями HTML в основном для экспериментов.

Официальная спецификация HTML 4 (Dynamic HTML) появилась в 1997 году. В это время уже было очевидно, что дальнейшее развитие гипертекста будет осуществляться за счет скрипт - программирования. Это оказалось немногим более эффективным, чем вводить в язык все новые элементы. Появившиеся в то время браузеры (Netscape Navigator 4, Microsoft Internet Explorer 4 и др.) уже достаточно надежно интерпретировали программный код (был установлен определенный уровень стандартизации). Однако проблемы у разработчиков еще остались. В качестве примера можно отметить, что многие скрипты начинаются с определения версии браузера, чтобы потом использовать тот или иной фрагмент кода. Очевидно, что на программиста ложится обязанность тестирования страниц на всех популярных в настоящие время браузерах.

В результате, использование  всех возможностей Dynamic HTML  стало уделом программистов достаточно крупных организаций, где есть условия для разработки сложных программ и всестороннего их тестирования. Создателям личных WEB-страниц подчас приходится искать компромисс между надежностью и новаторством, чтобы получить достаточно грамотный HTML-код. [3]

 

Раздел 2. Macromedia Flash

2.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 технологии.

 

 

 

    1. Обзор технологии 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.3 Принцип действия.

   При разработке  какого либо 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.4. Возможности Flash.

 

    Создав Flash, компания Macromedia объединила множество мощных идей и технологии в одной программе, позволив пользователям получать через Web целые мультимедийные презентации.

 

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

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

     Векторная  графика на сегодня - идеальное  решение для разработки 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

Информация о работе Створення web - сторінки з підключенням програми Macromedia Flash