Для начала начинайте визуально размечать макет на секции.
Возьмем к примеру такой
макет,
оригинал
В данном случае можно разделить на:
1. Шапка (включает логотип, меню и кнопки поиска с корзиной)
2. Блок с фоновым изображением и вступительным текстом
3. Слайдер
4. Каталог
5. Подписка
6. Рекомендованные товары с фильтром
7. Форма обратной связи
8. Подвал
В каждой секции соответственно свои элементы.
Потом определите ширину контентной области и начинайте верстать сверху вниз.
Сначала сделайте разметку, потом наполните контентом по макету и далее пишите стили дополняя/изменяя по необходимости разметку.
Насчет того, как правильно верстать, не зацикливайтесь сейчас на этом. Не бойтесь что есть сомнения, это нормально, так приходит опыт ибо мозг начинает думать и искать решения. Пусть будут ошибки и жуткий говнокод, через какое то время взгляните на свои первые работы и спросите себя "это я что ли написал?")). Все через это проходили.
Главное начать, а не тупо пялится в монитор!
UPD:
www.youtube.com/watch?v=98rUSTa5-dE
www.youtube.com/watch?v=YzivmuO8Vzs