Резиновая верстка сайтов – это разновидность верстки сайтов, при которой размеры компонентов веб-страниц сайта пропорционально «растягиваются» и «сжимаются», подстраиваясь под разрешение монитора пользователя. С момента своего изобретения резиновая верстка сайтов использовалась очень активно. Однако современные веб-дизайнеры считают, что резиновая верстка может негативно сказаться на эффективности сайта.
С приходом в повседневный быт больших и широких мониторов возникла необходимость в создании сайтов, которые бы одинаково хорошо выглядели и на стареньком 15-дюймовом ЭЛТ, и на современном 22 или 24-дюймовом ЖК. Это и дало появление резиновой верстке в противовес верстке фиксированной или жесткой, при которой все элементы дизайна находятся строго на своих местах, их положение и размеры не изменяются при изменении размеров окна браузера.
Резиновая верстка сайта позволяет «заполнить» все пространство окна браузера, однако при этом неизбежно возникают некоторые неудобства.
Читать текст с экрана монитора – труднее и утомительнее, чем с бумажного носителя. Резиновая верстка еще более усугубляет эту проблему, поскольку при чрезмерном «растяжении» текстовых блоков сайта максимально допустимая ширина текста может быть превышена.
Это приводит к тому, что текст становится неудобным для чтения – посетители вынуждены вновь и вновь совершать «длинное путешествие» от одного конца строки к другому. Глаза при этом устают гораздо быстрее, чем при чтении текстового блока обычной ширины.
Резиновая верстка может нарушить пропорции дизайна сайта, хотя и предназначена как раз для сохранения этих самых пропорций. Но далеко не все элементы дизайна могут пропорционально изменяться без потерь качества. В первую очередь, речь, конечно же, идет о растровых графических изображениях. Такие изображения нельзя «растянуть» или «ужать» без изменения качества.
Если резиновая верстка не учитывает подобных особенностей изображений, а также других элементов дизайна сайтов, то при «растягивании» одни элементы могут изменить свои пропорции, другие же останутся в своем первоначальном виде. В результате дизайн сайта перестает быть гармоничным, он нарушается или, как говорят веб-дизайнеры, «разваливается».
С технической точки зрения, резиновая верстка сайтов более сложна, по сравнению с жесткой версткой. При использовании жесткой верстки исчезает необходимость в отрисовке дизайн-макета сайта в нескольких состояниях (для разного разрешения), не нужно никаких технических ухищрений, чтобы сайт хорошо выглядел на всех мониторах. Кроме того, при наполнении неопытным пользователем сайта с резиновой версткой возможен «развал» дизайнерского решения сайта, а жесткая верстка не позволит случиться подобному «казусу».
Учитывая особенности резиновой верстки, для большинства сайтов веб-разработчики рекомендуют использовать фиксированную верстку. Однако для определенной категории сайтов резиновая верстка может быть приемлемой. К подобным сайтам относят, например, новостные порталы с минимальным графическим дизайном.
Теги:
резиновая верстка,
резиновая верстка сайтов,
резиновая верстка сайта,
верстка сайта,
верстка сайтов,
жесткая верстка,
фиксированная верстка |