Как вставить кнопки на сайт?

2 ноября 2014 г. Просмотров: 524 Инструкции
В интернете существуют общепринятые стандарты на размеры рекламных баннеров. Баннеры самого маленького из размеров (88 на 31 пиксель) принято называть «кнопками». Их наиболее часто используют не для полномасштабной рекламы, а при обмене ссылками между владельцами сайтов или в качестве графических счетчиков посетителей. Последовательность действий при размещении таких кнопок на вашем сайте описана ниже.

Создать сайт самостоятельно с Wix.com

Вам понадобится

  • Система управления сайтом или текстовый редактор.

Инструкция

  • Если вам нужно разместить кнопку-счетчик какого либо интернет-каталога или рейтинговой системы, то, как правило, вместе с регистрацией на этом ресурсе, вы получаете код для вставки в свои страницы. Это может быть JavaScript-код или простой код HTML. Сама картинка при этом находится на сервере рейтинговой системы, загружать ее на ваш сервер не требуется. В этом случае последовательность ваших действий должна быть такова:- в редакторе страниц системы управления вашим сайтом откройте нужную страницу и переключитесь в режим редактирования html-кода. Если вы не используете систему управления сайтом, то скачайте файл с исходным кодом страницы к себе в компьютер и откройте его, например, в стандартном блокноте. Скачивать страницу удобно с помощью файл-менеджера, который есть практически в любой панели управления хостинговой компании;- затем скопируйте код счетчика и вставьте в нужное вам место исходного кода редактируемой страницы. Кнопки счетчиков, как правило, помещают в самый низ страницы, то есть перед тегом . Но, в зависимости от дизайна вашей страницы, его можно поместить и в другое место;- если вы используете он-лайн редактор, то просто сохраните изменения. Если редактируете страницу в текстовом редакторе, то, сохранив, не забудьте закачать на сервер, заменив существующий файл страницы. Это можно сделать с помощью того же файл-менеджера.
  • Если это кнопка не от рейтинговой системы, а от какого-либо партнера по обмену ссылками, то и в этом случае, чаще всего, партнер предоставляет код для вставки его в страницы вашего сайта. Ваши действия должны быть таким же, как в предыдущем варианте. Разница может заключаться в том, что саму картинку вы должны разместить на своем сайте. Закачать ее на свой сервер можно воспользовавшись тем же файл-менеджером хостинг-провайдера или системы управления сайтом.
  • Если в вашем случае никакого исходного кода в комплекте с кнопкой нет, то его не трудно составить самостоятельно. В языке HTML (HyperText Markup Language - «язык разметки гипертекста») для отображения картинки служит тег, который выглядит так:Здесь images/button.gif в атрибуте src вам надо заменить на имя файла вашей кнопки. Этот тег изображения следует поместить внутрь тега, формирующего гиперссылку:
  • Здесь http://partnerSite.ru в атрибуте href вам надо заменить на адрес сайта вашего партнера по обмену ссылками.Этой строки кода будет достаточно для отображения кнопки со ссылкой, ведущей на сайт партнера. Вам осталось вставить ее в исходный код страницы способом, описанным выше.Совет добавлен 3 сентября 2011 Совет 2: Как вставить код на кнопку Кнопки в веб-страницах используются для организации интерактивного взаимодействия с пользователем. Как правило, если ответ на нажатие кнопки не требует отправки данных на сервер, то интерактив реализуется с помощью JavaScript-сценариев. Способы вызова соответствующего JavaScript-кода могут различаться - ниже описаны несколько возможных вариантов для кнопок разного типа.

    Инструкция

  • Если отображение кнопки в веб-странице организовано с помощью тега button, то JavaScript-код можно поместить в атрибут onclick. Например, так:кнопкаРазумеется, помещать непосредственно в тег кнопки достаточно большой код не целесообразно - лучше оформить его как функцию, а в атрибут onclick поместить только код вызова этой функции. Например:
  • function showAlert() {

    alert('Кнопка нажата!')

    }

    кнопка

  • Если кнопка отображается посредством одного из вариантов тега input (submit, reset, button или image), то можно использовать тот же самый атрибут onclick. Например, для кнопки очистки полей формы (reset), код может выглядеть так:Если необходимо, чтобы по нажатию кнопки исполнялся только JavaScript-сценарий, а назначенного ей по умолчанию действия не происходило, то в функцию или непосредственно в атрибут onclick следует добавить команду return false. Например:
  • Если надо организовать отклик на нажатие кнопки типа submit, то, кроме приведенного выше способа с использованием атрибута onclick, можно использовать свойства тега формы, к которой относится эта кнопка. Соответствующий вызов функции можно поместить в атрибут onsubmit тега form. Например:
  • Если кнопка не является элементом формы, а всего лишь графическим элементом (тег img), то и для него стандарты допускают использование атрибута onclick. Например:
  • Если кнопка является гиперссылкой, то использовать атрибуты самой кнопки не стоит, лучше воспользоваться свойствами тега ссылки. Можно, как и в предыдущих вариантах, задействовать тег onclick. Например:А можно заменить вызовом функции адрес в атрибуте href. Например, так:
  • Как вставить код на кнопку - версия для печати

    Оцените статью!