Динамическая
и статическая компоновка сайта
Современные видеокарты
поддерживают несколько произвольно устанавливаемых видеорежимов, характеризующихся
экранным разрешением и количеством цветов, используемых при отображении
информации на экране компьютера. С помощью встроенных функций операционной
системы пользователь может установить несколько стандартных значений
экранного разрешения, например 640x480, 800x600, 1024x768, 1152x864,
1280x1024 или 1600x1200 точек. Разумеется, при открытии в одном и том
же броузере какой-либо web-страницыона может отображаться не одинаковым
образом в зависимости от используемого посетителем сайта экранного разрешения.
Для того чтобы избежать
«съезжания» элементов html-документа друг относительно друга
и, как следствие, деформации web-страницы в целом при изменении параметров
экрана, применяется достаточно простой и действенный прием: все компоненты
web-страницы заключаются в соответствующие ячейки невидимой таблицы,
при этом каждому объекту назначается одно, строго определенное положение.
Таким образом, появляется второй критерий, по которому можно разделить
все существующие web-сайты на две условные категории. Данной таблице
можно назначить строго определенную ширину в пикселах, например, 640
точек, после чего жестко позиционировать ее по центру экрана или «прижать»
к левому его краю. Такой вариант компоновки сайта можно назвать статическим,
поскольку ширина таблицы не меняется в зависимости от экранного разрешения.
Разумеется, при изменении параметров экрана не происходит ни малейшего
смещения элементов дизайна страницы.
Иной подход — когда
ширину невидимой таблицы, содержащей фрагменты web-страницы, задают
в процентах от текущей ширины экрана. При увеличении экранного разрешения
таблица «растягивается» по горизонтали, и все размещенные
в ее ячейках элементы, позиционированные либо по центру, либо по краям
столбцов, смещаются согласно установленному алгоритму. В силу того,
что параметры таблицы изменяются в зависимости от настроек экрана, такой
принцип компоновки html-документа можно назвать динамическим. И тот
и другой подход обладает как достоинствами, так и недостатками, которые
перечислены ниже.
