Резиновый тип макета

Резиновый тип макета (англ. adaptable fluid) . Тип макета переменных в ширины, относительного положения элементов и постоянных размеров, пропорций размеров элементов страницы относительно разрешения монитора. Как правило для макета используется табличная вёрстка, но может так же применяться как чисто DIV верстка так смешанное применение этих тегов в шаблоне страницы. В большинстве случаев как правило применяется именно смешанная вёрстка что собственно зависит только от предпочтений верстальщика страницы. По сути резиновый тип макета является частным случаем фиксированного типа макета обладающего к тому же ещё большими недостатками.

Основные признаки

Основное отличие резинового типа макета ото всех остальных заключается в следующем:

• Значение размера ширины родительского элемента (элементов) задаётся в в % (процентах) по отношению к разрешению монитора и как правило это значение равно 100 %. Значение ширины может иметь и меньшее значение в зависимости от замысла верстальщика проекта сайта.
• Все остальные размеры элементов страницы сайта имеют постоянное значение, выражаемое в основном единицами измерения в пиксель (PX) (для выражения любого значения атрибута стиля размера элемента страницы) и пункт (PT) (1 пункт равен 1/72 дюйма) (только для шрифтов). В некоторых случаях применяются, но редко, и другие единицы выражения значений размера элементов.
• Относительные пропорции размеров отдельно взятых элементов, и части элементов относительно друг друга постоянны и не зависят от:
  • разрешения экрана монитора,
  • размера экрана монитора,
  • соотношения сторон экрана монитора,
  • размеров и масштаба окна обозревателя.

От разрешения, размера экрана монитора и масштаба окна обозревателя зависят только:

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

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

Положительные стороны макета

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

Отрицательные стороны макета

Как правило резиновый тип макета, выглядит пропорционально и визуально комфортно воспринимается в узком диапазоне разрешений экрана монитора относительно значения ширины макета, выраженного в пикселях. Значение разрешения монитора в процентном выражении к ширине макета, при котором макет выглядит и воспринимается более менее комфортно находится в пределах: 100 % в 120 % от значения ширины макета страницы. При более значительной разнице между разрешением монитора и шириной макета страницы, для эргономичного восприятия страницы сайта потребуется масштабирование окна обозревателя. Или для случая когда ширина макета превышает разрешение монитора, так же потребуется масштабирование окна или управление появившимся в окне горизонтальным скроллбаром для перемещения по горизонтали отображаемой страницы сайта.

И первый и второй случай, с точки зрения юзабилити (англ. usability) являются отрицательным фактором. Так как требуют дополнительных усилий от пользователя, для достижения поставленных им целей при ознакомлении с содержимым сайта. С каждым годом этот недостаток усугубляется в связи с расширением линейки разрешений и размеров мониторов в сторону увеличения. Вследствие всего вышеперечисленного, с учётом определения юзабилити, этот тип макета нельзя считать эргономичным.

Аспект неэргономичности макета

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