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

Верстка является важным этапом при создании интернет-проектов. Её выполняет фронтенд-разработчик (верстальщик). Он принимает работу дизайнера и подготавливает её для программиста: переводит все, что придумал оформитель, на компьютерный язык — на программный код, понятный браузерам.

Задачи верстки

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

Благодаря грамотной работе верстальщика проекты, созданные агентством RUNECT, отображаются корректно и одинаково на любых устройствах. Все элементы при открытии будут на своих местах в Chrome, Firefox, Opera и в мобильных браузерах.

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

Верстальщик использует множество тегов: script, link, div, span, section/header/footer, h1–h6, ul+li, form, table+tr+td. Он выбирает цвета, шрифты, отступы, размеры всех элементов, расстояния между строками. Прорабатывает динамические участки: всплывающие окна, слайдеры, интерактивные кнопки. Верстка может быть блочной, табличной, послойной, фиксированной или резиновой и много какой ещё.

Профессионалы агентства RUNECT создают сложные многоуровневые ресурсы, подбирая наиболее эффективные инструменты, максимально соответствующие задачам клиента.

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

От работы верстальщика зависит:

Задачи верстки

Инструменты верстки

Принцип работы