19-10-2023
Динамично эластичный тип макета (англ. dynamically expandable elastic) . Тип макета постоянных размеров и пропорций элементов страницы относительно окна обозревателя. Основным элементом вёрстки является тег DIV. Табличные теги так же могут применяться, но лишь как вспомогательный элемент, как контейнер для размещения множества однородных элементов страницы для упрощения их взаимного расположения.
Двойственность названия типа макета выраженная в применении синонимов динамично (динамичный) и эластичный, и связана со следующим.
Способность пропорционально изменять размеры независимо ото всего кроме размера окна обозревателя, обусловлена применением Javascript_a, изначально предназначенного для масштабирования шрифта текста на странице колёсиком мыши. Эта возможность регулировать размер шрифта трактовалось в классификациях типов макетов прошлого столетия как основной признак эластичного типа макета. Так и не нашедшего практического применения, ввиду несовершенства трактовки, несущей в себе только теоретические умозаключения, отсутствия методов и целесообразности создания таких макетов, так и собственно практической реализации эластичного типа макета как такового в виде сайта.
Содержание |
Основное отличие Динамично эластичного типа макета ото всех остальных заключается в следующем:
Так же в некоторых случаях применяются единицы измерения — % (проценты) и PX (пиксели).
Общий размер шаблона макета зависит только от размера окна обозревателя. Макет так же не масштабируется в окне обозревателя, так как он всегда «во весь экран» обозревателя.
Положительными сторонами макета является относительная простота создания макета страницы. Макет может создаваться «под любое разрешение» без оглядки на разрешение и размер монитора вообще. Кажущаяся сложность на самом деле является следствием стереотипа опыта применения размеров элементов абсолютными единицами измерения (PX, PT) при создании сайтов.
По сути Динамично эластичный тип макета это брат близнец Фиксированного типа макета. Ему так же присуща постоянные: пропорциональность размеров самих элементов, пропорций соотношения размеров разных элементов относительно друг друга и положения элементов в макете. Одно кардинальное отличие у этих макетов в том что: фиксированный тип макета опирается на определённый размер относительно разрешения монитора, а динамично эластичный опирается только на размер окна обозревателя.
Динамично эластичный макет, его видимый размер на экране монитора зависит только от размера окна обозревателя. Благодаря своим свойствам динамично эластичный макет, единственный из макетов который является эргономичным, что с точки зрения юзабилити (англ. usability) являются положительным фактором, чего нельзя сказать о других типах макетов.
Фактически отрицательные стороны динамично эластичного типа макета заключаются в том что в данном типе макета невозможно применение тегов HTML, изначально по умолчанию, подразумевающих под единицами выражения размера абсолютную единицу измерения пиксель (PX). Например теги MAP, AREA использующие по умолчанию для координат областей ссылок на изображении только пиксель, что делает такие теги «не эластичными». При необходимости возможна реализация аналога этих тегов в виде группы элементов страницы, что не составит большого труда для опытного верстальщика. Так же непропорционально относительно иных элементов страницы могут выглядеть рекламные баннеры некоторых сервисов (Google) на мониторах с различным разрешением. Выводимые на страницу Javascript_ами изначально опирающимися так же на пиксель как на единицу измерения размера по умолчанию. Опять же при наличии достаточного опыта в написании скриптов данный недостаток может быть успешно ликвидирован верстальщиком проекта.
Для обоснования используем теорему косинусов, на основании имеющихся таких исходных данных как:
Графическая модель используемая в расчётах (вид сверху) и условные обозначения использованные в графической модели.
Для получения сравнительных результатов использованы исходные данные размеров и разрешения по умолчанию мониторов с диагональю 17" и 21" с классическим соотношением сторон 4:3.
Разрешение по умолчанию для мониторов :
Значение ширины отображающих поверхностей мониторов 17" и 21" :
Эргономичное расстояние от поверхности монитора до глаз пользователя как произведение коэффициента эргономичности на значение размера диагонали отображающей поверхности монитора (для коэффициента — 1.5/для коэффициента — 2) :
В результате вычислений по уравнению теоремы косинусов, по двум значениям сторон треугольника и углу между ними, получены следующие значения углового размера отображения плоскости экрана монитора, значение угла E в градусах.
Размер диагонали монитора (дюймы) | 17" | 17" | 21" | 21" |
Коэффициент эргономичности | 1.5 | 2 | 1.5 | 2 |
Эргономичное расстояние (сантиметры) | 60 | 80 | 75 | 100 |
Угловой размер отображения макета (градусы) | 28.0 | 21.8 | 28.1 | 21.8 |
Как следует из результатов вычислений, угловой размер отображения динамично эластичного макета, на мониторах обоих размеров, при равных значениях коэффициента эргономичности фактически равны (значения 28.0 и 28.1) (значения 21.8 и 21.8). Визуально отображение макета воспринимается как равные по размеру изображения, не требующие для адекватного ознакомления с ними каких либо дополнительных действий со стороны пользователя. Вследствие чего это можно расценивать как положительный фактор юзабилити и эргономичности динамично эластичного типа макета.
Веб и веб-сайты | |
---|---|
Глобально | |
Локально | |
Виды сайтов и сервисов |
Виртуальный атлас • Баннерная сеть • Блог (платформа) • Видеохостинг • Вики (список движков • список сайтов) • Сайт-визитка • Вопрос-ответ • Закладки • Службы знакомств • Каталог ресурсов • Интернет-магазин • Микроблог • Тамблелог • Новостной сайт • Поисковая система (список) • Порносайт • Социальная сеть • BitTorrent-трекер • Файлообменник • Форум (Сервис • Имиджборд) • Фотохостинг • Чат |
Создание и обслуживание |
|
Типы макетов, страниц, сайтов |
Статический • Динамический • Фиксированный • Резиновый • Динамично эластичный |
Техническое | |
Маркетинг | |
Социум и культура |
Динамично эластичный тип макета.