
- •1 Средства мультимедиа
- •1.1 Основные понятия
- •1.1.1 Видео
- •1.1.2 Аудио
- •1.2 Носители информации
- •2. Современные системы мультимедиа
- •2.1 Предназначение мультимедиа продуктов.
- •2.2 Типы данных мультимедиа информации
- •2.3 Аппаратные средства мультимедиа.
- •3. Анимационные картинки
- •3.1 Что такое animated gif
- •3.2 Структура файла gif:
- •3.2.1 Идентификатор gif
- •3.2.2 Дескриптор экрана
- •3.2.3 Глобальная таблица цветов
- •3.2.4 Дескриптор изображения
- •3.3.5 Локальная таблица цветов
- •3.3.6 Растровые денные
- •3.3.7 Терминатор gif
- •3.3.8 Расширенный блок gif
- •3.3 Создание gif – анимаций
- •3.4 Оптимизация анимаций
- •4.1. Язык разметки гипертекстовых страниц html
- •4.1.1 Инструментарий редактирования html
- •4.2. Обеспечение доступности Web-страницы
- •4.3 Представление текста на Web-страницах
- •4.4. Представление графики на Web-страницах
- •5. Основные правила и этапы создания сайта
- •5.1. Влияние дисплеев на Web-дизайн
- •5.2 Стандартные размеры и разрешения дисплеев
- •5.3 Альтернативные дисплеи
- •6. Выбор структуры web-страницы
- •6.1. Создание фиксированных и гибких Web-страниц
- •6.2 Разработка комбинированных Web-страниц
- •6.4. Стратегия разработки
3. Анимационные картинки
3.1 Что такое animated gif
Динамический GIF можно определить, как стандарт графического файла, позволяющий размещать в одном файле несколько изображений, для их последовательного вывода на экран с целью создания эффекта мультипликации. Первым таким стандартом явился GIF87a, который предусматривал следующие возможности GIF-файла:
Чередование (interlacing). Вначале загружается только "остов" изображения, потом, по мере загрузки, оно детализируется. Это позволяет на медленных линиях не грузить весь графический файл целиком для того, чтобы получить о нем представление.
Сжатие (compression) по алгоритму LZW. Эта черта GIF-файлов держит их в лидерах по наименьшему объему файла.
Несколько изображений в одном файле.
Расположение картинки на логическом экране. То есть, формат позволял определить логическую экранную область для вывода изображений, и помещать картинки в произвольном месте этой области.
В дальнейшем, этот стандарт был расширен спецификацией GIF89a, которая добавила следующие возможности:
Включение в графический файл комментариев (не отображаются на экране, но могут быть прочитаны программой, поддерживающей GIF89a).
Управление задержкой перед сменой кадров (задается в 1/100 секунды, или ожидание ввода пользователя).
Управление удалением предыдущего изображения. Предыдущее изображение может быть оставлено, заменено на цвет фона или на то, что было перед ним.
Определение прозрачного цвета.
Вывод текста.
Создание управляющих блоков прикладными программами (application-specific extensions). Внутри GIF-файла вы можете создать блок, который будет игнорироваться всеми программами, кроме той, для которой он предназначен.
Как видно, стандарт GIF89a - весьма мощный инструмент для создания анимаций и их применения в WWW, однако необходимо учитывать тот факт, что если некоторые специальные графические программы и поддерживают этот стандарт в полном объеме, то это не относится к наиболее рапространенным браузерам, поэтому для применения динамических GIFов для WWW лучше ориентироваться не на сам стандарт, а на возможности браузеров по его поддержке.
3.2 Структура файла gif:
3.2.1 Идентификатор gif
Наличие в начале файла специальной "подписи" указывает, что последующие данные являются действительно потоком данных изображения в формате GIF. Эта "подпись" состоит из следующих шести символов:
G I F 8 7a
Три последних символа '87a' могут рассматриваться как номер версии для данного конкретного определения GIF и будут использоваться в дальнейшем в качестве ссылки на документ с описанием GIF в зависимости от номера версии.
3.2.2 Дескриптор экрана
Дескриптор экрана описывает общие параметры для всех последующих изображений в формате GIF. Он определяет размеры пространства изображения или требуемого логического экрана, существование информации таблице цветов и "глубине" экрана. Эта информация запоминается в виде серии 8-битовых байтов,
Ширина и высота логического экрана могут быть больше размеров физического экрана. Способ высвечивания изображений больших, чем размеры физического экрана зависит от реализации и может использовать преимущества конкретного оборудования (например, окна скроллинга в Macintosh scrolling windows). В противном случае изображение будет усечено по краям экрана. Значение 'pixel' также определяет число цветов в изображении. Диапазон значений 'pixel' составляет от 0 до 7, что соответствует от 1 до 8 битам.
Это транслируется в диапазон от 2 (черно-белые изображения) до 256 цветов. Бит 3 в байте 5 зарезервирован для будущих определений и должен быть нулевым.