Тут надо понимать какие задачи поставлены перед верстальщиком (какие цели он преследует), и что входит в его компетенцию. Т.к. разработка/создание сайта процесс комплексный.
У меня цикл разработки примерно такой (если мы говорим о создании сайта целиком от и до):
- разрботка функциональной модели сайта (т.е. определение задач, которые сайт должен решать)
- определение структуры сайта исходя из задач. Грубо говоря определение разделов, которые необходимы(новости, форум, статьи, галерея, пр.)
- подбор готовых модулей, плагинов под выбранные задачи и структуру,
- прикидка по объему функционала, который надо будет дописывать/дорабатывать, разработка схемы дополнительных модулей
- разработка общего оформления сайта (то, что обычно называют дизайном)
- корректировка под выбранную структуру и модель (как правило отрисовывается главная страница, если она списывается в общий «дизайн», затем страницы отдельных разделов, особенно если они отличаются от главной по компоновке более чем на 20-25%)
- (вот только после этого начинается) непосредственно верстка — перевод графических образов «дизайна» в код html/css/js. на выходе получаем главную и сопутствующие страницы в виде html шаблона.
- (опционально) если на сайте присутствуют сложные формы или другой «не простой» UI, то для него создается отдельный функциональный макет в виде все того же html/css/js.
- настройка базовой CMS (+необзодимые модули/плагины)
- программирование дополнительного функционала (исходя из п.4). Отработка типовых сценариев работы. Корректирвоака.
- отладка основной функциональной части сайта (все что может быть реализовано без кончного дизайна)
- создание темы оформления («theme») для Cotonti. — на основе html шаблона (п.7) создаем tpl шаблоны для темы. Начинаем с главной, затем для всех разделов (из п.2), т.е. для каждого из вовлеченных модулей/плагинов. Если упростить, то это замена html кода тегами Cotonti, для вставки в шаблон данных или динамических блоков. Этот этап выполняет уже не «верстальщик», а программист/разработчик (или верстальщик, если он совмещает в себе эти функции).
- Отладка всего функционала в законченном дизайне. Корректировка оформления, программной части.
Упрощая — идем от задач сайта через программирование модели к финальному результату. От программной части к оформительской. И только так.
