Как создать баннер в два счета?
Rate this post

Доброе время суток дорогие друзья, мои читатели или мимо проходящий посетитель! Сегодня я хочу рассказать, про основы того, как создать баннер своими руками.
Как всегда начнем с терминологии, и попытаемся рассказать о самом баннере своими словами. И так, баннер — это рекламная статистическая или анимационная картинка с ссылкой ведущей на определенную страницу (другими словами ссылка с картинкой и есть баннер).

Согласитесь, ставить баннер вместо определенного текста намного лучше, если рекламируешь определенную информацию или какой-нибудь товар.

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

К примеру, вы создали определенный видеокурс и желаете поделиться им со всеми посетителями вашего сайта. Лучше всего поставить баннер на видном месте, и про рекламировать свой видеоурок таким способом.  С этим думаю понятно. Но если возникнут по этому поводу вопросы, пишите в комментариях, обязательно публично их обсудим.

Как создать баннер?

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

После чего, в том месте блога в котором вы хотели бы установить свой рекламный баннер со ссылкой, необходимо будет написать определенный HTML-код.

Вот он:

<a href="адрес страницы на которую ссылается баннер"><img src="ссылка на изображение"></a>

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

Для того, чтобы изображение соответствовало размеру, где оно размещается (размеры любого сайта ограничены) нужно будет предварительно изменить его расширение. Это можно будет сделать просто в режиме онлайн на вот этом ресурсе

Также, можно задавать размер изображения в самом коде баннера,  для этого нужно будет перед тегом </a> прописать вот такую запись: width=”260″ height=”165″. Где width — это будет ширина изображения, а height будет его заданной высотой (можно в коде использовать только одну величину,  тогда вторая величина будет выравниваться автоматически по соотношению к исходному размеру). Цифры в свою очередь означают мегапиксели изображения.

С заданными размерами изображения код будет выглядеть вот так:

<a href="адрес страницы на которую ссылается баннер"><img src="ссылка на изображение" width=”260″ height=”165″></a>

Вот и все, вы теперь можете создавать свои собственные баннеры и использовать их по своему усмотрению.

Для того, чтобы сделать свой баннер простой и не сложный, не нужно платить  сотни, а иногда и тысячи рублей, как вы видите все просто.

Как сделать сам баннер Вы можете в видео которое я выложил. Смотрите и делайте. Фотошоп самый лучший способ сделать баннер любой сложности.

Друзья, подписывайтесь на обновления блога и будьте в курсе новых статей моего блога о сайтостроении и блоговедении. 

До новых встреч, в новых статьях!

6 Replies to “Как создать баннер в два счета?”

  1. SerG

    Рекомендую обратиться вот к этим ребятам Art2Web. По своему опыту работы с ними остался доволен.

    Reply
  2. Елена

    А я делала баннеры с помощью программы Fotoscape, тоже ничего сложного и много возможностей, программа бесплатная.

    Reply
  3. Ольга

    Мне пока не приходилось создавать баннеры. Надо бы научиться.

    Reply
  4. Оксана Адаменко

    А я захожу в вордпрес, где пишу статьи, загружаю картинку уже приготовленную, делаю нужный размер, вставляю на нее ссылку (там есть такая возможность) переключаю на раздел html, копирую код и вставляю в виджеты, все, готово. =)

    Reply
    1. Оксана Адаменко

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

      Reply
    2. Сергей Иванов

      Тоже вариант))))

      Reply

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *