Верстка – процесс перевода из фотошоповского PSD макета в понимаемый современными браузерами компьютеров и мобильных телефонов формат html/css.
После верстки вы получаете архив, но назвать это полнофункциональным сайтом нельзя: ведь сайт нужно как-то наполнять, обновлять, а делать это в коде не обученному довольно неудобно.
Поэтому после верстки макет нужно натянуть на какой-то движок – систему управления контентом. Большинство современных движков удобны в управлении, наполнении и не требуют каких-то специфических знаний.
Ниже я пропишу табличку с расценками на верстку макетов, интеграцию в CMS и технологии, которые я использую.

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

Что? Сколько? Как долго?

Верстка главной

Большинство главных страниц сайта наиболее функциональны, нагружены по сравнению с другими страницами. На такие страницы уходит больше времени, поэтому и стоят они дороже.

$15-25 2-3 часа

Верстка второстепенных страниц

Второстепенные страницы менее захламленные, основная их задача – донести контент до посетителя. Они проще, некоторые элементы (шапка и подвал) могут использоваться с главной страницы.

$5-15 60-90 минут

Верстка под мобильные устройства

Очень многое в адаптивной / респонсивной / мобильной верстки зависит от отличий макета от основной версии сайта. Разброс временных затрат довольно большой. Зачастую около 40-60% бюджета полного сайта

50-60%
$40-50

Добавление скриптов

Современные веб сайты ну никак не обходятся без использования JavaScipt – это и разнообразные галерейки, слайдшоу, слайдеры, модальные окна и прочее. В работе я использую как самописные простые вещи, так и плагины к Jquery.

$5-10 30-60 минут

Верстка почтовых рассылок

Специфический тип верстки – почтовые клиенты развиваются медленней браузеров, приходится учитывать довольно старые технологии, разные форматы экранов. Инлайновые стили, невозможность нормальной работы с изображениями…

$20-40 2-4 часа минут

Указанные цены – это то-то усредненное.

Как правило стоимость верстки с нуля и разработки под ключ простого сайта варьируется в пределах $70-90

Естественное добавление мобильной версии, какого-то дополнительного функционала удорожает проект, но все в разумных пределах.

HTML5/CCS3 верстка div'ами (табличная по желанию заказчика)


Табличная верстка хоть и устарела, но сейчас активно используется для некоторых элементов – отзывчивая верстка, верстка писем или pdf документов.
Во всех остальных случаях я активно использую последние тренды в разработке с помощью HTML5 и CSS3. Постоянно ставлю перед собой задачи минимизации основного html кода, использование псевдоэлементов – это упрощает дальнейшую поддержку кода сайта.

Верстка под мобильные устройства


Сейчас уже поисковые системы ранжируют выше сайты, адаптированные под мобильные устройства. Да и количество мобильников / планшетов просто огромное количество. Поэтому все больше клиентов просят разрабатывать сайт учитывая возможность нормальной работы на телефонах.

Оптимизированный код, стили, скрипты и изображения


Мало просто порезать сайт на картинки и натянуть это на каркас. Правильно сверстанный сайт должен содержать минимум графики, минимальное количество загружаемых сторонних элементов, максимально пожатые (естественное без потери качества) изображения.
Все это есть у меня;)

Кроссбраузерно для всех популярных браузеров


Разработкой сайтов я занимаюсь с 2007 года и уже как-то вошло в привычку писать код учитывая возможность использования на устаревших устройствах. Поддерживаю все современные и не очень браузеры.
Естественное поддержка всяких IE6-IE8 обойдется дороже, но эти браузеры используют менее 0.5% посетителей – стоит ли на них обращать внимание? Лучше повешать для них заглушку, хотя возможны исключения.
Кросбраузерно – означает что ваш сайт будет одинаково работать на всех популярных браузерах. Ведь кто-то отдает предпочтение Opera, кто-то использует Chrome, а у кого-то на работе запрещено использовать всё кроме интернетэксплорера. У всех браузеров свои методы отображения страниц, и при верстке нужно учитывать все их пожелания.

Валидно согласно http://validator.w3.org/

Как и любой другой инструмент, язык разметки html должен соответствовать стандартам. Один из мощнейших сервисов проверки на соответствие правильности html кода – http://validator.w3.org/. Практически все вебмастера прислушиваются к его требованиям.

Верстка seo-оптиммизированная, учитывая последние рекомендации Google и Яндекс

Что такое поисковая оптиммизация, я думаю вам говорить не нужно? На позиции вашего сайта влияют сотни факторов. И немаловажными являются правильная верстка сайта и разметка основных элементов.

Домолнительно могу использовать микроразметку с рекомендациями от http://schema.org/

Это язык микроразметки. Используется в основном поисковой системой Google для буржуинов, но уже сейчас некоторые элементы применяются и в рунете. О поддержке микроформата schema.org заявил и Яндекс, и некоторые другие поисковые системы.

Активно использую скрипты JavaScript

jQuery – библиотека JavaScript’a, которая улучшает работу html. С помощью этих красивостей сделаны множество современных сайтов – всякие карусельки, слайдеры, AJAX подгрузка страниц

Верстка с нестандартными шрифтами

Есть множество разных вариантов верстки нестандартных шрифтов. Иногда используют тяжелые флешевые элементы, иногда изображение режут и каждую букву вставляют отдельно. Я же использую самый прогрессивный и понятный для всех браузеров метод – Cufón. Конечно это в том случае, если такие шрифты невозможного подключить через обычный font-face

После того, как сайт сверстан – его нужно натянуть на какую-то систему управления контентом. На сегодня я отлично натягиваю верстку сайта на такие популярные CMS как WordPress и DLE, несколько раз работал с интернет-магазином PrestaShop и некоторыми другими. Вообщем при верстке практически нет преград, большинство современных движков имеют типичную шаблонизацию. Единственное что – я не люблю Joomla, и могу только отверстать шаблон, но натягивать я откажусь практически во всех случаях.