Як вставити посилання в банер

якщо банер в одному з графічних форматів (gif, jpg, png, bmp), то досить буде помістити тег зображення всередину тега ссилкі.Сначала сформуйте тег зображення. На мові розмітки веб-сторінок (HTML - HyperText Markup Language - «мова розмітки гіпертексту») найпростіший його варіант виглядає так: Тут в атрибуті src зазначений «відносний адреса» зображення. У цьому варіанті браузер буде вважати, що картинка лежить в тій же папці вашого сервера, де і сама сторінка в яку вставлений банер. Але краще вказати «абсолютний адреса»:

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

За замовчуванням браузер малює синю рамку навколо картинок з посиланнями. Щоб цього уникнути слід додати в тег для банера атрибут border з нульовим значенням:

Додайте і ще один атрибут (title), який буде містити текст для підказки при наведенні курсору миші на банер:

Тег зображення з найбільш важливими атрибутами ви підготували, тепер його треба помістити всередину тега посилання. Кожна гіперпосилання формується двома тегами - відкриває і закриває: У відкриває тег поміщений атрибут href, який містить адресу для відправки запиту. Між цими двома тегами посилання і вставте тег банера:HTML-код банера з посиланням готовий, не забудьте тільки замінити: - в атрибуті href: "https://kakprosto.ru" на адресу вашого посилання для банера-- в атрибуті src: "https://kakprosto.ru/images/banner.jpg" на адресу зображення для банера-- в атрибуті width: "468" на ширину вашого банера-- в атрибуті height: "60" на висоту вашого банера-- в атрибуті title: "Це банер!"На спливаючий текст для вашого банера-

Все вищеописане відносилося до банерам-картинкам, але існують і банери, виконані по флеш-технології. щоб вставити посилання в флеш-ролик стандартним способом треба мати не тільки сам банер, але і його вихідний код. До того ж, редагувати вихідний код, а потім компілювати флеш-ролик, можна тільки в спеціалізованому редакторі - звичайний текстовий редактор для цього не підходить. Однак є спосіб обійти всі ці труднощі, обмежившись редагуванням тільки HTML і CSS (Cascading Style Sheets - «каскадні таблиці стилів»). Мова CSS використовується для більш докладного (в порівнянні з HTML) опису зовнішнього вигляду елементів сторінки. З його допомогою на сторінках можна будувати досить складні багатошарові конструкції. Цим ми і скористаємося, помістивши флешбанер в нижній шар, а над ним розмістивши шар зі ссилкой.HTML-код банера буде виглядати так:

Не намагайтеся використовувати для вставки SWF-файлу в HTML-код тег . Він призначений тільки для зображень класичних растрових форматів: JPG, PNG і GIF. Для роботи ж з Flash-апплетами він не пристосований - спроба його використання в цій якості призведе до помилки.

Помістіть бажаний SWF-файл на сервер в ту ж папку, що і HTML-файл, або в іншу, розташовану в межах вашого користувацького простору. Спосіб копіювання файлу на жорсткий диск сервера залежить від умов надання послуги хостингу. Зазвичай використовується FTP або завантаження через форму на веб-сторінці.

У потрібне місце сторінки помістіть наступний фрагмент:

де myflashfile.swf - ім`я файлу, який ви бажаєте помістити. Якщо він знаходиться в іншій папці сервера, замість імені файлу слід використовувати повний шлях до нього.

Якщо у відвідувача сайту відсутній або відключений Flash Player, при натисканні на прямокутник, який відобразиться замість аплету, він автоматично отримає пропозицію скачати програвач, а в разі згоди буде перенаправлено на сторінку, з якої його можна завантажити. Відвідувач, який користується послугою Opera Turbo, побачить на місці аплету кнопку, натиснувши на яку, зможе його переглянути. При бажанні можна зробити, щоб у користувачів, які не мають можливості переглядати файли формату SWF, замість такого файлу автоматично відображалося анімоване зображення формату GIF того ж змісту і дозволу. Для цього слід використовувати хостинг, на якому запущена система управління вмістом (CMS - content managament system). Вона повинна автоматично визначати, чи є у відвідувача сайту Flash Player і генерувати для нього сторінку, в яку поміщений відповідний об`єкт: якщо SWF, то з використанням описаної вище конструкції, а якщо GIF, то із застосуванням звичайної тега

Зрозуміло, попередньо необхідно створити відповідний анімований GIF-файл і помістити його на сервер.