Я предпочитаю сначала кодировать XHTML / CSS, а затем скопировать, вставить / адаптировать его в шаблоны, все становится более согласованным, и вы можете получить реальный предварительный просмотр того, как будет выглядеть страница, когда она будет работать динамически (плюс тестирование это в разных браузерах и тд ...).
(На мой взгляд) Это также быстрее сделать так, потому что вы сначала сосредотачиваетесь исключительно на Front-end, а затем начинаете копирование-вставку / адаптацию фрагментов кода (как только вы разработаете несколько тем, вы можете создать сборник кода со всем необходимым).
Когда я пытаюсь кодировать прямо, я всегда оставляю незакрытые теги, создаю непоследовательные классы / идентификаторы CSS (особенно при создании больших сайтов с сотнями строк CSS) и другие мелкие ошибки, на которые мне нужно потратить время, чтобы исправить ...
Мой лучший совет, чтобы вы попробовали написать код в обоих направлениях. Затем сравните, какой из них быстрее развивался, насколько комфортно вы себя чувствовали и какой предпочитаете для своих будущих проектов.
Удачи!