1 - верхня частина сторінки. Використовується для розміщення логотипу, емблеми, назви фірми, сторінки і інший найбільш важливої інформації.
2,5 - область розміщення гіперпосилань або панелі навігації сайту.
4 - область розміщення тексту.
3 - нижня частина сторінки. Використовується для розміщення контактної інформації чи інших даних, менш важливих, в порівнянні з розміщеними в області 1.
Вибір варіанту компоновки веб-сторінок визначається технічним завданням на розроблювальний сайт. Основні параметри: обсяг сайту і технічні характеристики моніторів користувачів.
2. Варіанти (6-11) жорстко-змінного (адаптивної до зміни розмірів екрану з жорсткими, незмінюються областями) дизайну компонування сторінок. Перспективна і складна компоновка сторінок. Використовується в сучасних професійно виконаних сайтах.
дизайн компонування веб-сторінок 6
дизайн компонування веб-сторінок 7
дизайн компонування веб-сторінок 8
6,7,8- компоновка складних сайтів
Червоним кольором позначено додаткові адаптивні системи навігації.
Варіанти компоновки веб-сторінок 6,7,8 найкращими є для великих багатосторінкових сайтів, з багаторівневою системою навігації (надавати перевагу для 15 "-19" моніторів).
дизайн компонування веб-сторінок 9
дизайн компонування веб-сторінок 10
дизайн компонування веб-сторінок 11
9,10,11- компоновка особливо складних сайтів
Червоним кольором позначено адаптивні зони екрану.
Варіанти компоновки веб-сторінок 9,10,11 найкращими є для особливо складних багатосторінкових сайтів, з багаторівневою системою навігації і великою кількістю інформації (надавати перевагу для 17 "-23" моніторів).
У варіантах компонування 9,10,11:
1 - верхня частина сторінки. Використовується для розміщення логотипу, емблеми, назви фірми, сторінки і інший найбільш важливої інформації.
2,3,5 - область розміщення гіперпосилань або панелі навігації сайту.
4 - область розміщення тексту.
6 - нижня частина сторінки. Використовується для розміщення контактної інформації чи інших даних, менш важливих, в порівнянні з розміщеними в області 1.
Основна перевага: дизайн сайту займає весь простір екрану. Вільного місця не залишається.
Основний недолік: дизайн сайту спотворюється на моніторах з різною роздільною здатністю.
• Варіант 6 найбільш універсальний.
• Варіанти 6 і 7 використовуються в даному сайті.