школа по созданию сайтов





Как сделать кнопку для сайта

Я покажу Вам, в этом видео, как сделать кнопку для Вашего сайта с помощью двух доступных на любом компьютере программ. Чтобы сделать кнопку мы используем графический редактор Paint и обычный блокнот (текстовый редактор). Вы узнаете, как сделать кнопку в HTML. Действуйте по аналогии – у Вас всё получится!

как сделать кнопку

На примере показан исходный код кнопки. Лучше всего, если Вы перепишите код кнопки в одну строчку. Для того, чтобы создать несколько кнопок, неободимо скопировать и вставить этот код последовательно по количеству кнопок, и при этом обязательно поменять имена переменных "kn". Сделать кнопку просто!




< html >
< head >
< title > Заголовок html-страницы < /title >

< /head >
< body >

< h1 > Исходный код кнопки для сайта < /h1 >

< a href="../index.html" 
onmouseout="document.k1.src='../img/K1.png'" 
onmouseover="document.k1.src='../img/K1a.png'" >
< img width="150" height="45" border="0" 
name="k1" src="../img/K1.png" alt="" > 

< /body >
< /html >

Для изображения кнопки могут использоваться одна, две или три картинки, соответственно: k1.png, K2.png, K3.png. Если использовать одну картинку, то кнопка будет статичной. Чтобы появился эффект нажатия, необходимо использовать два сходных изображения, на одном из которых кнопка утоплена или смещена. Если Вы используете три изображения, то первое из них – это изображение кнопки до наведения на неё курсора, второе – при наведённом курсоре, и третье – при отведённом курсоре.

Благодаря этому коду Вы можете сделать на Вашем сайте динамические кнопки с эффектами: нажатия, подпрыгивания, появления, исчезания, анимации. Пример Вы можете помсмотреть на страничке "Об авторе" – снизу. Главное – постарайтесь нарисовать Ваши кнопки сами, ни у кого не копируя!

Вы узнали, как сделать кнопку для сайта. Чтобы не потерять исходник Вы можете добавить эту страничку в закладки! P.S. Если это Вам интересно, нажмите кнопку «Мне нравится»!




по созданию сайтов

© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.