Совет 1: Как вставить ссылку в баннер

Если у вас есть баннер, но нет готового html-кода для его вставки в страницу, то добавить нужную вам ссылку не так уж сложно. Даже если баннер выполнен по флэш-технологии. Ниже описаны возможные варианты организации в исходном коде страниц ссылок на баннеры, выполненные в графических и флэш-форматах.
Инструкция
1
Если баннер в одном из графических форматов (gif, jpg, png, bmp), то достаточно будет поместить тег изображения внутрь тега ссылки.Сначала сформируйте тег изображения. На языке разметки веб-страниц (HTML - HyperText Markup Language - «язык разметки гипертекста») самый простой его вариант выглядит так:<img src="banner.gif" />Здесь в атрибуте src указан «относительный адрес» изображения. В этом варианте браузер будет считать, что картинка лежит в той же папке вашего сервера, где и сама страница в которую вставлен баннер. Но лучше указать «абсолютный адрес»:<img src="http://kakprosto.ru/banner.gif" />
2
В этот тег следует добавить еще несколько атрибутов. Два атрибута будут указывать размеры баннера (высоту и ширину). Это не обязательные атрибуты - изображение отобразится и без них, если при загрузке страницы с сервера в браузер все пройдет нормально. Но если картинка почему-нибудь не будет загружена, то отсутствие размеров может привести к тому, что и все остальные элементы дизайна окажутся не на своих местах. Тег с указанием размеров будет выглядеть так:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" />
3
По умолчанию браузер рисует синюю рамку вокруг картинок со ссылками. Чтобы этого избежать следует добавить в тег для баннера атрибут border с нулевым значением:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" border="0" />
4
Добавьте и еще один атрибут (title), который будет содержать текст для всплывающей подсказки при наведении курсора мыши на баннер:<img src="http://kakprosto.ru/banner.gif" width="468" height="60" border="0" title="Это баннер!" />
5
Тег изображения с наиболее важными атрибутами вы подготовили, теперь его надо поместить внутрь тега ссылки. Каждая гиперссылка формируется двумя тегами - открывающим и закрывающим:<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: "Это баннер!" на всплывающий текст для вашего баннера;
6
Все вышеописанное относилось к баннерам-картинкам, но существуют и баннеры, исполненные по флэш-технологии. Чтобы вставить ссылку в флэш-ролик стандартным способом надо иметь не только сам баннер, но и его исходный код. К тому же, редактировать исходный код, а затем компилировать флэш-ролик, можно только в специализированном редакторе - обычный текстовый редактор для этого не подходит. Однако есть способ обойти все эти трудности, ограничившись редактированием только 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 (в двух местах).

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

Файл формата SWF, будучи помещенным на веб-страницу, обеспечивает значительно большую степень интерактивности, чем обычное изображение. Если нажатие на картинку может вызывать лишь переход по ссылке, то Flash-апплет может изменять свое поведение при перемещении по нему стрелки, и т.п.
Инструкция
1
Не пытайтесь использовать для вставки SWF-файла в HTML-код тег <a href>. Он предназначен только для изображений классических растровых форматов: JPG, PNG и GIF. Для работы же с Flash-апплетами он не приспособлен - попытка его использования в этом качестве приведет к ошибке.
2
Поместите желаемый SWF-файл на сервер в ту же папку, что и HTML-файл, либо в другую, расположенную в пределах вашего пользовательского пространства. Способ копирования файла на жесткий диск сервера зависит от условий предоставления услуги хостинга. Обычно используется FTP либо загрузка через форму на веб-странице.
3
В нужное место страницы поместите следующий фрагмент:

<embed src="myflashfile.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="320" height="270" allowScriptAccess="sameDomain" allowFullScreen="True">
</embed>

где myflashfile.swf - имя файла, который вы желаете поместить. Если он находится в другой папке сервера, вместо имени файла следует использовать полный путь к нему.
4
Если у посетителя сайта отсутствует или отключен Flash Player, при нажатии на прямоугольник, который отобразится вместо апплета, он автоматически получит предложение скачать проигрыватель, а в случае согласия будет перенаправлен на страницу, с которой его можно загрузить. Посетитель, пользующийся услугой Opera Turbo, увидит на месте апплета кнопку, нажав на которую, сможет его просмотреть. При желании можно сделать, чтобы у пользователей, не имеющих возможности просматривать файлы формата SWF, вместо такого файла автоматически отображалось анимированное изображение формата GIF того же содержания и разрешения. Для этого следует использовать хостинг, на котором запущена система управления содержанием (CMS - content managament system). Она должна автоматически определять, если ли у посетителя сайта Flash Player и генерировать для него страницу, в которую помещен соответствующий объект: если SWF, то с использованием описанной выше конструкции, а если GIF, то с применением обычного тега <a href>

<a href=mygiffile.gif><a>

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

Совет 3: Как вставить ссылку в браузер

Адреса полезных или просто интересных страниц в интернете передаются от одного пользователя к другому с помощью ссылок. Обычно чтобы открыть полученную ссылку в браузере, достаточно кликнуть по ней указателем мышки - большинство современных программ умеют делать ссылки в тексте «кликабельными», т.е. отображать их в гипертекстовом формате. Однако случаи, когда приходится самостоятельно переносить ссылку в браузер, тоже возникают порой.
Инструкция
1
Веб-адрес нужного ресурса можно набрать непосредственно в браузере, но если есть возможность скопировать его в первоисточнике - сделайте это, чтобы исключить ошибку и ускорить операцию. Для этого выделите ссылку и поместите ее в буфер обмена - нажмите комбинацию клавиш Ctrl + C.
2
Переключитесь в окно браузера и создайте новую вкладку для загрузки страницы - щелкните по плюсику справа от существующих вкладок или нажмите комбинацию клавиш Ctrl + T. Впрочем, страницу, на которую указывает ссылка, можно открыть и в уже существующей вкладке.
3
Вставьте скопированную ссылку в адресную строку - полоску в верхней части окна, содержащую URL загруженной страницы. Если вы создали новую вкладку, просто нажмите «горячие клавиши» Ctrl + V, а для загрузки в уже существующую предварительно один раз кликните адресную строку левой кнопкой мыши.
4
Нажмите Enter, и страница, на которую указывает ссылка, будет загружена в эту вкладку.
5
Если вы хотите поместить ссылку в окно браузера надолго, воспользуйтесь списком избранного или панелью ссылок. В первом случае сделайте все, как описано в предыдущих шагах, а затем нажмите комбинацию клавиш Ctrl + D. В следующий раз вы сможете найти перенесенную в браузер ссылку на эту страницу в избранном.
6
Для размещения URL страницы на панели ссылок наведите указатель курсора на иконку у левого края адресной строки и за этот значок перетащите ее на панель закладок. Если эта панель не отображается в интерфейсе, включите ее в настройках браузера.
7
В современных интернет-обозревателях есть еще одна возможность поместить ссылку «на длительное хранение» - добавьте ее в экспресс-панель. Обычно она появляется при создании новой вкладки или открытии пустого окна браузера и содержит таблицу с картинками-ссылками на наиболее часто посещаемые пользователем веб-страницы.
Источники:
  • как сделать баннер ссылкой
Поиск
Совет полезен?
Комментарии 1
написал(а)
Кто баннеры ставит, объясните мне пожалуйста как это правильно сделать!
У меня есть инструкции, но мне не ясно.
Сборку делаю на шаблонах от Темплэйтмонстер. Сейчас у меня Zen-cart. Официальный сайт вообще не идёт на контакты, отсылают на форум, а там американцы, и всё на английском.

Я знаю, что баннеры меняются легко, и ставятся сразу, а не получается. Движок стоит на английском, рисунок я сохраняю на английском, разрешение делаю 940х1002 пикселей. Общий вес баннеров шаблона 87-90 кб, у меня вес 140-150кб. Там, какие то ссылки надо указать, я в них не могу разобраться. Может из-за ссылок? Вообще сборку всю делаю на сервере через хостинг.

Открываю сайт через хостинг, а в браузере он не открывается, набираю по-разному - идёт сброс. Может мне изначально установку шаблона надо было делать не через хостинг, а сразу в браузере - в инструкции так, и написано: пишем в строке браузера..... и производим установку. Но у меня и через панель админ хостинга всё устанавливается хорошо. Рису
Добавить комментарий к статье
Осталось символов: 500