Для этого случая достаточно нарисовать два плавающих дива, 50% каждый с заданными bgcolor.
А картинку поместить в третий див (position:absolute;top:0;width:100%;text-align:center;), который наложить по верх тех двух цветных.

Я бы не делал в фоне синей плашки «дырочку».
Я бы сделал в блоке с логотипом подложку — серую окружность.

Если для тебя это хобби — смотри в сторону Ардуино и его аналогов. Для начала — самое то.
Если же ты решил профессионально заниматься разработкой электроники — выбирай отладочные платы с нужной тебе периферией…

Ну, а где покупать — решай сам. Тут много факторов — и стоимость и наличие.

Например, для Москвичей и Питерцев — ардуины и аналоги можно найти в наличии магазинах (Чип и Дип, ЛинуксЦентр). Но там будет дороже чем через интернет.

Через интернет будет дешевле, но тут играет время доставки. Можно купить через Ebay или другие западные сайты оригинальный Ардуино. Тут важно помнить о доставке, к сожалению, это не самый быстрый вариант.
Другой вариант — российские аналоги, их не особо много, но выбор есть. Тут оптимальное предложение по стоимости и доставке. Производители freeduino.ru robocraft.ru jt5.ru
Также есть магазины — амперка и прочие, юзай поиск.

Немного ни по теме, вы, просили именно АРТ.
Просто хочется порекомендовать российский сайт thebrs.ru/ — там красивые и оригинальные сайты рунета публикуются. Вдруг пригодится.