• https://vk.com/fabrika_bannerov
  • zakaz@bannersnice.ru

Как вставить баннер на сайт

код баннера

Как вставить баннер на сайт

pp-bn-1

Получить готовый баннер, это первый этап, теперь его необходимо правильно разместить. В большинстве рекламных сетей, просят загрузить файл картинки и ссылку на рекламируемый ресурс. Тут проблем возникнуть не должно. Но, не все так просто, и порой появляется необходимость самому встраивать баннер. Об этом, мы и поговорим в данной статье.

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

Заказать баннер

Данные корректировки, совершаются в HTML-коде. Что бы создать любую ссылку, используется специальный тег <a>, в который «оборачиваются» необходимые элементы.

Приведу пример простой ссылки:

<a href=”#”> альтернативный текст</a>

Расшифровка: в кавычки, вместо знака #, необходимо вставить полный адрес станицы ссылки, включая http. В тексте ссылки необходимо прописать желаемый текст, это может быть название сайта, на который ведет ссылка, или ключевая фраза.

По поводу основ, думаю, разобрались, теперь перейдем к внедрению в код картинки.

В данном примере, показан код, включающий ссылку и графический файл:

<a href="#" ><img src="#"></a>

Вместо первого знака #, вставляем, как было сказано выше, ссылку, ведущую на сайт, а вместо второго знака # вставляем ссылку на картинку. Перед этим, необходимо загрузить саму картинку на свой сайт, или хостинг картинок, после чего, скопировать адрес загруженного файла.

При вставке баннера, в коде можно прописывать дополнительные свойства:

— для того, что бы ссылка открывалась в новом окне, дополнительно прописывается свойство target="_blank";

— если баннер вставляется в текст, необходимо сделать выравнивание кортинки. Для

этого используется атрибут align=”#", где вместо знака # вставляем возможные варианты (left, right, center);

— для того чтобы задать описание баннера, необходимо прописать атрибут alt=”#”. Вместо знака # вставляем желаемый текст.

— если желаете, чтобы при наведении курсора мышки на баннер, выводился текст (название сайта и т.п.), необходимо воспользоваться атрибутом title=”#”, где вместо известного нам знака, вписываем нужный текст.

— для того, что бы обозначить ширину и высоту картинки, используются атрибуты width="#" (ширина – количество пикселей) height="#" (высота в пикселях);

— в тексте, по умолчанию, для картинки определяется рамка размером в один пиксель, для того, что бы управлять рамкой (убрать, или задать необходимую толщину рамки), пользуются атрибутом border=”#”. В кавычки вписываем число от нуля, где ноль обозначает отсутствие рамки.

Пример ссылки с атрибутами:

<a href="#" target="_blank" title="#"><img src="#" border="#" align="#" width="#" height="#"/>

Rusladmin

Как вставить баннер на сайт: 1 комментарий

ЕвгенийОпубликовано  10:47 дп - Сен 24, 2016

У меня профессия связанна с html тегами, но даже для меня статья оказалась весьма и весьма полезной! Для остальных обывателей интернета это и вовсе клондайк информации, спасибо автору!

Оставьте свое сообщение