Резиновая верстка – это верстка, при которой размер сайта подстраивается под ширину браузера. Основным ее преимуществом является возможность просмотра сайта на устройствах с различной диагональю.

Как сделать "резиновую" верстку для нового сайта?

Ширина текстовых блоков





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

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

Пустые поля

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

Отображение «шапки»

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

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

Эмоциональное влияние

Многие разработчики являются консерваторами. С их точки зрения фиксированная верстка наиболее стабильна, т.к. пользователям она привычнее. Это совершенно не так. Активных пользователей не пугают изменяющиеся размеры блоков. А резиновая верстка позволяет привлечь большее число посетителей на сайт за счет способности корректного отображения страниц на различных устройствах.

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