Полосы прокрутки

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

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

• Другой тип прокрутки, который можно иногда встретить, это горизонтальная про- крутка. На горизонтальную прокрутку наложено табу, хотя некоторые сайты не при- держиваются такой тактики. Горизонтальная прокрутка допустима только в случаях, когда для этого есть особые причины- чаще всего это использование таблиц. Если дизайнер задаст не относительный, а абсолютный размер таблицы, то страница мо- жет потребовать прокрутку. Например, вы можете внести следующее изменение в ваш код HTML:

Замените этот атрибут (абсолютный размер таблицы): <TABLE WIDTH="650"> Этим атрибутом (относительный размер таблицы); <TABLE WIDTH="75%">

• Если задать ширину таблицы атрибутом WIDTH с абсолютным значением, то ширина страницы будет равна указанному числу пикселов. Если же задать ширину таблицы атрибутом WIDTH с относительным значением, то страница будет подстраивать свой размер к отображению в конкретном браузере. Потребовав, чтобы размер таблицы определялся в процентах, а не конкретным числом пикселов, вы избежите «прокру- чивания вправо», которое может случиться при использовании параметра абсолют- ного размера.

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

Продолжение темы:

Полезная информация