Идея пластичности шаблона реализована при помощи значений width и height, которые задаются не в абсолютных величинах, например, пикселах, а в процентах. За 100% принимается размер контейнера, который включает в себя описываемый объект.

Задавая параметры width и height в абсолютных значениях, мы делаем «жёсткий» шаблон, но есть исключения. Потенциал динамического изменения его размеров сохраняется за счет применения технологий JavaScript. Но говорить о максимальной гибкости переменной функции можно только в случае с использования процентных величин.

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

  • Если размер страниц устанавливается в соответствии с «оптимальными» значениями разрешения экрана пользователя (1024х768 или 1280x1024), а просмотр осуществляется на мониторе большего размера, по бокам будут пустые поля.
  • Ориентируясь при построении жесткого шаблона на «максимальное» разрешение, при просмотре сайта на экранах с более низким разрешением он будет иметь горизонтальную полосу прокрутки. Как результат — «потеря» части изображения за полями.

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

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