Использование GIF-анимации

Последняя версия формата GIF89a поддерживает создание эффектов анимации в рисунках. Суть этого свойства состоит в том, что в одном файле сохраняется серия картинок (кадров),которые воспроизводятся в окне обозревателя друг за другом с заданным временем задержки. Существует много разных графических редакторов для работы с GIF-анимацией. Наиболее распространенные среди них CoffeeCup GIF Animator и CyD GIF Studio Pro. На рис. 6.14 показан простой анимационный файл, открытый для редактирования в CoffeeCup GIF Animator. Анимация состоит всего из четырех кадров, создающих эффект перемещения стрелки.

В нижнем левом углу окна приложения находится панель параметров анимации с двумя вкладками — Frameи Animation.На вкладке Animationможно выбрать цвет, который будет отображаться как прозрачный, и установить режим выполнения анимации по циклу (Play Forever), или заданное число раз (Play ? Time(s)). На вкладке Frame устанавливается время задержки между кадрами. Все эти установки параметров сохраняются в файле анимации и не могут быть изменены в коде HTML или в установках обозревателя. Файл анимации добавляется как обычный рисунок с помощью дескриптора <IMG>. При открытии Web-страницы происходит автоматический запуск GIF-анимации на выполнение в соответствии с установленными параметрами.

Рис. 6.14. Создание GIF-анимации с помощью Coffee Cup GIF Animator

В этой главе вы познакомились с подготовкой и использованием графики на Web-страницах. Вы узнали о преимуществах и недостатках графических форматов GIF, JPEG и PNG, поддерживаемых обозревателями Интернет. Наиболее критичным моментом использования графических объектов является большой размер файлов, на выгрузку которых по сети Интернет затрачивается много времени. Для решения этой проблемы используйте фоновые режимы передачи изображений и изображения с низким разрешением. Использование изображений с прозрачным фоном и GIF-анимации оживит и украсит Web-страницу.

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