Як вставити посилання в банер
Якщо у вас є банер, але немає готового html-коду для його вставки в сторінку, то додати потрібну вам посилання не так вже й складно. Навіть якщо банер виконаний по флеш-технології. Нижче описані можливі варіанти організації в вихідному коді сторінок посилань на банери, виконані в графічних і флеш-форматах.
якщо банер в одному з графічних форматів (gif, jpg, png, bmp), то досить буде помістити тег зображення всередину тега ссилкі.Сначала сформуйте тег зображення. На мові розмітки веб-сторінок (HTML - HyperText Markup Language - «мова розмітки гіпертексту») найпростіший його варіант виглядає так: Тут в атрибуті src зазначений «відносний адреса» зображення. У цьому варіанті браузер буде вважати, що картинка лежить в тій же папці вашого сервера, де і сама сторінка в яку вставлений банер. Але краще вказати «абсолютний адреса»:
2
В цей тег слід додати ще кілька атрибутів. Два атрибути будуть вказувати розміри банера (висоту і ширину). Це не обов`язкові атрибути - зображення відобразиться і без них, якщо при завантаженні сторінки з сервера в браузер все пройде нормально. Але якщо картинка чому-небудь не буде завантажена, то відсутність розмірів може привести до того, що і всі інші елементи дизайну виявляться не на своїх місцях. Тег із зазначенням розмірів буде виглядати так:
3
За замовчуванням браузер малює синю рамку навколо картинок з посиланнями. Щоб цього уникнути слід додати в тег для банера атрибут border з нульовим значенням:
4
Додайте і ще один атрибут (title), який буде містити текст для підказки при наведенні курсору миші на банер:
5
Тег зображення з найбільш важливими атрибутами ви підготували, тепер його треба помістити всередину тега посилання. Кожна гіперпосилання формується двома тегами - відкриває і закриває: У відкриває тег поміщений атрибут href, який містить адресу для відправки запиту. Між цими двома тегами посилання і вставте тег банера:HTML-код банера з посиланням готовий, не забудьте тільки замінити: - в атрибуті href: "https://kakprosto.ru" на адресу вашого посилання для банера-- в атрибуті src: "https://kakprosto.ru/images/banner.jpg" на адресу зображення для банера-- в атрибуті width: "468" на ширину вашого банера-- в атрибуті height: "60" на висоту вашого банера-- в атрибуті title: "Це банер!"На спливаючий текст для вашого банера-
6
Все вищеописане відносилося до банерам-картинкам, але існують і банери, виконані по флеш-технології. щоб вставити посилання в флеш-ролик стандартним способом треба мати не тільки сам банер, але і його вихідний код. До того ж, редагувати вихідний код, а потім компілювати флеш-ролик, можна тільки в спеціалізованому редакторі - звичайний текстовий редактор для цього не підходить. Однак є спосіб обійти всі ці труднощі, обмежившись редагуванням тільки HTML і CSS (Cascading Style Sheets - «каскадні таблиці стилів»). Мова CSS використовується для більш докладного (в порівнянні з HTML) опису зовнішнього вигляду елементів сторінки. З його допомогою на сторінках можна будувати досить складні багатошарові конструкції. Цим ми і скористаємося, помістивши флешбанер в нижній шар, а над ним розмістивши шар зі ссилкой.HTML-код банера буде виглядати так:
Рада 2: Як вставити flash банер
Файл формату SWF, будучи поміщеним на веб-сторінку, забезпечує значно більший ступінь інтерактивності, ніж звичайне зображення. Якщо натискання на картинку може викликати лише перехід по посиланню, то Flash-аплет може змінювати свою поведінку при переміщенні по ньому стрілки, і т.п.
1
Не намагайтеся використовувати для вставки SWF-файлу в HTML-код тег . Він призначений тільки для зображень класичних растрових форматів: JPG, PNG і GIF. Для роботи ж з Flash-апплетами він не пристосований - спроба його використання в цій якості призведе до помилки.
2
Помістіть бажаний SWF-файл на сервер в ту ж папку, що і HTML-файл, або в іншу, розташовану в межах вашого користувацького простору. Спосіб копіювання файлу на жорсткий диск сервера залежить від умов надання послуги хостингу. Зазвичай використовується FTP або завантаження через форму на веб-сторінці.
3
У потрібне місце сторінки помістіть наступний фрагмент:
де myflashfile.swf - ім`я файлу, який ви бажаєте помістити. Якщо він знаходиться в іншій папці сервера, замість імені файлу слід використовувати повний шлях до нього.
4
Якщо у відвідувача сайту відсутній або відключений Flash Player, при натисканні на прямокутник, який відобразиться замість аплету, він автоматично отримає пропозицію скачати програвач, а в разі згоди буде перенаправлено на сторінку, з якої його можна завантажити. Відвідувач, який користується послугою Opera Turbo, побачить на місці аплету кнопку, натиснувши на яку, зможе його переглянути. При бажанні можна зробити, щоб у користувачів, які не мають можливості переглядати файли формату SWF, замість такого файлу автоматично відображалося анімоване зображення формату GIF того ж змісту і дозволу. Для цього слід використовувати хостинг, на якому запущена система управління вмістом (CMS - content managament system). Вона повинна автоматично визначати, чи є у відвідувача сайту Flash Player і генерувати для нього сторінку, в яку поміщений відповідний об`єкт: якщо SWF, то з використанням описаної вище конструкції, а якщо GIF, то із застосуванням звичайної тега
Зрозуміло, попередньо необхідно створити відповідний анімований GIF-файл і помістити його на сервер.
Зверніть увагу
Викладайте в інтернет тільки SWF-файли, що не порушують прав третіх осіб.
Поділися в соціальних мережах:
Схожі
- Як змінити посилання
- Як встановити банер на сайт
- Як зробити, щоб сторінка відкрилася в новому вікні
- Як поставити банер
- Як зробити гіперпосилання на сайті
- Як викласти файл на свій сайт
- Як вставити кнопки на сайт
- Як помістити посилання
- Як розмістити банер
- Як додати посилання на сторінку
- Як зробити флеш банер
- Як вставити банер на сайт
- Як прибрати рекламний банер
- Як зробити банер сайту
- Як розмістити банер на сайті
- Як вставити флеш-банер на сайт
- Як розмістити посилання на файл
- Як я можу розмістити зображення
- Як поставити банер на сайт
- Як вставити флеш-банер
- Як додати банер на сайт