Если вы поднесете лицо вплотную к монитору, вы увидите, что он состоит из бесчисленных маленьких точек, которые вместе образуют изображение. Каждая из этих точек на компьютерном языке называется «пикселем». Чем выше разрешение монитора, тем больше пикселей на экране.
Так почему же разрешение монитора так важно? Более высокое разрешение монитора означает не только более высокое качество изображения, но и то, что одновременно на экране может отображаться гораздо больше информации.
Как веб-дизайнер, ваша цель должна состоять в том, чтобы спроектировать ваш сайт с разрешением, которое не требует от пользователей прокрутки слева направо, чтобы прочитать каждую страницу. Для этого просто укажите ширину таблицы, которая позволяет отображать только «x» пикселей по горизонтали.
Вот проблема: скажем, что вы проектируете для разрешения монитора 800 x 600, указав ширину таблицы, превышающую 600 пикселей. Всякий раз, когда кто-то подходит к монитору с разрешением 640 x 480, он видит горизонтальную полосу прокрутки. С другой стороны, если вы создадите свой сайт с разрешением 640 x 480, любой, кто посещает ваш сайт с монитором с более высоким разрешением, увидит много пустого пространства.
Если ваш сайт не предназначен для просмотра на портативном устройстве, таком как Palm или WAP Mobile, все это будет иметь три варианта:
Дизайн для 640 х 480:
Плюсы:
- Каждый сможет просматривать ваш сайт без горизонтальной прокрутки.
Минусы:
- Для людей с более высоким разрешением на экране будет много пустого пространства. Объем информации, которую вы можете выдвинуть на экран, также будет сильно ограничен.
Дизайн для 800 х 600:
Плюсы:
- У вас будет гораздо больше возможностей для работы. И для большинства проектов это разрешение обеспечивает достаточно места для представления панели навигации сайта вместе с разумным количеством контента.
Минусы:
- Вы будете отталкивать посетителей, которые используют разрешение 640 x 480
Используйте «Гибкий дизайн»:
«Гибкий дизайн» использует проценты вместо точных измерений пикселей для указания ширины таблицы. Таким образом, вместо того, чтобы говорить, что ширина таблицы должна составлять 780 пикселей, вы вместо этого указываете, что она должна занимать 95% экрана. Посетители сайта на мониторах 800 × 600 увидят 760 пикселей по горизонтали, а посетители с разрешением монитора 640 × 480 увидят 608 пикселей информации.
Плюсы:
- Там никогда не будет пустого места. Ваш сайт всегда будет занимать 100% доступного пространства на мониторе (или любой другой процент, который вы выберете).
Минусы:
- Становится трудно предсказать, как ваш сайт будет выглядеть в широком диапазоне систем. Мониторы с более высоким разрешением также отображают большое количество слов в строке, что может затруднить чтение текста.
Взвесьте все за и против, прежде чем принимать решение здесь. Поскольку у каждого сайта своя уникальная аудитория, вы должны выяснить, какие разрешения монитора используют ваши посетители, — зарегистрируйтесь с помощью такого сервиса, как TheCounter.com . Хороший источник информации о том, какие разрешения использует обычное интернет-население, можно найти на Statmarket.com .
У тебя меньше места, чем ты думаешь
Вы можете подумать, что если вы разрабатываете сайт размером 640 x 480, вы просто создаете таблицу шириной 640 пикселей и помещаете туда весь свой контент. Не так. Полосы прокрутки в браузерах занимают значительную часть этого пространства и дополнительно ограничивают объем пространства, в котором вы должны работать. Кроме того, такие вещи, как панель инструментов Microsoft Office, могут еще больше сократить экранную область. Если этого недостаточно, некоторые пользователи не открывают окна своего браузера. Ниже я обрисовал в общих чертах, сколько пикселей должно быть в таблице, чтобы удобно разместить ее на экране с указанным разрешением и развернутым окном браузера.
Таблица шириной 640 x 480 — 600 пикселей
Таблица шириной 800 x 600 — 780 пикселей
1024 x 768 — таблица шириной 1000 пикселей
Таблица шириной 1280 x 1024 — 1200 пикселей
Итак, какое разрешение подходит для вашего сайта?
К сожалению, нет единого ответа относительно того, для какого разрешения вы должны разработать свой сайт. Лучший способ принять это решение — выяснить, какое разрешение наиболее популярно среди вашей целевой аудитории, а затем спроектировать сайт так, чтобы он соответствовал им. Если вы еще не приступили к разработке, хорошим практическим правилом является разработка дизайна только для более высоких разрешений монитора, если ваш сайт предназначен для технарей или людей, у которых есть деньги на регулярное обновление своих компьютеров.