Три типа верстки сайта

Верстка. Превращение макетов в шаблоны HTML-страниц, которые интегрируются с системой управления сайтом. Вёрстка бывает 3 типов:

1. С фиксированной шириной. В этом случае ширина дизайна сайта неизменна при любом размере окна на экране с любой диагональю и разрешением. За эталон принимается минимальная ширина из числа наиболее распространенных в русском сегменте интернета по данным статистики. К примеру, в 2011 году примерно 23% аудитории пользовалось мониторами шириной 1024 точки, а мониторы с шириной 1280 точек были уже у 38% обитателей РУнета, поэтому фиксированный дизайн ещё имело смысл ориентировать на мониторы с шириной 1024 точки. Недостаток такого подхода в том, что на широких экранах появляются пустые поля по бокам.

 

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

 

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

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


Защитный код
Обновить