Тестирование различных размеров страниц

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

К счастью, многие редакторы веб-страниц позволяют открывать страницы в диапазоне разных размеров окна браузера. Например, в ре­дакторе Expression Web вы можете выбрать команду меню File => Pre­view in Browser (Файл => Предварительный просмотр в браузере), ко­торая позволяет просмотреть страницу при использовании наиболее распространенных размеров окна браузера. Некоторые веб-браузеры обладают дополнениями, которые делают то же самое. Например, по­клонники браузера Firefox могут использовать панель инструментов Web Developer (addons.mozilla.org/ru/firefox/addon/60), которая до­бавляет в меню целый набор удобных инструментов для веб-дизайнеров, включающий возможность быстрого изменения размеров окна.

При этом возникает очевидный вопрос — при каких размерах окна вы должны протестировать ваши страницы? Компании, которые за­нимаются интернет-исследованиями, предполагают, что только менее 10% всех пользователей пользуются небольшими компьютерными мо­ниторами с разрешением 800 х 600 пикселов. Эти люди не могут сделать значение ширины окна браузера больше, чем 800 пикселов, так что вы Должны убедиться, что вид ваших страниц является приемлемым для такой ширины. Другими словами, чтобы увидеть вашу страницу, поль­зователи, на мониторах которых установлено разрешение 800 х 600, воз­можно, будут вынуждены воспользоваться прокруткой (либо вниз, либо влево или вправо), но по большей части они смогут увидеть все, что на­ходится на странице, если они развернут окно браузера на весь экран.

Осмысление разрешения

Разрешение 1024 х 768 означает, что монитор отображает сетку пиксе­лов, которая имеет 1024 пиксела в ширину и 768 пикселов в высоту. Пик­сел — это наименьшая единица для определения размеров монитора, еще известная как «точка», в английском варианте — «dot». Другими словами, при разрешении 1024 х 768 в распоряжение программы попадает 786 432 пиксела, а при посредственном разрешении в 800 х 600 предлагается толь­ко 480 000 пикселов. Очевидно, что при большем разрешении можно ото­бразить больше содержимого страницы.

Важно понимать, что разрешение экрана не напрямую связано с раз­мером вашего монитора. Другими словами, 17-дюймовый монитор мо­жет иметь большее разрешение и отображать больше информации, чем 19-дюймовый. Однако имеет смысл для больших мониторов использовать более высокие разрешения, потому что на маленьких мониторах с высо­ким разрешением изображение сжато, а текст может оказаться трудночи­таемым.

Чтобы получить об этом какое-нибудь представление, можно выяс­нить, какое разрешение экрана вы используете, или даже изменить его. Чтобы сделать это в системе Windows Vista, щелкните правой кнопкой мыши на рабочем столе, выберите пункт меню Персонализация (Perso­nalize), затем - Настройки дисплея (Display Settings) и затем установи­те нужное разрешение с помощью ползункового регулятора. В Windows 7 добраться до элементов управления разрешением проще — щелкните правой кнопкой мыши на рабочем столе, выберите пункт меню Разреше­ние экрана (Screen resolution). В более ранних версиях Windows вы може­те найти такие же настройки, если щелкнете правой кнопкой на рабочем столе, а затем в контекстном меню выберете пункт Свойства (Properties) и в появившемся диалоговом окне перейдете на вкладку Параметры (Set­tings). Для Mac OS используйте команду System Preferences => Displays (Системные установки => Дисплеи) и выберите подходящее значение раз­решения из списка.

ПРИМЕЧАНИЕ________________________________________________

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

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