Если вы разрабатываете страницу для печати, вы принимаете во внимание физический размер конечного документа. Например, для плаката вы используете больший текст, чем для визитной карточки. Однако в мире веб-разработки эта система разрушена, потому что пользователи могут использовать на своих мониторах все варианты разрешений экрана и установить все возможные размеры окна браузера.
Такие возможности настройки оказывают влияние на то, какое количество реального места на экране должна занимать ваша веб-страница. Чем выше разрешение монитора и больше окно браузера, тем больше содержимого вашей веб-страницы помещается на экране. Это провоцирует возникновение дилеммы — как вы можете убедиться в том, что ваши страницы выглядят отлично, если вы не знаете, каковы параметры мониторов у ваших посетителей?
Когда веб-разработчики сталкиваются с этой проблемой при оформлении страницы, они используют две основные стратегии.
• Добиваются гибкости с помощью пропорциональной калибровки.
При задании пропорциональных размеров содержимое страницы расширяется или сжимается в соответствии со свободным пространством в окне браузера. Например, при создании пропорционально откалиброванной веб-страницы с фиксированной строкой меню и переменной областью с содержимым ширина строки меню не меняется, в то время как область содержимого увеличивается или сжимается в соответствии с размерами окна браузера, независимо от используемых размеров окна.
Если вы сомневаетесь в реальном размере вашей веб-страницы, пропорциональная калибровка — это путь, по которому стоит идти, поскольку он гарантирует, что ваши веб-страницы будут соответствовать любому размеру окна браузера.
• Выбирают разумный фиксированный размер. Иногда слишком большая гибкость может вызывать собственные проблемы. Например, если вы уменьшаете пропорционально откалиброванную страницу до предельно малых размеров, некоторые элементы страницы могут оказаться в случайных позициях. Если в оформлении вашей веб-страницы присутствует множество графических объектов или плавающих элементов, в результате таких действий вы можете получить некоторый беспорядок.
С другой стороны, чрезмерное увеличение размеров окна может породить свои проблемы. Например, если вы растягиваете страницу с пропорционально заданными размерами, чтобы она соответствовала ширине широкоформатного монитора, это может привести к слишком длинным строкам текста, которые будет нелегко прочесть. Решение заключается в том, чтобы использовать страницы фиксированной ширины, которые хорошо выглядят при различных вариантах настройки браузера.
Как правило, пропорциональная калибровка — это безопасный подход к разработке веб-страниц. В конце концов, если ваш веб-сайт выглядит менее совершенным в окне браузера, которое оказывается или слишком маленьким, или очень большим, вы можете рассчитывать, что посетитель изменит размер окна в нужную сторону.
Кстати, есть множество профессиональных сайтов, где используются фиксированные размеры страниц, например сайты средств массовой информации, подобно сайту издания Взгляд (vz.ru). Если вы принимаете решение установить фиксированную ширину страницы, вы должны выяснить, каким должно быть значение ширины. Конечно, вы не можете знать два самых важных фактора, влияющие на принятие такого решения, — размер окна браузера посетителя и разрешение экрана его монитора. Дело в том, что вы никогда не будете знать наверняка настройку окна браузера, но вы можете использовать в своих интересах примеры из жизни для определения разрешения экрана.
Почти половина всех пользователей используют большие мониторы с разрешением 1024 х 768 пикселов, и большая часть всех остальных (почти 40%) пользуются широкоформатными мониторами с более высоким разрешением, например 1280 х 800. По этой причине ваша вебстраница шириной приблизительно 1000 пикселов должна выглядеть замечательно.
Такая ширина — это приблизительно то количество доступного пространства окна браузера, которое получает ваша страница, когда посетитель использует разрешение экрана 1024 х 768 и разворачивает окно браузера таким образом, чтобы оно заполняло целый экран.
Если ваша страница имеет фиксированный размер и вы последовали рекомендациям насчет ширины, равной 1000 пикселов, вы убедитесь, что все содержимое страницы удобно размещается в этих пределах, не требуя прокрутки. Хорошим примером такой страницы служит статья на сайте деловой газеты «Взгляд»