Новички, создающие собственный сайт, сталкиваются с вопросом создания кнопок для разделов сервиса. Кнопкой называют картинку, щелкая по которой, пользователь заходит на соответствующий раздел сайта.
Как сделать кнопку для сайта
Новички, создающие собственный сайт, сталкиваются с вопросом создания кнопок для разделов сервиса. Кнопкой называют картинку, щелкая по которой, пользователь заходит на соответствующий раздел сайта.
Как сделать кнопку для сайта
Сделать кнопку для сайта ( нарисовать и создать HTML код для вставки ) можно например при помощи программы WYSIWYG Web Builder 9:
1.Выбираем инструмент "форма".
2.Заходим в меню выбранной фигуры "свойства формы", и поочередно листая вкладки (текст, ссылка, эффекты...) настраиваем внешний вид кнопки и ссылку, на которую будет задан переход после нажатия на данную кнопку.
3.Чтобы получить HTML код полученной кнопки необходимо кликнуть соответствующую кнопку в меню программы(HTML) и копируем содержимое открывшегося окна.
Теперь можно вставлять его на страницу сайта.
Чтобы сделать кнопку, нужно вставить определённый код на свою страницу.
Переход на другую страницу или на другой сайт можно делать как просто через HTML, так и через Javascript.
Код кнопки:
Внутрь тега кнопки можно вставить тег кратинки вместо текста, например:
1 Переход просто через HTML, должен работать даже при выключенном Javascript.
Просто помещаем теги нашей кнопки внутри тегов ссылки:
а) Переход в том же окне:
б) Открытие сайта в новом окне:
2 Переход через Javascript. Иногда хочется скрыть адрес, на который ведёт кнопка, который высвечивается, если поднести к ссылке курсор мыши. Тогда можно сделать кнопку на Javascript. При таком способе URL адрес не отображается.
Делается это так:
а) Переход в том же окне:
б) Открытие сайта в новом окне:
Тут нужно быть внимательным, так как тут внутри одинарных кавычек стоят двойные. Можно написать и наоборот - внутри двойных одинарные. Но нельзя два раза написать одинарные или двойные. Также, если разместить этот код ещё внутрь чего-то, где тоже кавычки, то это будут уже третьи кавычки и работать не будет, поэтому в таких случаях нужно писать не через кавычки, а вставлять содержимое в переменную и её уже вписывать, например так:
a="http://www.bolshoyvopros.ru/";
Добавить комментарий