Резиновая верстка сайтов: плюсы и минусы

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

С приходом в повседневный быт больших и широких мониторов возникла необходимость в создании сайтов, которые бы одинаково хорошо выглядели и на стареньком 15-дюймовом ЭЛТ, и на современном 22 или 24-дюймовом ЖК. Это и дало появление резиновой верстке в противовес верстке фиксированной или жесткой, при которой все элементы дизайна находятся строго на своих местах, их положение и размеры не изменяются при изменении размеров окна браузера.

Резиновая верстка сайта позволяет «заполнить» все пространство окна браузера, однако при этом неизбежно возникают некоторые неудобства.

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

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

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

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

С технической точки зрения, резиновая верстка сайтов более сложна, по сравнению с жесткой версткой. При использовании жесткой верстки исчезает необходимость в отрисовке дизайн-макета сайта в нескольких состояниях (для разного разрешения), не нужно никаких технических ухищрений, чтобы сайт хорошо выглядел на всех мониторах. Кроме того, при наполнении неопытным пользователем сайта с резиновой версткой возможен «развал» дизайнерского решения сайта, а жесткая верстка не позволит случиться подобному «казусу».

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

Теги:
резиновая верстка, резиновая верстка сайтов, резиновая верстка сайта, верстка сайта, верстка сайтов, жесткая верстка, фиксированная верстка

Источник