Динамическая и статическая компоновка сайта

Выбор варианта компоновки и используемых шаблонов определяется условиями технического задания на разрабатываемый веб-сайт. Основными параметрами являются общий объем веб-сайта и "увязка" внешнего вида страницы с разрешением мониторов потенциальных посетителей.

Различают динамическую и статическую компановку сайтов.

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

1 - верхняя часть страницы. Используется для размещения логотипа, эмблемы, названия фирмы, страницы и другой наиболее важной информации.
2,5 - область размещения гиперссылок или панели навигации сайта.
4 - область размещения текста.
3 - нижняя часть страницы. Используется для размещения контактной информации или иных данных, менее важных, по сравнению с размещенными в области 1.

Достоинства. Простота алгоритма верстки документа. Оптимизировав страницу для отображения с экранным разрешением 800x678 точек, вы можете быть уверены, что при изменении пользовательских экранных настроек элементы дизайна не «поплывут». Кроме того, данный вариант компоновки сайта в большинстве случаев (при соблюдении ряда дополнительных условий) позволяет добиться идентичности отображения html-документа в броузерах Microsof tInternet Explorer и Netscape Navigator.

Недостатки. При отображении документа на компьютере с высоким экранным разрешением по краям экрана или с правой его стороны остается заметное пустое поле.

Отличительной особенностью динамической компановки является "резиновая" (заданная в процентах) ширина сайта. При увеличении экранного разрешения сайт «растягивается» по горизонтали, и все размещенные в нем элементы, позиционированные либо по центру, либо по краям столбцов, смещаются согласно установленному алгоритму.

Достоинства. Документ растягивается по всей ширине экрана, не остается неиспользованных пустых полей.

Недостатки. Сложность верстки и отладки страницы, весьма часто проявляется неадекватность отображения таких документов в броузерах Microsoft Internet Explorer и Netscape Navigator.

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