Блог Андрея Юрченко

Авторский блог с полезными статьями по темам: создание сайта, заработок на сайте, заработок в интернете, работа на дому, работа в интернете, инфобизнес

Как сделать баннер

Привет, друзья. В этой статье я постараюсь разъяснить как сделать баннер, мы разберемся с видами баннеров и научимся создавать код баннера.

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

как сделать баннер, баннеры для сайта, создание баннеров

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

Виды баннеров

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

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

Баннеры для сайтов- служат для украшения и размещения информации. Обычно несут в себе информацию о чем-либо и перенаправляют посетителя на конкретные страницы.

Статичные баннеры- это баннер с одной неподвижной картинкой. Такой баннер должен быть выполнен на высоком уровне и в высоком качестве.

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

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

Изготовление баннера

Процесс начинается с изготовления картинки. Для статического баннера вы рисуете одну картинку, а для анимированного несколько и обратите внимание на то, как они будут меняться друг за другом- этот процесс должен сложиться в качественную анимацию. Нарисовать картинку можно в фотошопе или если у вас его нет, то воспользоваться онлайн сервисом Photoeditoronline –это упрощенный фотошоп и достаточен для создания простой картинки. Можете воспользоваться любой другой программой для рисования, главное чтобы вы умели в ней работать.

как сделать баннер, баннеры для сайта, создание баннеров

Когда вы создадите свою картинку и сохраните на свой компьютер, ее нужно загрузить на сайт. Как это сделать думаю вам известно, в WordPress-e добавляете новый медиафайл или просто загружаете на хостинг в нужную вам папку.

Код баннера

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

Воспользуйтесь сервисом «Генератор HTML кода баннеров и кнопок» по ссылке http://webanet.ucoz.ru/index/0-14 . Перейдите по ссылке и в открывшемся окне заполните поля формы:

как сделать баннер, баннеры для сайта, создание баннеров

Надеюсь заполнение полей не вызовет у вас затруднений, там все просто и понятно. После заполнения кликните на кнопку «Сгенерировать код» и в окошке появится готовый код. Аккуратно скопируйте этот код и теперь вы можете вставить его в нужное место на своем сайте, будь то сайтбар или в своей статье, к примеру смотрите у меня на сайте в сайтбаре и в конце этой статьи.

Можно воспользоваться вторым способом и написать код самому. Вот пример:

<a href=»АДРЕС САЙТА» target=_blank><img src=»ССЫЛКА НА КАРТИНКУ» border=»0″ title=»ВСПЛЫВАЮЩЕЕ ОПИСАНИЕ» width=»300″ height=»300″ alt=»"></a>

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

На этом все, я надеюсь данная статья была вам полезна и теперь вы с легкостью можете создавать свои баннера бесплатно.

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

С уважением, Андрей Юрченко

Поделитесь статьей в социальных сетях!

Подпишись на RSS-рассылку и получай новые статьи на почту!

Введите свой e-mail:

МАГИЧЕСКИЙ ШАБЛОН ПОДПИСНОЙ СТРАНИЦЫ В ПОДАРОК, ЗАБИРАЙТЕ

Оставить комментарий:

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Комментарии Вконтакте:

Content Tab Three

Блог Андрея Юрченко © 2016

ВВЕРХ