Создание баннера
Шаблоны баннеров можете найти ТУТ!
• Баннер нужен сайту, для его раскрутки, мы сейчас создадим для нашего сайта простенький баннер (не анимированый) баннер, который будет состоять только из 1 картинки:
• А также создадим анимированый баннер:
• Для начала, узнаем основные размеры баннеров:
468х60 – Самый большой по размеру баннер. Чтобы не было проблем при его размещении на сайте и не пришлось в срочном порядке перекраивать структуру ресурса, еще на этапе верстки необходимо предусмотреть место для такого рода баннеров. Его обычно ставят в верхней и/или в нижней части сайта.
400х40 – Мини-баннер, обладающей значительной длиной. Как и в случае с предыдущим форматом, для баннера 400х40 требуется заранее предусмотреть площадь размещения.
120×600 - Небоскреб, в силу своей формы используется на сайтах с «тянущимся» дизайном. В основном, в новостных лентах. Удобно подходит для рекламы товаров, работ, услуг.
234х60 – Для экономии места на сайте, веб-мастера располагают подобные баннеры парами.
120х60 - "Рекламный кирпич". Размещается в вертикально расположенных элементах веб-страницы.
120×240 - Баннер-квадрат, оптимальный вариант для рекламы товаров, работ, услуг.
88х31 – Баннер – "кнопка", названный так из-за небольших размеров. Является самым распространенным в Интернете. Помещается на любом сайте. Именно этот вид баннера мы сейчас и создадим.
Иногда можно встретить баннеры других размеров, но они встречаются довольно редко.
• Итак, вы создали картинку (нужного размера, в нашем случае это 88х31), теперь заходите на сайте (или в панель управления) в файловый менеджер и заливайте туда свою картинку.
Баннер почти создан, осталось только превратить нашу картинку в БАННЕР, для этого, пишем (куда вам надо поставить баннер) следующее:
Code
<a href="http://www.vse-forucoz.3dn.ru/" target="_blank"><img border="0" src="http://www.vse-forucoz.3dn.ru/banner_anim.gif" title="Всё для создания сайта на ucoz" alt="Всё для создания сайта на ucoz" border="0" height="31" width="88"></a>
Копируйте этот код и меняйте его под себя (то есть меняем все выделенные красным цветом ссылки и надписи на свои, если у вас баннер не 88х31, а других размеров, то меняете выделенные красным цветом цифры на свои размеры баннера).
• Вот, не анимированый баннер, который у нас получился:
• Для создания анимированного баннера можно воспользоваться любым гиф-аниматором (например Ulead GIF Animator), и залить его на сайт таким же путём, как и не анимированый аниматор.
Вот, анимированый баннер, который у нас получился:
• Вот ещё несколько примеров баннеров 468х60:
• Если вы хотите поместить на нашем сайте свой баннер, а на своём сайте наш баннер, то зайдите а раздел "Баннерообмен"
С помощью этого помощника, Вы сможете быстро составить код своего баннера