Очень хорошие инструкции есть на Хабре:
Как сверстать веб-страницу. Часть 1
Как сверстать веб-страницу. Часть 2 — Bootstrap
И прочтите все комментарии к ним.
В этих статьях вам пошагово расскажут и покажут, что делать с макетом.
И еще одна статья от того же автора:
Как сверстать тему для WordPress
Создаем простую шапку, где будут лежать все файлы, создаем папку images, туда помещаем все изображения, так же нужен текстовый документ с названием index. Теперь добавляем HTML разметку, будет 3 раздела шапка сайта, середина, и низ