Lem0

конвертор
rgb.to

Да все на самом деле просто. Смотрите на сайты других компаний и делайте себе такое же.
1. Про юзабилити общие понятия Веб-Дизайн: книга Стива Круга или "не заставляйте меня думать!" (да, она старая)
2. Кирсанов, Веб-дизайн (да, и она старая)
3. html/css - или используйте фреймворк, или смотрите как сделано в нем, например в бутстрап
4. Сразу озаботьтесь вопросом адаптивности, потому что подход: ну мне бы хоть пока по-простому сделать - неверный
А так, вопрос Ваш слишком общий, Вы на этапы разбейте и начинайте с поиска. Не изобретайте велосипед, задавайтесь почаще вопросом - почему на сайтах делают именно так, а не вопросом - а чем мой вариант хуже.

Меня укусил комар, нога страшно чешется. Подскажите, как правильно отрезать ногу?

Особенности национальных форумов: в америке ответят, в европе пошлют, а в россии объяснят, почему ты дурак (анекдот). К чему это?
Не надо мне предлагать перетерпеть это. Нога безумно чешется, потому её надо именно отрезать.