Як написати правильний код для банера.

Автор: Андрій Краснокутський

Дата: 2010-04-24

У минулих наших статтях про банери, ми з Вами розібралися з поняттям: php?id=179> "Що таке Банер для сайту" . Тут ми дізналися які бувають банери (розміри банерів) для чого взагалі потрібні банери, формати банерів і в яких випадках і де застосовуються банери різних форматів.

Наступний наш матеріал php?id=180> "Як зробити простій не анімований банер" був присвячений створенню графічної частини банера, тобто створення самої картинки банера. В результаті у нас вийшла ось така симпатична кнопка, розміром 88х31 пікселів:

Ця кнопка і буде банером Вашого сайту. Хоча Ви можете зробити банер будь-якого, потрібного Вам розміру.

Але це тільки графічна складова банера, тобто просто картинка, яка завантажується на сайт. Наше завдання зробити з цього банера (картинки) посилання, натиснувши на яку, відвідувач буде попадати на Ваш сайт. Значить, нам потрібно ще написати для цього відповідний код. Цей код Ви будете роздавати всім бажаючим для розміщення на своїх сайтах, каталогах і т.д. Давайте цим і займаємося.

Отже, картинку банера ми створили. Давайте тепер назвемо цей графічний файл, наприклад я назвав і зберіг цю картинку (графічний файл) під ім'ям: 88х31.gif. Відповідно ім'я файлу 88х31, формат збереження файлу gif.

Закачуємо цей файл до себе на сайт. Зазвичай для графічних файлів на сайті створюють окрему папку, де і зберігають всі зображення для сайту. У мене це папка називається img. Скорочено від англійського images (зображення). Ви можете створити папку з іншою назвою і закачати туди цю картинку, як Вам буде зручно, але в такому випадку в коді прописуйте реальне назва папки, де буде лежати Ваш банер.

Тепер пишемо у такий код:

<a href="http://www.luksweb.ru/" target=_blank> <img src = "http://www.luksweb.ru/img/88x31.gif" width = "88" height = "31 "alt =" Як зробити сайт безкоштовно !!! " border = "0"> </a>

Давайте розберемо, що ми тут написали. По суті справи це звичайна посилання, в якорі якої використовується графічний файл (картинка). Посилання можна умовно розбити на дві частини. Для простоти сприйняття давайте так і зробимо.

Перша частина коду, просто посилання на сайт в даному випадку посилання на мій сайт LuksWeb.ru :

<a href="http://www.luksweb.ru/" target=_blank> ......... .. </a>

Природно Ви напишіть замість http://www.luksweb.ru/ адресу свого сайту. Параметр target = _blank «говорить» браузеру, що посилання повинне відкритися в новому вікні.

Якщо замість трьох крапок (......... ..) написати звичайний текст, то посилання на Ваш сайт буде текстова, але все одно призведе до вашого сайту. Ще то що тут буде написано називають якір посилання.

Але ми ж робимо посилання для банера, значить, нам потрібно на місці якоря, розмістити код, що викликає картинку (банер). Пишемо тут ось такий код:

<Img src = "http://www.luksweb.ru/img/88x31.gif" width = "88" height = "31" alt = "Як зробити сайт безкоштовно !!!" border = "0">

Це і є виклик графічного банера (картинки). Згідно зі специфікацією HTML графічні файли розміняти на web сторінки за допомогою тега img. Тег src - визначає джерело, звідки взяти цю картинку, а далі нам необхідно вказати повний шлях де лежить картинка, В даному випадку: http://www.luksweb.ru/img/88x31.gif. До речі шлях полягає в лапки.

Далі ми розписуємо: ширина картинки width = "88" і висота картинки height = "31". Тег alt - використовувати необов'язково, але бажано, тут ми пишемо спливаючу пояснювальний напис, яку відвідувач побачить, коли наведе мишку на Ваш банер.

Обов'язково встановлюйте параметр border = "0". Робиться це для того, щоб уникнути рамки навколо картинки, такий ефект спостерігається в HTML коли картинка є посиланням. У більшості випадків така рамка псує зовнішній вигляд банера.

Іноді ще код укладають в коментарі, <! - LuksWeb.ru -> <! - end LuksWeb.ru ->. Навантаження такі коментарі не несуть і в браузері не відображаються, а служать просто для зручності і дозволяють відстежити на web-сторінці (в коді web-сторінки) початок і кінець коду Вашого банера. Тому рекомендую використовувати коментарі.

І повністю Ваш код виглядає так (природно адреса сайту повинен бути ваш):

<! - LuksWeb.ru -> <a href="http://www.luksweb.ru/" target=_blank> <img src = "http://www.luksweb.ru/img/88x31.gif "width =" 88 "height =" 31 "alt =" Як зробити сайт безкоштовно !!! " border = "0"> </a> <! - end LuksWeb.ru ->

Тепер, якщо розмістити такий код на своєму сайті, блозі, форумі і т.д. то при відкритті цього сайту буде довантажувати банер з мого сайту, натиснувши на який відвідувач перейде на сайт www.LuksWeb.ru .

Якщо у Вас ще залишилися не зрозумілі моменти, зайдіть на сторінку: http://www.luksweb.ru/our_links.php тут Ви знайдете різні варіанти коду посилань на наш сайт. Як текстові так і графічні, порівняйте ці коди між собою і Вам все стане зрозуміло.

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

Хай щастить.

Читаєте так само:

php?id=21> Як робляться посилання в HTML.

php?id=8> Вставляємо зображення на web-сторінку.

php?id=127> Що таке тИЦ і PR?

php?id=126> Якими програмами користуватися для створення сайтів і для роботи в Інтернеті?

php?id=106> Завантажити безкоштовно Activ E-Book Compiller

php?id=103> Як перевести в готівку віртуальні гроші?

Переглядів: 55220

Я зробила свій перший сайт! Буду вдячна, якщо хтось розмістить банер у себе на сайті. Заздалегідь благадаря. <! - cdtdiamond.ru -> <a href="http://www.cdtdiamond.ru/" target=_blank> <img src = "http://www.cdtdiamond.ru/img/cdtdiamond.gif "width =" 88 "height =" 31 "alt =" Інтернет бізнес !!! " border = "0"> </a> <! - end cdtdiamond.ru ->

Андрій! Спасибі величезне за науку! Не тільки за цю статтю, але і за всі попередні! Я виконав це завдання і хочу продемонструвати його не тільки тобі, але і всім відвідувачам твого прекрасного сайту: <! - biznesknigi.at.ua - > <a href="http://biznesknigi.at.ua/" target=_blank> <img src = "http://biznesknigi.at.ua/-_12.jpg" width = "200" height = "200 "alt =" Завантажити безкоштовно книги по бізнесу !!! " border = "0"> </a> <! - end biznesknigi.at.ua -> Буду радий, і вдячний, якщо хтось розмістить код мого банера у себе на сайті! Хлопці, заздалегідь дякую всім !!!

Картинки не видно

Андрій, дуже простий і зрозумілий урок))) Дякую тобі ... Все вийшло тільки ось у мене спливаючого тексту немає ((

Андрій! Величезне спасибі, ви мене багато чому навчили. Я постійно користуюся Вашим сайтом. Мені подобається також реклама, багато цікавого. Удачі вам!

Клас у мене все вийшло, спасибі

Добрий день. спамібо за такий хороший сайт!

Приймаємо Банери і Посилання на наш сайт! Приймаємо Банери і Посилання на сайт.Посещаемость більше 3000 чоловік в день.Стоімость розміщення банера по лівому або правому боці 1000 рублів в месяц.Стоімость розміщення посилання 500 рублів на місяць.

як удалть банер з екрану, просить 400р, 89851358993

<a href="http://www.zasvetitsya.ru/"> <img src = "http://www.zasvetitsya.ru/bann.jpg" width = "30" height = "30" border = "0 "longdesc =" http://www.zasvetitsya.ru/bann.jpg "/> </a>

Дякую за урок.

як видалити 89160073332 на 400 руб допоможіть

Відправте 300 руб на номер 89169404708

Допоможіть прибрати банер просить відправити 300 рублів на номер 89169407408

Спасибі величезне сайту

Отпровлять смс безполезно

програма для видалення БАНЕРА З РОБОЧОГО СТОЛУ

звідки дістати код банера ??????????? всюди вимагають смс за яку знімають неміряно грошей !!!!!!!!!!!!!!!!!!!!!!! 1

Відмінна програма для видалення банера, допомогло !!! спасибі його автору. Спробуйте допоможе !!!! http://letitbit.net/download/02204.0a217087d492a7dfc930d52f7857/antibanner.exe.html

У вас є банери поспішайте можу рзместіть вартість 100 р за банер на своєму сайті Писати на [email protected]

допоможіть прибрати банер просять 500 рублів на мтс89859606842

Дякуємо! Все вийшло!

Банер створив. Напис є, але він прозорий картинки немає. Що неправильно зробив?

Привіт Макс. Хороший вопрос .... Хворих заочно не лікують

Андрій, спасибі за сайт! А можна так само є про анімуйте. банери або кнопки-посилання. Заздалегідь вдячна.

як видалити банер з екрану просить поповнити рахунок 500 рублів на номер 89060320946

розміщу банер на своєму сайті за 1 євро

Повідомлення від ElenaR Пропоную реальний заробіток в інтернеті .. Не поспішайте закривати сторінки не дочитавши до кінця, так-так реальний дохід в ваших руках, система працює на всі 200%.

Хороша стаття, хоч у мене сайт ігрової тематики всерівно часто запитують як зробити банер? скопіюють статтю на свій сайт зі зворотним посиланням сподіваюся автор не проти

Не проти, копіюйте, тільки не забувайте ставити зворотні посилання. А ось тут: http://www.luksweb.ru/view_post.php?id=223 можна взяти книгу про створення банерів

Велике спасибі! Дуже доступно.

Спасибо большое, піду робити свій банер, а то зробила і не вийшов!

У мене 6 банерів. Все прописую, начебто правильно. Але два банери працюють, а інші не відкриваються. Підкажіть чому?

<a href="http://www.luksweb.ru/" target=_blank> <img src = "http://www.luksweb.ru/img/88x31.gif" width = "88" height = "31 "alt =" Як зробити сайт безкоштовно !!! " border = "0"> </a>

А якщо у мене банер в swf форматі? чета я зробив не в мене не вийшло

<a href="http://www.luksweb.ru/" target=_blank> <img src = "http://www.luksweb.ru/img/88x31.gif" width = "88" height = "31 "alt =" Як зробити сайт безкоштовно !!! " border = "0"> </a>

Андрій спасибі, у мене все получілось.Я встановив GIF файл на свій сайт, зробив опис Вашого уроку своїми словами і зробив посилання на Ваш сайт. Можете спробувати поставити Таку кнопку. <a href="http://www.videopetrovich.com/" target=_blank> <img src = "http://u.jimdo.com/www49/o/sa046e1c2be7d6185/img/i86fec29be515374a/1348415341/std/image .gif "width =" 45 "height =" 450 "alt =" Меню цього сайту !!! " border = "0"> </a> А це мій сайт: http://www.videopetrovich.com/ З цієї сторінки можна перейти на Ваш сайт. З повагою, Юрій Петрович. [email protected]

Спасибі огромное.Хорошім чуйним мовою написано. Все вийшло швидко і без проблем. Обов'язково поставлю у себе на сайті ссилочку до Вас. Ще раз дякую!!!

SPS за інформацію! хай щастить

Добридень! А як зробити так, щоб при натисканні на банер відвідувач потрапляв не відразу на сайт, а на прокладку з картинкою і написом: чекайте ... йде перенаправлення і через 3 сек. вже відкривався потрібний сайт?

Хоч я і не новачок, але призабув. Дякуємо!

ПЛИЗ, РОЗМІСТІТЬ МІЙ БАННЕР <! - lazur.my1.ru -> <a href="http://www.lazur.my1.ru/" target=_blank> <img src = http: //lazur.my1 .ru / banner / baner.jpg "width =" 88 "height =" 31 "alt =" Каталог готелів "> </a>