Закрыть ... [X]

Как вставить баннер на сайт

Рекомендуем посмотреть ещё:


Совет 2: Как вставить flash баннер

Инструкция
Еслибаннерв одном из графических форматов (gif, jpg, png, bmp), то достаточно будет поместить тег изображения внутрь тега ссылки.Сначала сформируйте тег изображения. На языке разметки веб-страниц (HTML - HyperText Markup Language - «язык разметки гипертекста») самый простой его вариант выглядит так:<img src="banner.gif" />Здесь в атрибуте src указан «относительный адрес» изображения. В этом варианте браузер будет считать, что картинка лежит в той же папке вашего сервера, где и сама страница в которую вставленбаннер. Но лучше указать «абсолютный адрес»:<img src="http://kakprosto.ru/banner.gif" />
В этот тег следует добавить еще несколько атрибутов. Два атрибута будут указывать размерыбаннера (высоту и ширину). Это не обязательные атрибуты - изображение отобразится и без них, если при загрузке страницы с сервера в браузер все пройдет нормально. Но если картинка почему-нибудь не будет загружена, то отсутствие размеров может привести к тому, что и все остальные элементы дизайна окажутся не на своих местах. Тег с указанием размеров будет выглядеть так:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" />
По умолчанию браузер рисует синюю рамку вокруг картинок со ссылками. Чтобы этого избежать следует добавить в тег длябаннера атрибут border с нулевым значением:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" border="0" />
Добавьте и еще один атрибут (title), который будет содержать текст для всплывающей подсказки при наведении курсора мыши набаннер:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" border="0" title="Этобаннер!" />
Тег изображения с наиболее важными атрибутами вы подготовили, теперь его надо поместить внутрь тега ссылки. Каждая гиперссылка формируется двумя тегами - открывающим и закрывающим:<a href="/"> </a>В открывающий тег помещен атрибут href, который содержит адрес для отправки запроса. Между этими двумя тегами ссылки и вставьте тегбаннера:<a href="/"><img src="http://kakprosto.ru/banner.gif" width="468" height="60" border="0" title="Этобаннер!" /></a>HTML-кодбаннера со ссылкой готов, не забудьте только заменить:- в атрибуте href: "http://kakprosto.ru" на адрес вашей ссылки длябаннера;- в атрибуте src: "http://kakprosto.ru/banner.gif" на адрес изображения длябаннера;- в атрибуте width: "468" на ширину вашегобаннера;- в атрибуте height: "60" на высоту вашегобаннера;- в атрибуте title: "Этобаннер!" на всплывающий текст для вашегобаннера;
Все вышеописанное относилось кбаннерам-картинкам, но существуют ибаннеры, исполненные по флэш-технологии. Чтобы вставитьссылкув флэш-ролик стандартным способом надо иметь не только самбаннер, но и его исходный код. К тому же, редактировать исходный код, а затем компилировать флэш-ролик, можно только в специализированном редакторе - обычный текстовый редактор для этого не подходит. Однако есть способ обойти все эти трудности, ограничившись редактированием только HTML и CSS (Cascading Style Sheets — «каскадные таблицы стилей»). Язык CSS используется для более подробного (по сравнению с HTML) описания внешнего вида элементов страницы. С его помощью на страницах можно строить довольно сложные многослойные конструкции. Этим мы и воспользуемся, поместив флэш-баннерв нижний слой, а над ним разместив слой со ссылкой.HTML-кодбаннера будет выглядеть так:<div class="linkedFlashContainer">
<a target="_top" class="flashLink" href="/"></a>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="468" height="60" align="middle">
<param name="movie" value="banner.swf" />
<param name="wmode" value="opaque">
<embed src="banner.swf" quality="high" wmode="opaque" width="468" height="60" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>Не забудьте заменить в нем атрибуты width и height (в двух местах), имябаннера banner.swf (в двух местах) и адрес ссылки http://kakprosto.ru (в одном месте).А код SCC, соответствующий этому HTML-коду должен быть таким:<style>
div.linkedFlashContainer {position: relative; z-index: 1; border: 0px; width: 468px; height: 60px}
a.flashLink {position: absolute; z-index: 2; width: 468px; height: 60px; background: url(spacer.gif) no-repeat;}
</style>Здесь использована прозрачная картинка (любого размера) с именем spacer.gif. И тут тоже не забудьте поменять размеры width и height (в двух местах).




ШОКИРУЮЩИЕ НОВОСТИ



Video: Как сделать гиф (gif) баннер. Гифовина. Как привлечь партнеров, рефералов. Часть 2


Совет 2: Как вставить flash баннер
Совет 2: Как вставить flash баннер

2019 год -
2019 год - Совет 2: Как вставить flash баннер

Совет 2: Как вставить flash баннер рекомендации
Совет 2: Как вставить flash баннер рекомендуем

Совет 2: Как вставить flash баннер картинки
Совет 2: Как вставить flash баннер картинки

Совет 2: Как вставить flash баннер новые фото
Совет 2: Как вставить flash баннер новое фото

Совет 2: Как вставить flash баннер изоражения
foto Совет 2: Как вставить flash баннер изображения

Смотреть Совет 2: Как вставить flash баннер видео
Смотреть - Совет 2: Как вставить flash баннер видео

Смотреть Совет 2: Как вставить flash баннер видео
Обсуждение по теме: Совет 2: Как вставить flash баннер, sovet-2-kak-vstavit-flash-banner/

Related News

5 домашних масок для сухой кожи лица
Как изготовить постоянный магнит
Как проверить уровень на точность
Как проверить, какие услуги подключены на Билайн: 6 способов
Почему не работает Википедия
Как быстро и вкусно запечь перепелов
Как избавить волосы от желтизны
Теперь вы можете зарегистрироваться для хорошего дня волос для вашей свадьбы