LAB8 Захаров А.Е. (Лабораторная работа 8), страница 2

Программа предназначена для создания анимированных gif-файлов. Easy GIF Animator имеет довольно много настроек и позволяет управлять всеми параметрами анимированного gif-файла, включая продолжительность, цветовую палитру и т.п. Допускает использование эффектов, в том числе добавление текста на изображение, предварительный просмотр в браузере, преобразование gif-анимации в формат AVI. Имеется гибкая система оптимизации размера выходного файла, включающая в себя несколько способов оптимизации.

Возможности программы:

• Лёгкое создание анимированных баннеров, изображений и кнопок

• Создание анимированных изображений с нуля

• Редактирование и изменение анимированных GIF изображений

• Добавление визуальных эффектов в GIF анимацию

• Создание движущихся текстовых эффектов

• Извлечение отдельных кадров анимации

• Лёгкая установка прозрачности

• Добавление звуков в анимацию

• Сохранение анимации в SWF формат

• Экспорт анимации в AVI формат

• Использование GIF, JPG, PNG и BMP изображений в анимации

• Генерация HTML кода для публикации в интернете

U lead Gif Animator.

Ulead GIF Animator это мощный, быстрый и простой инструмент для создания GIF анимации. Данная версия имеет множество изменений по сравнению с предыдущими версиями программы (новый улучшенный интерфейс, возможность применять фильтры к отдельным кадрам и даже к части кадра, функция настройки оптимизации, а также новые спецэффекты).

C offeeCup GIF Animator.

CoffeeCup GIF Animator позволяет создавать анимированные GIF-файлы. Есть возможность просмотреть рисунки в миниатюрах, а потом перетащить их на нужное место в анимационном ряде. Программа может автоматически преобразовывать графические файлы JPEG и BMP в файлы GIF и способна импортировать и экспортировать AVI-файлы. CoffeeCup GIF Animator генерирует HTML-код, который вы можете ввести в web-страницы. В программе можно просматривать отдельные кадры и итоговую анимацию, экспортировать кадры как самостоятельные рисунки и просматривать уменьшенные образцы с информацией о величине и размерах рисунка.

1. Стандарты разработки рекламных баннеров.

Определение

Баннер – графическое изображение рекламного характера, аналогичное рекламному модулю в прессе. Может быть как статичным изображением или даже текстом, так и содержать анимированные элементы (вплоть до видео и интерактивных объектов). Как правило, содержит гиперссылку на сайт рекламодателя или страницу с дополнительной информацией.

Изобретательность рекламодателей не знает пределов и новые варианты баннерной рекламы появляются каждый день. На данный момент можно выделить следующие наиболее распространённые форматы баннеров:

Размеры баннера.

Очень важной характеристикой баннера является его размер в байтах, тот объём дискового пространства, которое файлы баннера занимают на сервере. Чем больше размер баннера, тем дольше баннер будет загружаться на компьютер конечного пользователя и тем меньше вероятность, что пользователь успеет посмотреть на него, прежде чем перейдёт на другую страницу. Следовательно, размер баннера является одним из параметров его эффективности. Сайты, размещающие баннеры, обычно лимитируют размер их файлов. Однако с развитием технологий и все большим распространением широкополосного доступа к сети этот параметр стал все больше отходить на второй план и сегодня видео-баннеры уже являются обыденной реальностью, хотя ещё в начале 2000-х годов казались пользователям расточительной тратой трафика.

Форматы баннера.

За годы истории веб-рекламы появилось огромное количество рекламных форматов баннеров. Начиная от когда-то бывшего стандартом де-факто формата 468х60 точек, заканчивая баннерами для мобильных устройств или баннерами, закрывающими все окно браузера при наведении на активирующую область.

Баннеры на сайте habr.ru (240х400 и «top line » )

Выполнение работы.

В данной лабораторной работе был модифицирован сайт, разработанный в лабораторных работах № 3 – 7. Была добавлена страница с картами изображений и мультимедиа-контентом. На одну из ранее созданных страниц сайта («Обо мне») была добавлена gif-анимация, созданная в программе Easy GIF Animator.

Сайт доступен по адресу: http://a1308.ru/tmp/vmss/lab8

Карты изображений и мультимедиа.

HTML [map.html]

• Обо мне
• Бакалаврская работа
• Формула
• Таблицы
• Списки
• Слои
• Карты изображений

Преподаватель: Куриленко Иван Евгеньевич

Выполнил: Захаров Антон

CSS [css/map.css]

#map3

{

display: inline-block;

list-style: none;

position: relative;

width: 500px;

height: 200px;

background-image: url('../images/map.jpg');

}

#map3 a

{

position: absolute;

z-index: 2;

}

#map3 a.link1

{

top: 60px;

left: 50px;

width: 120px;

height: 117px;

}

#map3 a.link2

{

top: 5px;

left: 185px;

width: 120px;

height: 120px;

-webkit-border-radius: 60px;

-moz-border-radius: 60px;

border-radius: 60px;

}

#map3 a.link3

{

top: 112px;

left: 297px;

width: 145px;

height: 70px;

}

#audio

{

width: 441px;

margin: 30px auto;

overflow: hidden;

}

#video

{

width: 420px;

padding: 10px;

border: 1px #ccc solid;

margin: 30px auto;

}

GIF-анимация.

HTML [about.html]

• Обо мне
• Бакалаврская работа
• Формула
• Таблицы
• Списки
• Слои
• Карты изображений

Преподаватель: Куриленко Иван Евгеньевич

Выполнил: Захаров Антон

Используемые источники.

1. Создание карт-изображений на HTML страницах

[http://www.webnav.ru/books/html4/maps-images/]

1. Баннеры

[http://ru.wikipedia.org/wiki/Баннеры_(интернет)]

1. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство, 6_е издание. – Пер. с англ. – СПб: Символ_Плюс, 2008. – 752 с., ил.

1. Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.0. – СПб.: БХВ-Петербург, 2003. – 672 с.: ил.

1. Шмитт К. CSS. Рецепты программирования. 2-е изд: Пер. с англ. – М.: Издательство «Русская Редакция»; СПб.: «БХВ-Петербург», 2009. – 592 с.: ил.

1. Мейер Э. CSS – каскадные таблицы стилей. Подробное руководство, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 576 с., ил.