Онилайт
с 9:00 до 21:00
info@onilite.ru

Вёрстка сайта по PSD макету

Виктор Черников
09.09.2018

Основы вёрстки

После разработки дизайна вторым по значимости этапом создания сайта является вёрстка. В это понятие входит создание разметки на языке html, составление правил в таблице стилей на языке css и написание скриптов на js. Здесь возможно также и использование различных фреймворков, библиотек и препроцессоров для более эффективного и быстрого результата.

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

Построение сеток

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

Творческая работа

В таблице стилей верстальщик описывает внешний вид всех ключевых элементов на странице. Кнопки и все их состояния, рамки, отступы, цвета и размеры шрифтов, тени и анимации на css. Часто так бывает что дизайнер не предусмотрел абсолютно всего и верстальщику приходится импровизировать на ходу придумывая то как будут выглядеть некоторые состояния кнопок или модальные окна используя общий стиль сайта не выбиваясь из общей концепции дизайна. Таким образом верстальщик участвует в создании дизайна и разделяет часть обязанностей дизайнера.

Цены и сроки

Для оценки работы по вёрстке рассчитывается время и сложность реализации существующего дизайна. Цена формируется индивидуально для каждой страницы и может существенно отличаться в зависимости от наличия сложных элементов и эффектов. Подробнее о ценообразовании вы можете посмотреть на странице цены.

Интересно почитать

Создание сайта под ключ

Комплексное решение Создание сайта «под ключ» включает комплекс мер по реализации внешнего вида, структуры…

Посадка сайта на CMS

Что такое CMS CMS или движок — это система управления контентом. Современные CMS имеют…

Комментарии и отзывы

Ещё нет комментариев к данной записи...


Добавить комментарий

Для комментирования в один клик необходим вход или регистрация.

Заявка на обратную связь
Нажимая на кнопку, вы даете согласие на обработку персональных данных
+7 (937) 245-81-91
с 9:00 до 21:00
info@onilite.ru