Резиновая верстка сайта: преимущества и недостатки

Резиновая верстка сайта: преимущества и недостатки

Доступные через интернет сайты можно классифицировать по различным признакам, но одно из наиболее распространенных разделений – по типу верстки.

Безусловно, что огромную роль во впечатлении, которое производит интернет-ресурс, играет его web-дизайн. А тот, в свою очередь, тесно связан с версткой, с корректным и логичным расположением элементов.

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

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

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

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

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

Не стоит забывать, что когда сайт находится в стадии разработки и верстки, уже на этих этапах надо учитывать рекламу в интернете, то есть, будет ли данный конкретный ресурс содержать рекламные объявления, баннеры и т.д. Резиновая верстка сама по себе близка к HTML и отличается гибкостью. Однако, если на сайте планируется размещать рекламу, то он должен быть сверстан так, чтобы реклама выглядела корректно в любом браузере и на мониторе с любым расширением. Иначе, даже самый эффектный баннер или flash, не будут работать, не говоря уже о том, что картинки и текст рискуют на мониторах с больших разрешением «поплыть» и разъехаться по сторонам весьма непредсказуемым образом.

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