» » Гумовий або фіксований сайт?

Гумовий або фіксований сайт?

Привіт, друзі! Сьогодні я хотів поговорити з Вами про два різних типи дизайну сайтів: гумовий і фіксованої ширини.

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

На сьогоднішній день існує два базових типу дизайну сайтів: фіксований і гумовий.

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

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

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

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

Давайте розглянемо всі плюси і мінуси використання даного виду дизайну.

Переваги фіксованого шаблону:

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

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

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

Гідності гумового шаблону сайту:

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

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

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

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

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

Давайте розглянемо всі плюси і мінуси використання даного виду дизайну.

Переваги фіксованого шаблону:

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

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

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

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

Гідності гумового шаблону сайту:

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

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


2645 19.10.14



Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлеру