макет

макет

Колонки одинакової висоти

Колонки, що створені за допомогою таблиці, мають однакову висоту. Якщо збільшити висоту однієї колонки, то відповідно збільшиться висота сусідніх колонок. Деякі розробники намагаються досягти цього ефекту за допомогою шарів, але насправді висота колонок автоматично встановлюється відповідно до обсягу контенту. Штучні прийоми створення колонок однакової висоти суперечать ідеології шарів.

Таким чином, існує чітке поділ в підходах до верстки:

  • якщо використовуються шари, то колонки мають висоту, яка визначається їхнім вмістом;
  • колонки однакової висоти будуються за допомогою таблиці.

Резиновий трьохколоночний макет

Резиновий макет з трьома колонками є одним з найбільш гнучких та налаштовуваних. Комбінування відсотків та пікселів для визначення ширини колонок дозволяє створювати різні макети, підбираючи їх під свої завдання.

На рис. 5.17 показані варіанти трьохколоночних макетів, для зручності вони пронумеровані.

Фіксований трьохколоночний макет

Трьохколоночний макет часто використовується, коли потрібно розділити матеріал особливим чином. Три колонки дозволяють вільно розміщувати матеріали, такі як ілюстрації, рекламні банери, оголошення тощо.

Фіксований двоколоночний макет

Двоколоночний макет є одним з найпопулярніших у веб-дизайні через свою універсальність та простоту.

Типові макети

При проектуванні дизайну сайту важливо враховувати обсяг майбутньої інформації, звички відвідувачів, зручність доступу до матеріалу та багато інших аспектів.

Макет з трьома колонками

Використання трьох колонок на сторінках сайту обумовлено широтою інформації, яку потрібно показати відвідувачеві.

Макет з двома колонками

Двоколоночна модульна сітка досить часто використовується на сайтах.

Часті запитання