• Баннер нужен сайту, для его раскрутки, мы сейчас создадим для нашего сайта простенький баннер (не анимированый) баннер, который будет состоять только из 1 картинки:

• А также создадим анимированый баннер:

• Для начала, узнаем основные размеры баннеров: 
 

468х60 – Самый большой по размеру баннер. Чтобы не было проблем при его размещении на сайте и не пришлось в срочном порядке перекраивать структуру ресурса, еще на этапе верстки необходимо предусмотреть место для такого рода баннеров. Его обычно ставят в верхней и/или в нижней части сайта.


400х40 – Мини-баннер, обладающей значительной длиной. Как и в случае с предыдущим форматом, для баннера 400х40 требуется заранее предусмотреть площадь размещения.



120×600 - Небоскреб, в силу своей формы используется на сайтах с «тянущимся» дизайном. В основном, в новостных лентах. Удобно подходит для рекламы товаров, работ, услуг.



234х60 – Для экономии места на сайте, веб-мастера располагают подобные баннеры парами.


120х60 - "Рекламный кирпич". Размещается в вертикально расположенных элементах веб-страницы.


120×240 - Баннер-квадрат, оптимальный вариант для рекламы товаров, работ, услуг.


88х31 – Баннер – "кнопка", названный так из-за небольших размеров. Является самым распространенным в Интернете. Помещается на любом сайте. Именно этот вид баннера мы сейчас и создадим.


Иногда можно встретить баннеры других размеров, но они встречаются довольно редко.


 

• Итак, вы создали картинку (нужного размера, в нашем случае это 88х31), теперь заходите на сайте (или в панель управления) в файловый менеджер и заливайте туда свою картинку. 
Баннер почти создан, осталось только превратить нашу картинку в БАННЕР, для этого, пишем (куда вам надо поставить баннер) следующее:

Копируйте этот код и меняйте его под себя (то есть меняем все выделенные красным цветом ссылки и надписи на свои, если у вас баннер не 88х31, а других размеров, то меняете выделенные красным цветом цифры на свои размеры баннера). • Вот, не анимированый баннер, который у нас получился:

• Для создания анимированного баннера можно воспользоваться любым гиф-аниматором (например Ulead GIF Animator), и залить его на сайт таким же путём, как и не анимированый аниматор. Вот, анимированый баннер, который у нас получился: