Хороший и плохой стили

За годы существования WWW выработалось множество рекомендаций

относительно ``хорошего стиля'' Web-документов.

Большое количество информации доступно по ссылкам с Web-сервера

Здесь приводится лишь краткий перечень правил, которые рекомендованы

к использованию при создании Web-страниц.

Не делайте слишком длинных страниц. Слишком длинные страницы, содержащие

много текста и мало иллюстраций, непривлекательны для пользователей.

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

не у всех есть быстрые линии связи! Обычный человек теряет интерес к

странице после ожидания ее содержимого в течение 10 секунд. Опытные

пользователи Internet могут ждать до 15 секунд, но не испытывайте их терпения!

Позаботьтесь о навигации на страницах, то есть предусматривайте содержание,

горизонтальные и вертикальные ссылки в иерархии страниц, тщательно планируйте

топологию страниц. Ни в коем случае не создавайте ``страниц-сирот'', на

которые нельзя попасть ниоткуда, кроме спрятанных ссылок.

Размещайте наиболее важную информацию в начале страниц. Не все любят

искать важную информацию по всему документу, если она не бросается в глаза.

Тщательно прочитывайте страницы перед выкладыванием их на всеобщее обозрение,

дабы избежать досадных ошибок и опечаток. Проверяйте правильность HTML документов

и корректность ссылок.

Не рассчитывайте, что у всех, кто будет смотреть сделанные вами страницы,

будут экраны высокого разрешения, избегайте слишком широких изображений и

таблиц.

Если вы хотите сделать страницу с темным фоном и светлым текстом, обязательно

задайте с помощью параметра BGCOLOR темный фоновый цвет. Если фоновое

изображение по каким-либо причинам не будет отображено, светлый текст все

равно будет читаться.

Указывайте URL страницы внизу самой страницы. Это помогает пользователям

передавать друг другу информацию о вашей странице.

Осторожно используйте рамки: будучи примененными неправильно, они затрудняют

навигацию, делают невозможным корректную запись URL в базу закладок,

сильно затрудняют распечатку страниц на принтерах.

Не переусердствуйте при вставлении в ваши страницы анимации. Пользователь

будет постоянно отвлекаться на мелькание. Сосредоточивайте внимание

пользователя на том, что вы хотите, чтобы он для себя отметил. В этом

отношении тег BLINK - сущее зло.

Не пытайтесь привлечь пользователя фразами о ``новейших Web-технологиях'',

использованных в ваших страницах, сосредоточтесь на информационном

наполнении. Если хоть один из них найдет на ваших страницах ошибку, будьте

уверены: он больше сюда не вернется. Не делайте ``петушащихся'' страниц,

их время уже прошло.

Если вы переопределяете цвета для документа, позаботьтесь о том, чтобы ссылки

выделялись на фоне остального текста.

При составлении иерархии ваших страниц, позаботьтесь о том, чтобы имена

файлов и каталогов несли в себе хоть какую-нибудь смысловую нагрузку и были

понятны не только вам. Пользователям, возможно, придется набирать URL на

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

пользователи не знают даже как набрать на клавиатуре тильду (~).

После выкладывания страниц позаботьтесь (или уговорите вашего нанимателя

позаботиться) о поддержании их в ``свежей'' форме,

не оставляйте под знаком ``Новое! Все сюда!'' информацию годовалой давности.

Это создает эффект запущенности, и пользователи быстро потеряют интерес к

вашим страницам.

Всегда используйте параметр ALT тега IMG для указания текста, отображаемого

вместо изображения в случае невозможности его отображения. Это сильно

помогает пользователям браузеров, работающих в алфавитно-цифровом режиме, а также

пользователям с медленными каналами связи.

Всегда используйте параметры WIDTH и HEIGHT тега IMG для указания точечных

размеров изображений. Это помогает браузерам корректней отображать страницы

по мере их получения по сети и облегчает пользователям оценку времени появления

изображения, так как большинство браузеров отображает рамку вокруг места, где

будет отображено изображение.

Не создавайте interlaced GIF-изображений с прозрачностью. Некоторые браузеры

не могут их корректно отображать.

Содержание раздела