» Який вид дизайну вибрати?

Отже, шановні сайтостроители, скажіть мені, скільки видів дизайну ви знаєте? А? Так, чую праворуч кричать - твердий… Вірно! А ще? Гумовий… Так! А який краще? Ой! Не треба так кричати… Давайте розбиратися.

Давайте дамо визначення, щоб не було розбіжностей.

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

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

Ну ми з вами, як утворені люди, відразу розуміємо, що твердий дизайн набагато простіше розробляти! А що? Всі елементи фіксованої ширини, розташований статично друг від друга… Так що тим, хто хоче мати більший контроль над розміткою сторінки, варто розробляти сторінки фіксованої ширини, що буде залишатися постійної для всіх користувачів, незалежно від розміру монітора або змін розмірів вікна. Цей підхід заснований на принципах створення сторінок у видавничій справі, таких як підтримка постійної сітки, відносин елементів, розташованих на сторінці, і зручні довжини рядків. Краса… Як у журналі!

У цьому місці давайте зупинимося й пораскинем мозками, що нам це обіцяє.

Достоїнства:

Сторінка буде виглядати однаково незалежно від дозволу монітора. Це представляє величезний простір для створення складних і стильних дизайнів.

Сторінки й стовпці з фіксованою шириною забезпечують краще керування довжинами рядків. Занадто довгі рядки незручні для читання.

Недоліки:

У твердого дизайну є тільки один оптимальний дозвіл екрана. Якщо при розробці упор був зроблений на сумісність (оптимальний розмір 640х480), то вже на 1024х768 поля займають майже половину ширини сторінки - і чим далі, тим гірше.

Якщо при розробці акцент був зроблений на “середнє” дозвіл (800х600), то в користувачів маленьких моніторів з’являється горизонтальна смуга прокручування, і частина змісту ним стає не видна. Деякі розроблювачі орієнтувалися по своєму моніторі (1024х768), і в них навіть для 800х600 (а це майже 50% всіх користувачів!) сторінка виглядає погано - а для 640х480 звичайно нечитабельна.

Прагнення повністю контролювати відображення сторінки означає свого роду виступ проти середовища. Web - це не друковане видання; у нього ні “правильних стандартів”, а HTML - мова універсальний з логічною розміткою!

Мда… куди не кинь - усюди клин…

Отут рятуйте! гнучкий дизайн. Web-сторінки за замовчуванням гнучкі. Текст й елементи HTML-файлу попадають у вікно браузера, заповнюючи весь доступний простір, поза залежністю від розмірів монітора. Якщо розмір вікна браузера змінюється, елементи повторно виводяться, щоб настроїтися на нові розміри. У цьому й проявляється сутність Web. Розроблювачів спочатку шокує непередбачуваність місця появи елементів сторінки, але потім вони звичайно навчаються обходитися без повного керування сторінкою.

Отже, що ми маємо?

достоїнства:

сторінки БУДУТЬ відображатися на моніторах з різним дозволом; гнучку сторінку можна настроїти для висновку на будь-якому дисплеї.

Заповнено весь простір монітора, відсутнє небажане вільне місце

Дизайн найбільш близький за духом до HTML.

недоліки:

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

Результати гнучкого дизайну часто непередбачені.

Браузерам (всім, але особливо Нетскейпу версії 4) дуже важко переварювати осередку змінної ширини. Кожному, хто писав сумісний HTML, знайомий осередки шириною 100%, які не займають всю вільну площу; осередку фіксованої ширини, які займають більше, ніж їм покладено; осередку із заданою однаковою шириною, але незмінно вихідної різної ширини й т.д. - перераховувати фокуси кожного із браузерів можна дуже довго.

Виливок “гумової” сторінки займає втроє більше часу від аналогічної “твердої”.

Так що тепер видно, що однозначно відповісти, який дизайн підходить саме ВАМ повинні ВИ самі. Моя перша сторінка була фіксованих розмірів, і в цьому немає нічого страшного! Вона була розрахована на дозвіл 800Х600, і отцентрирована по центрі екрана, так що навіть на більших моніторах смотрелась дуже пристойно, тому що не спостерігалося ефекту порожнього екрана праворуч.(Але врахуйте, що при використанні цього методу неможливо точно розташувати таблицю щодо фонового зображення.) Єдиним недоліком (притім дуже великим) були шрифти фіксованого розміру. Це було зроблено через те що при укрупненні розміру шрифту, відбувалися несподівані зміни на сторінці, не в кращу, зрозуміло, сторону… У зв’язку із цим дизайн цього сайту має повністю гнучку структуру. Ви повинні завжди пам’ятати, що вибір розміру шрифту - право користувача! Адже сторінку ви робите для нього? Тоді користувач повинен вибирати як ЙОМУ зручно дивитися вашу сторінку.

Можна використати також комбінований підхід, коли сторінка складається зі стовпців (або фреймів), заданих комбінаціями абсолютних і відносних розмірів. У цьому випадку при зміні розміру вікна один стовпець зберігає колишню величину, у той час як інші змінюють розмір і заповнюють вільне місце. У більшості випадків найбільше переважно використати саме цей метод.

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