Совет 1: Как вставить кнопки на сайт

В интернете существуют общепринятые стандарты на размеры рекламных баннеров. Баннеры самого маленького из размеров (88 на 31 пиксель) принято называть «кнопками». Их наиболее часто используют не для полномасштабной рекламы, а при обмене ссылками между владельцами сайтов или в качестве графических счетчиков посетителей. Последовательность действий при размещении таких кнопок на вашем сайте описана ниже.
Вам понадобится
  • Система управления сайтом или текстовый редактор.
Инструкция
1
Если вам нужно разместить кнопку-счетчик какого либо интернет-каталога или рейтинговой системы, то, как правило, вместе с регистрацией на этом ресурсе, вы получаете код для вставки в свои страницы. Это может быть JavaScript-код или простой код HTML. Сама картинка при этом находится на сервере рейтинговой системы, загружать ее на ваш сервер не требуется. В этом случае последовательность ваших действий должна быть такова:- в редакторе страниц системы управления вашим сайтом откройте нужную страницу и переключитесь в режим редактирования html-кода. Если вы не используете систему управления сайтом, то скачайте файл с исходным кодом страницы к себе в компьютер и откройте его, например, в стандартном блокноте. Скачивать страницу удобно с помощью файл-менеджера, который есть практически в любой панели управления хостинговой компании;- затем скопируйте код счетчика и вставьте в нужное вам место исходного кода редактируемой страницы. Кнопки счетчиков, как правило, помещают в самый низ страницы, то есть перед тегом </body>. Но, в зависимости от дизайна вашей страницы, его можно поместить и в другое место;- если вы используете он-лайн редактор, то просто сохраните изменения. Если редактируете страницу в текстовом редакторе, то, сохранив, не забудьте закачать на сервер, заменив существующий файл страницы. Это можно сделать с помощью того же файл-менеджера.
2
Если это кнопка не от рейтинговой системы, а от какого-либо партнера по обмену ссылками, то и в этом случае, чаще всего, партнер предоставляет код для вставки его в страницы вашего сайта. Ваши действия должны быть таким же, как в предыдущем варианте. Разница может заключаться в том, что саму картинку вы должны разместить на своем сайте. Закачать ее на свой сервер можно воспользовавшись тем же файл-менеджером хостинг-провайдера или системы управления сайтом.
3
Если в вашем случае никакого исходного кода в комплекте с кнопкой нет, то его не трудно составить самостоятельно. В языке HTML (HyperText Markup Language - «язык разметки гипертекста») для отображения картинки служит тег, который выглядит так:<img src="button.gif" border="0">Здесь button.gif в атрибуте src вам надо заменить на имя файла вашей кнопки. Этот тег изображения следует поместить внутрь тега, формирующего гиперссылку:<a href="http://partnerSite.ru"><img src="button.gif" border="0"><br /></a>Здесь http://partnerSite.ru в атрибуте href вам надо заменить на адрес сайта вашего партнера по обмену ссылками.Этой строки кода будет достаточно для отображения кнопки со ссылкой, ведущей на сайт партнера. Вам осталось вставить ее в исходный код страницы способом, описанным выше.

Совет 2: Как вставить код на кнопку

Кнопки в веб-страницах используются для организации интерактивного взаимодействия с пользователем. Как правило, если ответ на нажатие кнопки не требует отправки данных на сервер, то интерактив реализуется с помощью JavaScript-сценариев. Способы вызова соответствующего JavaScript-кода могут различаться - ниже описаны несколько возможных вариантов для кнопок разного типа.
Инструкция
1
Если отображение кнопки в веб-странице организовано с помощью тега button, то JavaScript-код можно поместить в атрибут onclick. Например, так:<button onclick="alert('Кнопка нажата!');">кнопка</button>Разумеется, помещать непосредственно в тег кнопки достаточно большой код не целесообразно - лучше оформить его как функцию, а в атрибут onclick поместить только код вызова этой функции. Например:<script>
function showAlert() {
alert('Кнопка нажата!')
}
</script><button onclick="showAlert()">кнопка</button>
2
Если кнопка отображается посредством одного из вариантов тега input (submit, reset, button или image), то можно использовать тот же самый атрибут onclick. Например, для кнопки очистки полей формы (reset), код может выглядеть так:<input type="RESET" onclick="showAlert()" />Если необходимо, чтобы по нажатию кнопки исполнялся только JavaScript-сценарий, а назначенного ей по умолчанию действия не происходило, то в функцию или непосредственно в атрибут onclick следует добавить команду return false. Например:<input type="RESET" onclick="showAlert();RETURN FALSE" />
3
Если надо организовать отклик на нажатие кнопки типа submit, то, кроме приведенного выше способа с использованием атрибута onclick, можно использовать свойства тега формы, к которой относится эта кнопка. Соответствующий вызов функции можно поместить в атрибут onsubmit тега form. Например:<form action="" onsubmit="showAlert(); RETURN FALSE">
<input type="submit" />
</form>
4
Если кнопка не является элементом формы, а всего лишь графическим элементом (тег img), то и для него стандарты допускают использование атрибута onclick. Например:<img src="btn.gif" onclick="showAlert();" />
5
Если кнопка является гиперссылкой, то использовать атрибуты самой кнопки не стоит, лучше воспользоваться свойствами тега ссылки. Можно, как и в предыдущих вариантах, задействовать тег onclick. Например:<a href="http://kakprosto.ru" onclick="showAlert(); RETURN FALSE;"><img src="btn.gif" /></a>А можно заменить вызовом функции адрес в атрибуте href. Например, так:<a href="javascript:showAlert();"><img src="btn.gif" /></a>
Видео по теме
Видео по теме
Источники:
  • как поставить кнопку скачать
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500