Версткой сайта называется процесс трансформации макета, сделанного обычно в формате photoshop, в html документ. При этом составляется набор CSS правил. Верстка – это, конечно, не создание макета в фотошопе, но также требует творческого подхода. Хотя, с приобретением достаточного опыта, процесс верстки механизируется. О качестве верстки судят по отличию созданного сайта от макета.

Существует два вида верстки – табличная и блочная. Рассмотрим преимущества и недостатки каждой из них.

Табличная верстка

Наибольшей популярностью табличная верстка пользовалась у начинающих веб-мастеров в начале эпохи развития создания сайтов. Процесс верстки макета также, как и строительство турецкой бани, является главным аспектом в сайтостроении. Хотя и сейчас многие используют ее по привычке, при этом доведя до совершенства свои навыки. Основная идея табличной верстки – представление сайта в табличном виде, что возможно благодаря его типовой структуре. Ширина таблицы при этом может быть как фиксированная, так и «резиновая» (меняется при изменении разрешения монитора).

Преимущества и недостатки:

• Простота освоения, не требуется глубокое знание HTML и CSS;

• При реализации понятна на интуитивном уровне, минимальное количество CSS правил;

• Невозможность реализации сложного дизайна, требующего перекрытия элементов;

• Главный недостаток – отсутствие возможности частичного последовательного показа (браузер ждет полной загрузки таблицы). Это часто приводит к преждевременному уходу пользователей.

Блочная верстка

Основа блочной верстки – расположение по вертикали блочных элементов в том же порядке, в каком они идут в HTML коде. Кроме того, существует возможность задания блоку свойство плавучести, в результате чего он (кроме текста) будет игнорироваться другими блоками, или его будут обтекать такие же плавучие блоки. Блочным можно сделать любой элемент, задав ему свойство display:blok.

Преимущества и недостатки:

• Меньший объем кода;

• Возможность реализации сложного дизайна;

• Сложность освоения;

• Необходимость решения вопросов кроссбраузерности.