Статичне компонування сайту.

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

Сучасні відеокарти підтримують декілька довільно встановлюваних відеорежимів, що характеризуються екранним дозволом і кількістю кольорів, використовуваних при відображенні інформації на екрані комп'ютера. За допомогою вбудованих функцій операційної системи користувач може встановити декілька стандартних значень екранного дозволу, наприклад 800x600, 1024x768, 1152x864, 1280x1024 або 1600x1200 крапки. Зрозуміло, при відкритті в одному і тому ж браузері якої-небудь web-сторінки, вона може відображатися не однаковим чином залежно від використовуваного відвідувачем сайту екранного дозволу.

Для того, щоб уникнути «стулення» елементів html-документа один до одного і, як наслідок, деформації web-сторінки в цілому при зміні параметрів екрану, застосовується достатньо простий і дієвий прийом: всі компоненти web-сторінки розташовують у відповідні елементи невидимої таблиці, при цьому кожному об'єкту призначається одне, строго певне положення. Таким чином, з'являється другий критерій, по якому можна розділити всі існуючі web-сайти на дві умовні категорії. Даній таблиці можна призначити строго певну ширину в пікселах, наприклад, 800 крапок, після чого жорстко позиціонувати її по центру екрану або «притиснути» до лівого його краю. Такий варіант компоновки сайту можна назвати статичним, оскільки ширина таблиці не змінюється залежно від екранного дозволу. Зрозуміло, при зміні параметрів екрану не відбувається анінайменшого зсуву елементів дизайну сторінки.

Інший підхід - коли ширину невидимої таблиці, що містить фрагменти web-сторінки, задають у відсотках від поточної ширини екрану. При збільшенні екранного дозволу таблиця «розтягується» по горизонталі, і всі розміщені в її осередках елементи, що позиціонуються або по центру, або по краях стовпців, зміщуються згідно встановленому алгоритму. Внаслідок того, що параметри таблиці змінюються залежно від настройок екрану, такий принцип компонування html-документа можна назвати динамічним. І той і інший підхід має як переваги, так і недоліки, які перераховані нижче.

Переваги. Простота алгоритму верстки документа. Оптимізувавши сторінку для відображення з екранним дозволом 800x600 крапок, ви можете бути впевнені, що при зміні призначених для користувача екранних настройок елементи дизайну не «попливуть». Крім того, даний варіант компонування сайту в більшості випадків (при дотриманні ряду додаткових умов) дозволяє добитися ідентичності відображення html-документа в різних браузерах.

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