Как правильно делать макет?

Нет такого понятия, правильный или неправильный макет сайта. Макет - это просто картинка, показывающая, как будет выглядеть страница сайта при выбранном разрешении экрана пользователя. Сейчас зачастую требуется несколько макетов под разные разрешения, в т.ч. и под разрешения мобильных телефонов. Когда уже макет сделан, его нарезают на элементы и делают верстку этих элементов. Разумеется, лучше, когда макет делается с учетом верстки и компактности HTML-кода для ее создания, но это удел настоящих мастеров, сделать красивый и в то же время легкий сайт.