Як створити кнопку?
Кнопка на сайті - один з найбільш зручних іпопулярних інструментів для управління його інтерфейсом, причому, створити її не так вже й складно. У цій статті якраз і розповімо про те, як зробити кнопку і додати її на сайт.
Дизайн кнопки
Розробити дизайн кнопки можна за допомогоюспеціальних онлайн сервісів, наприклад, тут. Даний сервіс дуже простий в управлінні: можна вибрати форму і колір кнопки (Color / Form), її тип (Gradation Type), встановити ступінь прозорості (Thickness). Якщо необхідно створити кнопку з візерунком, наприклад, лініюванням, у вкладці Stripe можна задати її параметри - частоту лініюванням, її яскравість і колір.
Існує можливість створити кнопку з завантаженим з комп'ютера зображенням (вкладка Image), і, звичайно, вибрати бажаний текст (Text).
Проте, якщо є бажання створити щось абсолютно унікальне, розробляти дизайн кнопки доведеться в Photoshop або Adobe Illustrator.
вставка кнопки
Вставка кнопки здійснюється наступним чином:
- <Img src = "/ images / files / picture / pic1.jpg" width = "300" height = "115">,
де "files / picture / pic1.jpg" - шлях до файлу кнопки, а "300" і "115" - параметри кнопки (її ширина і висота в пікселях).
Кнопка з посиланням
Звичайно, кнопка як прикраса мало кого цікавить. Вона повинна вести кудись, тобто містити посилання. Щоб вставити кнопку з посиланням, розширюємо наш тег:
- <a href="http://www.elhow.ru/" target="_blank"> <img src = "/ images / files / picture / pic1.jpg alt =" Далі "width =" 300 "height =" 115 "border =" 0 "> </a>
Розглянемо це докладніше:
- http://www.elhow.ru/ - адреса, на який "перемістить" нас кнопка.
- target = "_ blank" - означає, що посилання буде відкрита в новій вкладці.
- параметр "alt" - якщо зображення кнопки з якихось причин не може завантажитися, замість нього користувач побачить прямокутник розміром з кнопку, а в ньому текст, заданий після "alt".
- border = "0" означає, що навколо кнопки не буде рамки. Якщо бажаєте, щоб вона була, замість "0" вкажіть її бажаний розмір - 1,2,3 і т.д. Цифра визначає число ширину рамки в пікселях.
Ось, власне, і все - кнопка створена.
Як бачите, завдання створення кнопки досить проста. Більше про те, як прокачати свій сайт, читайте в статтях розділу Створення сайту.
