+7 (499) 404-13-30

Верстка сайта

Процесс начинается с того, что на готовых макетах выделяются основные блоки, которые потом отражаются в html. Далее добавляются остальные блоки, находящиеся внутри основных. После чего ведется работа с css. Бывает такое, что макета нет, в таких случаях он создается в уме или на бумаге от руки.

Для верстки из проекта в проект используется несколько инструментов. Во-первых, это Node.js. С ее помощью разворачивается сервер, позволяющий вести разработку и одновременно отслеживать изменения в браузере. Так как в основном все сайты адаптивные, нужно смотреть, как будет выглядеть верстка на разных устройствах. Также подключается Stylus - препроцессор для css. Он освобождает от лишних телодвижений и автоматизирует работу, например, дорисовывает скобочки и вставляет запятые. Если будет допущена ошибка в каком-нибудь селекторе, то Stylus исправит. Не обойтись и без Panini - препроцессора для html, позволяющего удобно верстать блоки. Указывается, где какой блок должен быть, и Panini сам все собирает и автоматически запускает обновление остальных страниц. Для того чтобы сгенерировать страницы, достаточно просто указать ссылки и названия этих ссылок в nodejs-файле. Также могут использоваться дополнительные инструменты, такие как git для контроля версий.

Всеми инструментами «заведует» gulp – task manager. Он позволяет автоматизировать процесс: запустит сервер, откроет браузер, если он не открыт, и отобразит уже собранную страницу и с html, и со стилус-файлами, эту страницу можно будет смотреть как на телефоне, так и с помощью браузера.

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

Для нас важно выполнять задачи в срок. Но если проект «долгоиграющий», лучше «заложить качественный фундамент». Мы часто сталкиваемся с необходимостью дорабатывать сайты не нашей разработки и объяснять клиентам, почему нужно переделывать буквально все, чтобы сайт стал адаптивным, несмотря на то, что, по сути, для мониторов настольных ПК внешний вид сайта не изменится.

Постоянно совершенствуя и оптимизируя процесс верстки, мы стремимся к идеальному полу-автоматизированному алгоритму, в котором участие человека сведено к минимуму, а скорость исполнения значительно выше. Мы делаем работу за оптимальные сроки.

Оформите заявку, заполните любую форму, и ваш новый любезный и дружелюбный менеджер по работе с техническими специалистами вам перезвонит.