Вёрстка сайта

Если вы хотя бы раз пользовались услугами полиграфии, то вы наверняка имеете представление о том, что такое верстка. Если коротко, то это структурирование страницы с расположением текстовых блоков и элементов дизайнерского оформления в соответствии с макетом. Верстка сайта – процесс более сложный и многоплановый, так как сайт состоит не только из статичных элементов и по-разному отображается в браузерах и на мониторах с разным разрешением экрана.

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

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