Совет 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 (в двух местах).
Ваши деньги должны работать на вас!
вклад на выгодных условиях
Стабильный доход и уверенность в завтрашнем дне - это то, что вы получите, сделав вклад на самых выгодных для себя условиях.
Возможность вернуть до 260 000 рублей
Если вы решили взять ипотеку
Каждый россиянин имеет право вернуть часть уплаченных налогов за покупку жилья.
Карта с большими бонусами
Дебетовая карта
Возвращается до 10% от стоимости покупок. Выгодна при крупных тратах.
Настроить автоплатежи просто
настройка автоплатежей за пару минут
В мобильном приложении Сбербанка все ваши платежи будут происходить в срок и без вашего участия.
Источники:
  • как сделать баннер ссылкой

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

Файл формата SWF, будучи помещенным на веб-страницу, обеспечивает значительно большую степень интерактивности, чем обычное изображение. Если нажатие на картинку может вызывать лишь переход по ссылке, то Flash-апплет может изменять свое поведение при перемещении по нему стрелки, и т.п.
Как вставить 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