Решила сделать симпатичный баннер и столкнулась с несколькими проблемами. Обыскав весь интернет поняла, что эта тема раскрыта не достаточно подробно, что для нас блондинок создает неудобство.

Т.к. в конце концов у меня получился положительный результат, то я решила записать все действия подробненько для себя, да и с такими же блондинками поделюсь своим опытом.

Для начала, вот, что у меня получилось в результате моих стараний:


[700x125]

Теперь по пунктам раскрываю все шаги для создания такого или подобного баннера.

1. Скрипт баннера состоит всего лишь из двух частей:

ссылки (на сайт, куда можно перейти, нажав на баннер) и картинки (которая рассказывает о том куда Вы приглашаете своих гостей).

Ссылка в скрипте выглядит вот так: 

<a href="http://grandstock.ru/?acc=a1d0c6e83f027327d8461063f4ac58a6&bannerid=1" target="_blank">

Оранжевым цветом я выделила свою ссылку, в своем баннере на это место просто вставляете свою и эта часть пути, считайте, пройдена.

Идем дальше.

2. Создание картинки. 

Конечно же, можно ничего не усложнять и вставить закачанную через любой фотосервис картинку. Это будет только вопрос внешнего вида вашего баннера. Если Вы хотите сделать баннер со статичной картинкой, то здесь все очень просто. Во вторую часть скрипта баннера:

<img src="http://img-fotki.yandex.ru/get/4702/46772446.7/0_bd949_faac2e0c_GIFL.gif" width="700" height="125" /></a>

На место оранжевой ссылки вставляете адрес своей фотографии в интернете, и Ваш баннер ГОТОВ.

width и width это высота и ширина Вашего баннера, значения можете менять по своему усмотрению, можете вообще эти значения стереть.

3. Создание анимированной картинки. 

Для этого Вам нужна специальная программа или какой-либо online сервис, который генерирует картинки в формате gif. 

Я нашла в интернете специальную программку. Она называется Aleo Flash Intro Banner Maker. Перепробовала множество разных online сервисов и остановилась именно на Aleo, потому что она как никак, но лучше всего подходит нам блондинкам. В ней сложно не разобраться, все понятно. И пусть вас не отпугивает, что она платная. Там месяц бесплатного пользования в любом случае один баннер за это время вы всегда сотворить успеете и, к тому же, кто ищет тот всегда найдет, и бесплатную версию тоже в интернете найти можно.

Второй приемлемый вариант, который мне попадался как возможность решения этой проблемы это создание данной картинки в Фотошопе.

Но я воспользовалась Aleo и не жалею. Там все просто и достаточно много вариантов заставок и анимации, да и никаких специальных знаний не требуется. 

Сгенерировав картинку, я ее сохранила. При этом программа закачала на мой компьютер 2 файла в формате gif и swf и попросила меня выложить эти два файла в FTP моего сайта. 

Так как сайт у меня не резиновый, я решила, что смогу обойти эту просьбу и в начале закачала файл gif в Яндекс-фотки, где картинка выглядела вполне прилично. Но при вставке ссылки в скрипт баннера, внешний вид серьезно страдал. Картинка теряла практически половину своей анимации. Фото с низкими ценами магазина просто исчезло, а текст высвечивался, но не полностью. И только облака меня не подвели и плыли в своем направлении. В общем, этот вариант действий значительно ухудшал результат. Пришлось прислушаться а программе Aleo и все-таки закачать файлы на сайт. 

Файлы закачала через FileZilla в папку _public. Дальше скопировала ссылку на файл gif. В моем случае это http://astromaya.ru/banner1.gif и вставила эту ссылку в скрипт.

Получилось:

<a href="http://grandstock.ru/?acc=a1d0c6e83f027327d8461063f4ac58a6&bannerid=1" target="_blank">

<img src="http://astromaya.ru/banner1.gif" width="700" height="125" /></a>

Этот код я вставила на свой сайт и ЭВРИКА, все заработало, чего и Вам желаю.

Теперь этот мой баннер можно вставлять абсолютно любой сайт или блог и все будет работать как надо.

УДАЧИ!

P.S. Если Вы знаете, как избежать участи выкладывания тяжелых gif файлов на сайт, то прошу Вас написать об этом в комметариях. Буду очень благодарна!