Arduino.ru

К Ардуино напрямую это не относится. Изучай HTML, CSS, JavaScript.

Нужно использовать CSS. 

Для этого делается div и его фоном(через css) делается картинка, которая содержит все 3 или 4 состояния кнопки, CSS удобен для отлавливания нажатий на элементы(чтобы менять цвет). Для смены цвата делается несколько стилей где фоновое изображение имеет несколько начальных точек - соотвествующих нужным цветам кнопки. таким образом меняя всего лишь класс div можно менять цвет кнопки, также можно настроить цвет при наведении мышкой и нажатии мышкой.

копай CSS.

#button1:hover{
background-color:red;
}

Если ардуино будет сервером, то вполне можно так управлять.

но в этом случае надо JS, Ajax копать.

на JS тоже можно:

onClick:function(){this.background-color = "red";}

шилд Интернет W5100

наверное, изернет а не интернет.

Ссылку на какой нибудь простой пример не подскажете. Или статью, где это разобрано.

Дизайн наверху делал я сам. Про CSS пока мало знаю.

К ARDUINO это относится поскольку WEB- сервер и контроллер у меня реализован на arduino mega 2560,  шилд Интернет W5100,  SD-карта.

А вот с управлением кнопками изменяющими цвет пока решения нет.

Может у кого есть ссылка на готовый скетч, чтобы на примере разбираться ?

Буду весьма признателен за ссылку.

http://www.w3schools.com/css/css_background.asp

например тут и тут

http://www.w3schools.com/css/css_pseudo_classes.asp

PS

верстаю можно сказать профессионально =)

Большое спасибо!

Если найдете еще какие примеры, буду крайне признателен.

С уважением.

в CSS не припоминаю события(псевдокласса) по нажатию.

пользуйте hover.

Интересно JQuery подключить к ардуине =).

Почему нет?