Бутонът на сайта е един от най - удобните ипопулярни инструменти за управление на неговия интерфейс и за създаването му не е толкова трудно. В тази статия ще ви кажа как да направите бутон и да го добавите към сайта.

Дизайн на бутони

Може да се използва дизайнерски бутонспециални онлайн услуги, например тук. Тази услуга е много лесна за управление: можете да изберете формата и цвета на бутона (цвят / форма), неговия тип (тип градинация), задайте степента на прозрачност (дебелина). Ако искате да създадете бутон с шаблон, например линия, можете да зададете параметрите му - честотата на линията, нейната яркост и цвят.

Възможно е да създадете бутон с изображението, заредено от компютъра (раздел Изображение) и, разбира се, да изберете желания текст (Текст).

Въпреки това, ако има желание да се създаде нещо абсолютно уникално, дизайнът на бутоните ще трябва да бъде разработен в Photoshop или Adobe Illustrator.

Вмъкване на бутон

Бутонът се вмъква, както следва:

  • <img src = "/ images / files / picture / pic1.jpg" width = "300" височина = "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",.
  • border = "0" означава, че няма да има граница около бутона. Ако искате да бъде, вместо "0" посочете желания размер - 1,2,3 и т.н. Фигурата определя броя на ширините на кадрите в пиксели.

Тук, всъщност и всички - бутонът е създаден.

Както можете да видите, задачата за създаване на бутон е съвсем проста. Повече за това как да изпомпите сайта си, вижте статиите в секцията Създаване на сайт.

Коментари 0