By | 01.11.2013

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

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

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

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

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

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

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

Вот он:

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

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

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

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

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

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

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

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

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

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

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

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

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