Верстка сайта
Верстка сайта это отображение кода сайта в браузере в таком же виде как на макете, который мы получили на этапе дизайна сайта. Верстка сайта процес сложный и ответственный, так как это основополагающий этап в создании сайта. Верстка сайта должна быть адаптивной и корректно отображаться на всех устройствах, да и конечно во всех актуальных браузерах. Поэтому этот процес тестируют неоднократно и на протяжении всего этапа разработки. Верстку сайта делают из PSD макетов, которые подготовил дизайнер.
Также верстку можно разделить по видам сложности.
- Верстка макета первого уровня сложности занимает в среднем 4 часа, т.е. его стоимость оценивается до $100. Макет такого уровня, как правило, имеет стандартную прямоугольную структуру: шапка, информационная часть, футер. Подобные макеты используются для блогов и сайтов визиток.
- На верстку макета второго уровня сложности нужно потратить около 8 часов, следовательно, верстка будет стоить до $200. Сайты такого уровня имеют более сложную структуру. Используется jQuery, спрайты и другие технологии для украшения и быстродействия сайтов. К этой категории можно отнести верстку интернет-магазинов и блогов.
- Макет третьего уровня сложности, с множеством мелких графических элементов, использованием jQuery, применением нестандартных решений будет занимать 12 рабочих часов. Верстка макета такого уровня оценивается до $300. К этой категории можно отнести некоторые корпоративные сайты и интернет-магазины.
- К четвертому уровню сложности относится адаптивная верстка. На адаптивную верстку нужно потратить наибольшее количество времени, около 20-ти часов. Верстка адаптивных сайтов наиболее трудоемкая и ее стоимость начинается от 500$. Сложность адаптивной верстки заключается в том, что она учитывает особенности не только компьютеров, но и смартфонов, и планшетов. У верстальщика появляется намного большая ответственность перед заказчиком, потому что сайт должен одинаково хорошо смотреться на всех устройствах. Для того, чтобы на планшете и телефоне верстка смотрелась так, как хочет заказчик, дизайн должен быть выполнен отдельно для каждого устройства. По умолчанию, адаптивная верстка будет тестироваться на iPhone и iPad.