Анимация изображений

Безусловно, анимация оживляет Вашу Web-страничку. Делает ее более привлекательной и информативной. Анимация изображений чем-то схожа с размещением в виртуальном пространстве рекламных щитов. Небольшой, но информативный рисунок со сменными кадрами порой может сказать намного больше чем целый текстовый блок. Вы может слышали о баннерах. Слово баннер происходит от англ. banner -знамя. Это знамя Вашей странички в интернет. Так вот - баннер и есть лучший способ привлечения внимания. Безусловно, если он сделан со вкусом, правильно размещен на страничке и от него не рябит в глазах.

Баннер имеет несколько стандартных размеров, принятых в Web-строительстве:

 

1. 468x60 пикселей - это самый большой баннер, на котором можно разместить массу информации. Однако не следует забывать, что баннер занимает не мало места, - как на самой страничке, так и по размерам файла, определяющего скорость загрузки. Этот момент должен быть учтен. Наилучшее размещение - верхняя, средняя часть страницы;

2. 100x100 пикселей - относительно небольшой баннер, занимающий не очень много места. Удобен при размещении на полях (левом и правом) страницы. О создании полей страницы будет рассказано на следующих уроках.

3. 88x31 пикселей. Их часто называют баннерами-кнопками. Как уже отмечалось, с учетом специфики нашего зрения их лучше располагать в левой, верней части страницы.

Разумеется ни по размещению баннеров, ни по их размерам Вас никто не ограничивает. Но придерживаться стандартов не мешает с точки зрения правил хорошего тона.

Пример нашего баннера 468x60:

Этот баннер сделан на скорую руку в качестве примера. Допустим я хочу, чтобы при нажатии на этот баннер он привел меня на мою страничку www.allcgi.h1.ru Нет проблем, запишем следующий код. Комментировать его я не буду так как все ньюансы мы с Вами уже рассмотрели. Допустим, файл графического изображения, которое Вы видите выше, называется banner.gif

 

<a href=http://www.allcgi.h1.ru>

<img src=ban.gif border=0

alt="

Приведу Вас на страничку www.allcgi.h1.ru"></a>

В случае, если гиперссылкой является изображение, оно, как правило, отображается в рамке (border). Если Вы не хотите отображать рамку, то записываете border=0. Наведите курсор мыши на баннер, увидели всплывающую подсказку?

А теперь попробует сами сконструировать баннер. Это не столь уж сложно. В программах Paint Brush или PhotoShop (который я всем рекомендую), создаете несколько файлов (2-3, для начала больше не нужно). Главное, чтобы Вы не забыли сохранить эти файлы в формате GIF и чтобы все они были одного размера (скажем 100x100 пикселей). Это кадры Вашего будущего микрофильма, Вашего первого баннера.

Далее Вам на помощь приходит программа Microsoft Gif Animator. Это достаточно простенькая програмка, но в то же самое время позволяющая делать вполне профессиональные баннеры. Немного терпения и сноровки, приходящей с опытом, и баннерокреаторство у Вас в кармане.

Скачать программу и получить несколько ценных советов о том, как с ней работать, Вы можете на страничке http://webcentre.narod.ru/gifanim.html Источник: web-brodilka.ru