В случае жесткого (фиксированного) типа применяется табличный дизайн, имеющий расширение ячеек с заданным размером в пикселях, помещенной внутрь них картинкой либо с другим элементом фиксированного размера.
Резиновый (гибкий) дизайн представляет собой табличный дизайн, в котором ширина ячеек определяется процентным соотношением ширины окна или монитора пользователя.
Жесткий вид дизайна сайта
Разработка сайтов данного типа происходит сравнительно просто, поскольку каждый элемент имеет фиксированный размер и располагается на определенном расстоянии от других таких же элементов. Разметка такого сайта будет постоянной для всех пользователей, несмотря на размер их монитора или специфические настройки окна. Подобный процесс разработки сходен с основными принципами создания страниц в издательском деле, в котором соблюдается, и отношение элементов на странице, и удобство длины строк, и постоянная сетка.
Преимущества жесткого вида дизайна сайта:
- Размеры монитора не влияют на вид страницы. Благодаря этому появляется возможность создавать сложные и оригинальные дизайны.
- Ввиду фиксированной ширины строк и столбцов управление первыми происходит довольно легко. Если же строки будут чрезмерно длинными, их восприятие будет затруднено.
Недостатки жесткого вида дизайна сайта:
- При использовании фиксированного дизайна только один вид разрешения экрана является оптимальным. К примеру, если в процессе создания сайта ориентировочным размером было разрешение 640х480, то при просмотре его содержимого на мониторе с разрешением 1024х768 пустые поля займут половину ширины страницы.
- Если в качестве оптимального разрешения бралось «среднее» значение в 800х600 пикселей, то пользователи, имеющие мониторы меньшего размера, будут вынуждены использовать горизонтальную полосу прокрутки для просмотра всего содержимого страницы. Так, многие разработчики ориентируются на размеры собственного монитора (обычно 1024х768), в то время, как большая часть пользователей имеет расширение в 800х600 пикселей. В таком случае восприятие страницы будет искажено, а при просмотре сайта при еще меньшем разрешении в 640х480 пикселей и вовсе невозможным для чтения.
- Желание контролировать отображение страницы можно рассматривать как выступление против законов внешней среды. Ведь web-сайт нельзя отнести к печатному изданию или подвести под конкретные стандарты, так как язык HTML хоть и имеет ряд определенных правил, но в то же время является универсальным языком логической разметки.
Гибкий вид дизайна сайта
Учитывая ряд недостатков дизайна жесткого типа, совершенно иной альтернативой ему можно рассматривать гибкий дизайн. Стандартно все web-страницы являются гибкими. Текст и другие элементы, помещенные в HTML-файл, заполняют всё доступное пространство окна программы для просмотра сайтов вне зависимости от размера монитора. Если же в браузер внести некоторые изменения, построение элементов приобретет иной характер.
Так же можете ознакомится с историей графического дизайна
Преимущества гибкого вида дизайна сайта:
- Корректное отображение страницы на любых мониторах. Такую страницу можно настроить для вывода на любом дисплее.
- Всё пространство монитора заполняется содержимым сайта, что позволяет избежать появления пустых полей.
- Гибкий дизайн считается наиболее приближенным к стандартам HTML.
Недостатки гибкого вида дизайна сайта:
- На больших мониторах «растягивание» сайта в ширину становится чрезмерным, что ухудшает нормальное восприятие текста.
- Результат отображения гибкого дизайна на различных мониторах сложно предсказать.
- Браузеры плохо обрабатывают ячейки переменной ширины. Разработчики, которые имели дело с написанием совместимого HTML, знают, что даже 100% ширина ячейки не гарантирует замещение всего свободного пространства, а стандартный размер - может занять больше, чем предусмотрено.
- Разработка «резиновой» страницы требует гораздо больше времени, чем создание страницы «жесткого» типа.
Комбинированный вид дизайна сайта
Каждый из двух приведенных выше типов дизайна имеет свои преимущества и недостатки, поэтому выбор наиболее подходящего варианта остается за разработчиком. Однако в некоторых случаях создание дизайна сайта может иметь и комбинированный подход. В данном случае целью разработки является страница из столбцов с заданными параметрами абсолютных и относительных размеров. При таком подходе изменение размеров окна приведет к тому, что один из столбцов сохранит свою исходную ширину, а другие изменят размер в соответствии с доступным пространством. Этот метод можно рассматривать как наиболее удачный в большей части случаев.
Подводя итоги, следует сказать, что никаких стандартов разработки дизайна сайта как таковых нет и выбирать какой-либо вариант придется самому разработчику. Тем не менее, «резиновый» тип остается наиболее удачным решением, а его сравнительно долгая разработка способна окупится более лояльным отношением со стороны пользователей.
