Онлайн заказ услуг


Украинская Баннерная Сеть

Варианты компоновки сайтов

Веб-Термины
Варианты компоновки сайтов
Структура сайтов
Время загрузки сайта
Значение счетчиков

Большинство сайтов используют адаптивный (самонастраивающийся к изменению размеров экрана) дизайн компоновки веб-страниц (1-5).

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

Выбор варианта компоновки веб-страниц определяется техническим заданием на разрабатываемый сайт.

Варианты (7-11) жёстко-переменного (адаптивной к изменению размеров экрана с жёсткими, не изменяющимися областями) дизайна компоновки страниц.

Перспективная и сложная компоновка страниц. Используется в современных профессионально выполненных сайтах.

Красным цветом обозначены дополнительные адаптивные системы  навигации.

Варианты компоновки веб-страниц (7,8) наиболее предпочтительны для больших многостраничных сайтов, с многоуровневой системой навигации (предпочтительны для 15"-19" мониторов).

Красным цветом обозначены адаптивные зоны экрана.

Варианты компоновки веб-страниц 9,10,11 наиболее предпочтительны для особо сложных многостраничных сайтов,  c многоуровневой системой навигации и большим количеством информации (Предпочтительны для 17"-23" мониторов).

В вариантах компоновки 9,10,11:

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

Основное преимущество: дизайн сайта занимает всё пространство экрана. Свободного места не остаётся.

Основной недостаток: дизайн сайта искажается на мониторах с различной разрешающей способностью.

Варианты (12-21) жёсткой (не адаптивной к изменению размеров экрана) дизайна компоновки страниц

Основное преимущество: дизайн сайта отображается на экранах различной разрешающей способности в том виде, в котором он был задуман веб-дизайнером.

Основной недостаток: часть содержимого может не поместиться на экран или на экране остаётся свободное пространство.

По материалам – www.antula.ru