Главная / Технологии сайтостроения / КАК ДЕЛАЮТ САЙТЫ / Разработка WEB-интерфейса / Резиновый сайт - верстка : заказать верстку сайта

САЙТЫ, которые ПРОДАЮТ!
(965) 368 - 44 - 43
info@imho-design.ru

Резиновая верстка сайта

заказать верстку резинового сайтаВы поступили совершенно правильно, если решили заказать верстку сайта резинкой: ведь при создании резинового сайта все размеры блоков и отступы задаются не напрямую, а в процентах от размера окна или материнского блока. Это позволяет сайту плавно менять свои размеры в зависимости от ширины окна браузера. Таким образом сайт всегда отлично выглядит при изменении размера окна или на разных мониторах. Резиновая верстка сайта широко применялась ещё до появления моды на адаптивные сайты, поскольку позволяла сайту одинаково хорошо выглядеть на небольших ноутбуках и на больших мониторах. Резиновые сайты обычно закрывают диапазон разрешений от 1024×768 до 1680×1050. Иногда резиновая вёрстка начинается от ширины в 800 и заканчивается шириной в 1920, но при таком разлёте при классической резиновой вёрстке сайт получится либо слишком разреженным на больших ширинах, либо слишком плотным на малых. В этом случае резиновый сайт лучше совмещать с приёмами адаптивного дизайна, чтобы обеспечить резиновой верстке сайта одинаково хороший вид на всех промежуточных экранах.

Растяните окно, чтобы посмотреть поведение верстки резинового сайта на разных разрешениях:

 
 

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

Несомненным плюсом «резинки» является возможность быстро сделать сайт, хорошо выглядящий на большом диапазоне экранов, без применения адаптивных технологий. Кроме того, такой дизайн будет стоить очень небольшие деньги по сравнению с полноценным адаптивным проектом. Немаловажно, что резиновая верстка позволяет сайту при изменении ширины окна изменять свою конфигурацию плавно, что делает эту технологию хорошим выбором даже при изготовлении адаптивного сайта: очень часто клиент выбирает заказать верстку сайта с использованием адаптивной технологии и при этом — «резинкой». Такой подход позволяет добиться практически идеального поведения сайта при изменении размеров экрана. К минусам резиновой вёрстки следует отнести серьёзную трудоёмкость такой вёрстки при большом количестве интерфейсных элементов и многоуровневой структуре вложенности инфоблоков сайта. Также свободно «съезжающиеся» и «разъезжающиеся» элементы резинового сайта слегка меняют его композицию и пропорции, что приемлемо далеко не на всех дизайнах; в этом случае наилучший результат достигается применением адаптивных media-запросов на резиновом сайте, позволяющих динамически изменять размер шрифтов и графических элементов. Такой подход делает резиновый сайт практически идеальным решением в веб дизайне.

Базовая стоимость неадаптивной резиновой вёрстки сайта — 5 000 рублей (сайт нормально отображается в диапазонах разрешений с шириной от 1024 до 1366 пикселей или от 1280 до 1680 пикселей). При достижении максимальной границы сайт будет отображаться с полями по бокам, в которые обычно вставляют задний фон картинкой или сплошным цветом.

Читайте подробнее материалы по теме:

Фиксированная вёрстка сайта

Адаптивный дизайн сайта
(чем подход к дизайну адаптивного сайта отличается от обычного дизайна)

Адаптивная вёрстка сайта
(какие бывают типы адаптивной вёрстки, живые примеры)

Устройства и разрешения для адаптивной верстки
(для каких устройств и разрешений мы разрабатываем адаптивные сайты)

Адаптивное меню для сайта
(как может изменяться меню для адаптивного сайта, примеры)

 

заказать верстку сайта резинкой

Элементы сайта плавно смещаются в зависимости от размера экрана и оптимально заполняют всю его площадь. Однако размеры самих элементов при этом остаются постоянными.

заказать фиксированную верстку сайта

Размер всех элементов строго определён, и их взаимное расположение не меняется. При растяжении сайт располагается по центру окна, а по бокам растягиваются поля.

заказать адаптивную верстку сайта

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

 

 

Другие материалы:

 

Тестирование сайтаТестирование ресурса необходимо разделить на три крупные части: это «тестирование вёрстки» (о котором мы уже говорили в отдельном разделе), «технологическое тестирование» и «пользовательское тестирование».

подробнее>>>

Засилье «дизайна»Суть у таких проектов одна — «наворотить», «надизайнить» побольше, поразить заказчика «художественностью», совершенно не заботясь о его деньгах и успешности его бизнеса, а только о «крутости» его сайта, ведь для неискушённого заказчика отвергать такие красивые проекты всегда ох как сложно и жалко...

подробнее>>>

Верстка дизайна сайтаФактически, работа дизайнера заканчивается на создании графического макета сайта, подобного тем, которые размещены в портфолио, только в высоком разрешении (макет обычно готовится в графических пакетах Adobe, Macromedia и др.). Окончательный макет должен быть утверждён заказчиком, после чего графический файл передаётся верстальщику.

подробнее>>>

Интернет магазинИнтернет-магазин — это каталог товаров и/или услуг со встроенной возможностью рассмотреть изображение товара, прочитать его описание, узнать цену и способ доставки, а также заказать понравившиеся позиции с помощью корзины. Фактически, интернет-магазин представляет собой...

подробнее>>>

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

подробнее>>>

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

подробнее>>>