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

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

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

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

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

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

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

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

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

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

Цены и сроки

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

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

Создание блога

Зачем нужен свой блог Создание блога необходимо людям, которые хотят размещать качественную и полезную…

Разработка дизайна сайта

Дизайн — это не только стиль Одним из самых важных и фундаментальных этапов создания…

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

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


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

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

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