16.Размещение графических объектов. Форматы графических объектов.

ФОРМАТЫ

GIF - Graphic Interchange Format

• 256 цветов (палитра цветов)

• Прозрачность

• Анимированное GIF-изображение

• Сжатие без потерь

• Чересстрочная развертка

Применение:

• небольшие изображения,

• с однородной заливкой

• с четкими границами

JPEG (JPG) - Joint Photography Experts Group Format

• миллионы цветов

• Нет прозрачности

• Нет анимации

• Сжатие с потерями, но достигается большая степень сжатия (можно задать разную степень сжатия).

• Прогрессивная развертка

Применение:

Многоцветные графические изображения (фотографии)

PNG - Portable Network Graphics Format (развитие GIF)

+

• более эффективное сжатие без потерь (алгоритм открытый и бесплатный)

• 48 бит на цвет.

• Прозрачность (от 0% до 100%)

-

• Нет анимации

• Не понимается старыми браузерами и иногда есть проблемы с новыми (IE игнорирует прозрачность в IE6, в IE7 нормально)

• Файл в формате png может иметь больший размер по сравнению с jpg, а иногда и с gif (особенно с прозрачностью).

РАЗМЕЩЕНИЕ В ДОКУМЕНТЕ

<IMG>

• SRC = url (обязательный параметр)

• ALT = текст

• BORDER = значение (* ссылка)

• HEIGHT = значение

• WIDTH = значение

• ALIGN = значение (TOP,CENTER, BOTTOM, LEFT, RIGHT)

• HSPACE = значение

• VSPACE = значение

• LOWSRC= url

• <IMG SRC=pict.gif>

Графическая ссылка:

<A HREF=pict_big.gif> <IMG SRC=pict_small.gif border=0> </A>

ТЕГ МАР

В документе определятся карта областей:

• <MAP NAME="mymap">

• Определение областей

• </MAP>

С изображением используется карта:

• <img src="primer.gif" width="360" height="196" border=0 usemap="#mymap">

17.Методы создания анимации на web-сайтах (gif-анимация, JavaScript, Flash).Сравнение

В gif может содержаться:

• Несколько изображений

• Указание времени отображения каждого изображения

• Количество повторений анимации

• Создание gif-анимации (Image Ready)

Анимация - это демонстрирующаяся в резвом темпе последовательность кадров, любой из которых несколько отличается от предшествовавшего ему и последующего за ним кадра. Каждый кадр отображается в течение определенного промежутка времени. Если кадров достаточное количество и время их отображения невелико, то создается иллюзия движения.В прошедшем, в классической анимации кадры рисовались «вручную». В последние годы анимационные технологии переведены на компьютерную базу

В текущее время существует несколько технологий сотворения анимации для WWW: анимированный (animated) GIF, Flash, Java и JavaScript

Из этих технологий анимированный GIF является, пожалуй, самым обычным в разработке, и фактически хоть какой современный браузер может его показать. Формат GIF позволяет располагать в одном файле несколько кадров либо фреймов (frames) с изображениями для их поочередного вывода на экран. В отличие от обыденного кинофильма, где продолжительность анимации определяется скоростью проигрывания, для каждого кадра GIF-анимации может быть задана продолжительность его показа на дисплее, а для всей анимации может быть обозначено количество повторений. Не считая того, в отличие от обыденного кинофильма, изображения, находящиеся в кадрах GIF-анимации, не непременно обязаны быть одного размера. Для изображения каждого кадра либо слоя анимации вы сможете установить личный размер и расположить его по собственному усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть просто подготовлены в программке Adobe ImageReady.

В отличие от GIF-анимации, которая позволяет располагать в файле только изображения, Flash-технология предоставляет возможность соединить в одном формате анимацию, звук, текст, графику и, не считая того, элементы интерактивности, которые дают возможность пользовательу либо гостю web сайта спецефическим образом изменять данные на web страничке, превращая его из наблюдающего в активного участника. Интерактивными элементами web сайта могут быть игры, к примеру: карточные, рулетка, тир, крестики-нолики, «морской бой», онлайновые обучающие программки, викторины, испытания, калькуляторы и тому схожее Создается схожая анимация при помощи программки Macromedia Flash. К огорчению, для просмотра Flash-анимации для вас, вероятнее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Конкретно по этой причине не имеет смысла использовать Flash-анимацию при разработке суровых web сайтов, к примеру web сайтов компаний, рекламирующих и поддерживающих свою продукцию через Веб, другими словами web сайтов, которые созданы для широкого круга лиц. Так как многие люди просто не сумеют узреть Flash-анимацию, а установить дополнительный подключаемый модуль не захочут либо просто не сумеют.

Очередной метод сотворения анимации - средством программирования на языках Java и JavaScript. Эти языки позволяют разрабатывать программки, интегрированные в документы HTML и именуемые апплетами, которые производятся браузерами на компьютерах пользователей. И, конечно, способности Java и JavaScript существенно обширнее, чем подготовка анимированных картинок. Они позволяют создавать масштабные Интернет-приложения. Примеры Java апплетов можно узреть на web сайтах http://reality.sgi.com/, www.bulletproof.com/. Создание анимации при помощи Java и JavaScript также нельзя именовать подходящим для суровых web сайтов, потому что пользователи очень нередко отключают поддержку Java и JavaScript в собственных браузерах по суждениям безопасности. Потому что при помощи программ на обозначенных языках можно скопировать либо попортить файлы на вашем компьютере.

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

Структура файла GIF89a

Чтобы лучше осознать, как работает GIF-анимация, следует представлять структуру формата GIF89a. Файл формата GIF89a состоит из блоков, расположенных в определенной последовательности. Выделяют блоки трех типов:

• управляющие блоки - определяют, как будут обрабатываться изображения; они содержат заголовок, описание логического экрана, управление графическими расширениями, признак конца;

• блоки изображения - содержат графические данные: изображение, текст, описание палитры;

• особые блоки - содержат комментарии и прикладные расширения, которые никак не оказывают влияние на изображение, но могут обрабатываться прикладными программками по их усмотрению. Посреди схожих блоков особо следует выделить прикладной блок Netscape Loop. Он находится фактически в каждой анимации. Если браузер, не только лишь Netscape Navigator, лицезреет этот блок, он проигрывает анимацию не один раз, а столько, сколько обозначено, либо нескончаемо.

Общая схема следования этих блоков примерно такая:

заголовок - GIF87a либо GIF89a - определяет формат файла;

описание логического экрана - задается размер экрана, на котором будет проигрываться анимация;

описание глобальной палитры - необязательно, но очень лучше;

случайное количество блоков изображения, в том числе текстовых, либо пар блоков: управление графическими расширениями - изображение. Елок управления графическим расширением может содержать внутри себя указание на локальную гамму, размещение на логическом экране, задержку и метод удаления изображения и влияет лишь на последующий конкретно за ним блок изображения;

завершитель - признак конца.

Комментарии и особые блоки, если они есть, могут размещаться в любом месте файла, но только после описания глобальной палитры либо после описания логического экрана. Блок расширения Netscape Loop должен следовать конкретно за глобальной гаммой.

Внедрение GIF-анимации

Отметим, что если у вас уже есть готовая GIF-анимация, то процедура помещения ее на web сайт ничем не отличается от помещения туда же обычного, не анимационного GIF-файла. Она производится при помощи тэга <img>.

К бесспорным плюсам GIF-анимации можно отнести последующие ее особенности:

• маленький размер файла за счет оптимизации;

• не требуется особых программ для просмотра;

• для проигрывания не требуется неизменной связи с сервером;

• обычный метод помещения на web страничку.

• Но у GIF-файлов есть и недочеты:

• гамма не превосходит 256 цветов;

• сжатие фотографических изображений еще ниже, чем в формате JPEG.

Эталон GIF89a - очень мощнейший инструмент для сотворения web анимаций, но нужно учесть тот факт, что если некие особые графические программки и поддерживают этот эталон в полном объеме, то это не относится к неким браузерам, потому, применяя динамические GIF-файлы для Web, лучше ориентироваться не на сам эталон, а на способности браузеров по его поддержке.

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

лучше не использовать локальные палитры: в неких случаях это приводит к неверному отображению цветов;

прозрачный цвет следует определять глобально; локальный прозрачный цвет не поддерживается;

не всеми браузерами поддерживается подмена изображения предшествующим;

если изображение не умещается на логическом экране, то может произойти аварийное окончание работы браузера;

в неких версиях браузеров кадры проигрываются не резвее, чем с задержкой 0.34 секунды;

ввод пользователя поддерживается очень немногими браузерами.

После сотворения анимационного GIF-файла, его нужно протестировать в самом большом количестве браузеров.

Создавая сложную анимацию, нужно кропотливо планировать и записывать ее действия, потому что в большом количестве кадров совсем не сложно запутаться, в особенности, если идет речь об анимации в одном файле.