Воскресенье, 15.06.2025, 17:40 | | Регистрация | Вход Приветствую Вас Гость | RSS

Добавь в закладки

Облако(Большое облако)


Статистика






Catalog-Moldova - Ranker, Statistics


Онлайн всего: 2
Гостей: 2
Пользователей: 0

Пользователи
Гости
Ссылки партнеров
Форма входа
Главная » Справочник » 2 Разработка дизайна » 16 Анимация изображений

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

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

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

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

  1. 468x60 пикселей - это самый большой баннер, на котором можно разместить массу информации. Однако не следует забывать, что баннер занимает не мало места, - как на самой страничке, так и по размерам файла, определяющего скорость загрузки. Этот момент должен быть учтен. Наилучшее размещение - верхняя, средняя часть страницы;
  2. 100x100 пикселей - относительно небольшой баннер, занимающий не очень много места. Удобен при размещении на полях (левом и правом) страницы. О создании полей страницы будет рассказано на следующих уроках.
  3. 88x31 пикселей. Их часто называют баннерами-кнопками. Как уже отмечалось, с учетом специфики нашего зрения их лучше располагать в левой, верней части страницы.

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

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

Приведу Вас на страничку allcgi.h1.ru

Этот баннер сделан на скорую руку в качестве примера. Допустим я хочу, чтобы при нажатии на этот баннер он привел меня на мою страничку 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

По материалам сайта: http://web-brodilka.ru/

Категория: 16 Анимация изображений | Добавил: O3OH (29.11.2010)
Просмотров: 326 | Рейтинг: 0.0/0
Почитать по теме
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Меню справочника
00 Разработка дизайна [1]
01 Правила хорошего тона в веб дизайне [1]
02 Веб-дизайн и модели поведения [1]
03 Цветовые решения для сайта [1]
04 Какой вид дизайна выбрать [1]
05 Эффективное расположение графики и текста [1]
06 Рисуем макет сайта [1]
07 Графика - советы для начинающих [1]
08 Оформление текста [1]
09 Советы по WEB-дизайну [1]
10 Работа с фоном [1]
11 Размер шрифтов [1]
12 Форматы изображений на веб-сайте [1]
13 Создание и оптимизация изображений для Web-сайта [1]
14 Точечные и векторные изображения [1]
15 Методы размещения изображений на веб-сайте [1]
16 Анимация изображений [1]
17 Веб-анимация [1]
18 Flash-технология [1]
19 Баннеры [1]
20 Фирменный стиль [1]
21 Web-дизайн и кодировки [1]
22 Favicon - иконки Вашего сайта [1]
-------В каталоге-------

Скачать [205]
Скачать книги [32]
Загрузить [45]
Купить [308]
Найти [91]
Найти информацию [24]
Найти отдых [6]
Посмотреть [61]
Послушать [4]
Послушать радио [4]
Поиграть [39]
Поиграть в игры браузерные [17]
Поговорить [18]
Поговорить на форумах [4]
Заказать [97]
Разное [54]

allfun.com.ua
Категория: Посмотреть приколы
Рейтинг:⋀ 1606660
Переходы: 3216
Подробнее
Brand-studio
Категория: Загрузить фотографии
Рейтинг:⋀ 1438020
Переходы: 489
Подробнее
Ex.ua
Категория: Скачать фильмы
Рейтинг:⋀ 1126881
Переходы: 8554
Подробнее
4 tfile.ru
Категория: Скачать торрент
Рейтинг:⋀ 314611
Переходы: 3117
Подробнее
5 zoomby.ru
Категория: Посмотреть фильмы онлайн
Рейтинг:⋀ 282580
Переходы: 1223
Подробнее
6 Bit2Bit :: Список ссылок
Категория: Скачать фильмы
Рейтинг:⋀ 164140
Переходы: 800
Подробнее
7 My-hit
Категория: Скачать фильмы
Рейтинг:⋀ 161770
Переходы: 2227
Подробнее
8 4game.ru
Категория: Поиграть в игры онлайн
Рейтинг:⋀ 137210
Переходы: 1097
Подробнее
9 Mptri.net
Категория: Скачать музыку
Рейтинг:⋀ 130550
Переходы: 2095
Подробнее
10 smotri.com
Категория: Скачать музыку
Рейтинг:⋀ 114260
Переходы: 2853
Подробнее
11 uaget
Категория: Скачать фильмы
Рейтинг:⋀ 111521
Переходы: 1996
Подробнее
12 nomer.org
Категория: Найти человека
Рейтинг:⋀ 107910
Переходы: 1638
Подробнее
13 ohota-ribalka
Категория: Поговорить на форумах "Охоты" и "Рыбалки"
Рейтинг:⋀ 107360
Переходы: 647
Подробнее
14 mp3lemon
Категория: Скачать музыку
Рейтинг:⋀ 97102
Переходы: 1961
Подробнее
15 rutor.org
Категория: Скачать торрент
Рейтинг:⋀ 95560
Переходы: 1313
Подробнее
16 tutmp3.net
Категория: Скачать музыку
Рейтинг:⋀ 95460
Переходы: 1933
Подробнее
17 rutracker.org
Категория: Скачать торрент
Рейтинг:⋀ 90790
Переходы: 1186
Подробнее
18 txt.uz
Категория: Скачать книги электронные (.doc,.txt,.rtf)
Рейтинг:⋀ 76030
Переходы: 1188
Подробнее
19 proc.com.ua
Категория: Скачать фильмы
Рейтинг:⋀ 67550
Переходы: 1234
Подробнее
20 japonwarez.com
Категория: Скачать фильмы
Рейтинг:⋀ 63220
Переходы: 1091
Подробнее
Rambler's Top100 Яндекс цитирования Экспресс анализ сайта Рейтинг@Mail.ru Анализ сайта Український рейтинг TOP.TOPUA.NET
    O3OH © 2009-2025     Вверх