г.Санкт-Петербург, ул.Кронверкская 5, БЦ “Троицкий”, оф.539

8(812) 642 20 62

Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.

8 (812) 642 20 62

info@trendspb.ru

интернет-продвижение, web-сайты, реклама, дизайн

Как создать резиновый сайт 

 

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

 

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

 

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

 

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

 

Создание резинового сайта

 

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

 

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

 

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

 

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

 

 

У вас остались вопросы?  Есть предложения?

Вы всегда можете получить бесплатную консультацию по телефону:

(812) 642-20-62

 

ВЫ МОЖЕТЕ ОСТАВИТЬ ЗАЯВКУ

Выберите услугу
Представтесь, пожалуйста*
Номер телефона*
Дополнительная информация
Адрес электронной почты
 

Нажимая на кнопку "Отправить", вы даете согласие на обработку своих персональных данных. Ознакомиться с политикой конфиденциальности.

800 subscribers 702 followers 153 likes

БУДЕМ НА СВЯЗИ