Бесплатный курс по webAsyst Shop-Script 4

Бесплатный курс по webAsyst 4

Корректор оЧепяток

Если Вы заметили в тексте опечатку, то, пожалуйста, сообщите мне об этом выделив ошибочное слово и нажав Shift + Enter

Можно выделить два вида веб дизайна:
"Жесткий" дизайн  ("фикс") – табличный или блочный ("дивный") дизайн, в котором величина каждой ячейки либо задана в пикселях, либо задаётся картинкой или другим элементом, помещённой в эту ячейку (блок).
"Резиновый" дизайн – табличный дизайн, в котором ширина одной или нескольких ячеек задаётся в процентах от ширины окна.

Фиксированный дизайн несколько проще разрабатывать, поскольку все элементы фиксированной ширины, расположены статически друг к другу. Так что тем, кто хочет иметь больший контроль над разметкой страницы, следует разрабатывать страницы фиксированной ширины, которая будет оставаться постоянной для всех пользователей, независимо от размера монитора или изменений размеров окна. Этот подход основан на принципах создания страниц в издательском деле, таких как поддержание постоянной сетки, отношений элементов, расположенных на странице, и удобные длины строк.

Достоинства:
Страница будет выглядеть одинаково независимо от разрешения монитора. Это представляет огромный простор для создания сложных и стильных дизайнов.
Страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Слишком длинные строки неудобны для чтения.

Недостатки:
У жёсткого дизайна есть только одно оптимальное разрешение экрана. Если при разработке упор был сделан на полную совместимость (оптимальный размер 640 х 480), то уже на 1024 х 768 поля занимают почти половину ширины страницы – и чем дальше, тем хуже.

Если при разработке акцент был сделан на "среднее" разрешение (800 х 600), то у пользователей маленьких мониторов появляется горизонтальная полоса прокрутки, и часть содержания им становится не видна. Некоторые разработчики ориентировались по своему монитору (1024 х 768), и у них даже для 800 х 600 страница выглядит плохо – а для 640 х 480 обычно не читабельна.

Стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Веб – это не печатное издание; у него нет "правильных стандартов", а HTML – язык универсальный с логической разметкой.

Тут на помощь приходит "резиновый" дизайн. Веб-страницы здесь по умолчанию гибкие. Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров монитора. Если размер окна браузера изменяется, элементы автоматически перестраиваются, чтобы настроиться на новые размеры. Разработчиков поначалу шокирует непредсказуемость места появления элементов страницы, но потом они обычно обучаются обходиться без полного управления страницей.

Достоинства:
- страницы будут отображаться на мониторах с разным разрешением в правильной пропорции без линеек прокрутки;
- гибкую страницу можно настроить для вывода на любом мониторе;
- заполнено все пространство монитора, отсутствует нежелательное свободное место.

Недостатки:
- на больших мониторах (особенно на современных широкоформатных) длина строки может оказаться чрезмерной, что ухудшает условия для чтения;
- результаты гибкого дизайна часто непредсказуемы.

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

Отрисовка "резиновой" страницы занимает вдвое-втрое больше времени от аналогичной фиксированной. К тому же, есть особенности некоторых браузеров - пока не загрузится всё содержимое таблицы (вложенные картинки, флэш-ролика и т.д.) таблица в браузере не отображается, поэтому приходится облегчать страницы в "резиновом" дизайне, чтобы посетителю не приходилось долго смотрел на пустой экран. Так что теперь видно, что однозначно ответить на вопрос, какой дизайн подходит именно вам должны вы сами.

Также учтите, что при использовании "жесткого" дизайна достаточно сложно точно расположить верстку относительно фонового изображения и во всех браузерах одинаково.

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

Подводя итог, еще раз скажу, что выбор в любом случае за вами. В веб-дизайне нет строгих законов и правил. Но все же я предпочитаю, если есть возможность, использовать блочный фиксированный дизайн стандартной ширины 980 пикселей, так как сегодня уже более 70% интернет-пользователей имеют мониторы в 17'' и более, на которых выставлено разрешение от 1024 x 768 пикселей. Ширина столбцов для меню и других модулей подбирается такой, чтобы на мониторах с разрешением 800 x 600 основное поле со статьями и другой важной информацией оптимально входило на экран. Как раз такой вид дизайна сделан на данном сайте.

Баннер