Материал с сайта d0mik.ru
Классификация издержек производства. . How to delete. . У нас можно продать или купить готовый бизнес.

Як Зробити Кнопки Для Розділів Сайту

Що таке кнопка розділу сайту?Це картинка, при кліці по якій користувач потрапляє на іншу сторінку сайту.

Зазвичай всі графічні елементи сайту створюють у фотошопі (графічному редакторі).Але частосайтостроітелі - новачкамце не під силу.Тому я знайшла інше рішення цього питання.

Є ось такий цікавий сервіс - http://www.dabuttonfactory.com.Цей сервіс абсолютно безкоштовний.Там можна вибрати різні дизайни кнопочок і зробити на них потрібні написи.

Але сервіс англійською мовою.Тому я покажу процес створення кнопочки на прикладі.Готові?Приступаємо.

Заходить на сайт http://www.dabuttonfactory.com.Зручно те, що в процесі створення кнопочки Ви будете бачити результат внесених змін і коригувати так, як Вам потрібно.

Перше поле TEXT - вводимо тут текст, який повинен бути на кнопці.Наприклад, я вводжу НОВИНИ.Зміни відразу видно в центрі екрану.

Вибираємо шрифт Font.Вибираю Sans-serif.Bold - Жирний.Italic - курсив.Позначте галочкою те, що потрібно.Я залишаю Bold, галочку з Italic знімаю.

Size розмір шрифту.Плюсик або мінусом можна збільшувати або зменшувати.Я зупинилася на 17.

Color - колір шрифту.Якщо клікнути по цьому віконця, можна вибрати на палітрі потрібний колір.Я залишила білий.Щоб палітра згорнулася після того, як Ви вибрали потрібний колір, клацніть в будь-яку область екрану або натисніть кнопку Escape.

Text Shadow - тінь у тексту.Distance - відстань від тексту до тіні.Color - колір тіні.Пробуйте.Ви будете бачити результат.

Output type - Формат готового варіанту.Нам потрібна картинка Image, нехай буде в форматі jpeg.

Переходимо до правої частини екрану.Button Type - можливі варіанти - кругла, квадратна і з закругленими кутами.Я залишила круглу.

Background - фон кнопки.Можна вибрати монокольорів, тобто один колір, два кольори, градієнт - перелив від одного кольору до іншого.Відповідно, кольору вибрати поруч.Поекспериментуйте.Я вибрала градієнт від жовтого до помаранчевого.

Border - кордон кнопки, обведення іншими словами.Якщо поставити тут галочку, то потрібно вибрати розмір кордону і колір.Я цей параметр не включаю.

Shadow - тінь кнопки.Також потрібно вибрати колір тіні і відстань від кнопки до тіні.Робіть як більше подобається.Я роблю без тіні.

Size - розмір кнопки.Variable - варіюється в залежності від довжини тексту на кнопці.Можна задати інтервали, які повинні бути навколо тексту.Я вибираю Fixed - фіксований розмір (тобто незалежно від довжини тексту).І задаю ширину - 150 і висоту 50.

Ось що у мене в підсумку вийшло.

Тепер Вам потрібно зберегти вашу кнопочку на вашому комп'ютері.Для цього клікаєм по ній.Вискакує віконце збереження файлу button.jpeg.Ось вона - картинка нашої кнопочки.

Далі цю картинку розміщуємо на сайті, перетворюємо картинку на заслання, яка буде вести відвідувача на потрібну сторінку вашого сайту.І Все!Всі ці операції детально описані в моєму курсі Що нам варто сайт побудувати (в главі 10Як послати покупця або вчимося створювати посилання).Тому тут я вже не буду на цьому детально зупинятися.