Стилевое оформление документов — трюки и советы

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

За годы существования WWW выработалось множество рекомендаций относительно ``хорошего стиля'' Web-документов. Большое количество информации доступно по ссылкам с Web-сервера http://www.yahoo.com. Здесь приводится лишь краткий перечень правил, которые рекомендованы к использованию при создании Web-страниц.

• ? Не делайте слишком длинных страниц. Слишком длинные страницы, содержащие много текста и мало иллюстраций, непривлекательны для пользователей.
• ? Не вставляйте в документ слишком больших изображений. Не все любят ждать, и не у всех есть быстрые линии связи! Обычный человек теряет интерес к странице после ожидания ее содержимого в течение 10 секунд. Опытные пользователи Internet могут ждать до 15 секунд, но не испытывайте их терпения!
• ? Позаботьтесь о навигации на страницах, то есть предусматривайте содержание, горизонтальные и вертикальные ссылки в иерархии страниц, тщательно планируйте топологию страниц. Ни в коем случае не создавайте ``страниц-сирот'', на которые нельзя попасть ниоткуда, кроме спрятанных ссылок.
• ? Размещайте наиболее важную информацию в начале страниц. Не все любят искать важную информацию по всему документу, если она не бросается в глаза.
• ? Тщательно прочитывайте страницы перед выкладыванием их на всеобщее обозрение, дабы избежать досадных ошибок и опечаток. Проверяйте правильность HTML документов и корректность ссылок.
• ? Не рассчитывайте, что у всех, кто будет смотреть сделанные вами страницы, будут экраны высокого разрешения, избегайте слишком широких изображений и таблиц.
• ? Если вы хотите сделать страницу с темным фоном и светлым текстом, обязательно задайте с помощью параметра BGCOLOR темный фоновый цвет. Если фоновое изображение по каким-либо причинам не будет отображено, светлый текст все равно будет читаться.
• ? Указывайте URL страницы внизу самой страницы. Это помогает пользователям передавать друг другу информацию о вашей странице.
• ? Осторожно используйте рамки: будучи примененными неправильно, они затрудняют навигацию, делают невозможным корректную запись URL в базу закладок, сильно затрудняют распечатку страниц на принтерах.
• ? Не переусердствуйте при вставлении в ваши страницы анимации. Пользователь будет постоянно отвлекаться на мелькание. Сосредоточивайте внимание пользователя на том, что вы хотите, чтобы он для себя отметил. В этом отношении тег BLINK — сущее зло.
• ? Не пытайтесь привлечь пользователя фразами о ``новейших Web-технологиях'', использованных в ваших страницах, сосредоточтесь на информационном наполнении. Если хоть один из них найдет на ваших страницах ошибку, будьте уверены: он больше сюда не вернется. Не делайте ``петушащихся'' страниц, их время уже прошло.
• ? Если вы переопределяете цвета для документа, позаботьтесь о том, чтобы ссылки выделялись на фоне остального текста.
• ? При составлении иерархии ваших страниц, позаботьтесь о том, чтобы имена файлов и каталогов несли в себе хоть какую-нибудь смысловую нагрузку и были понятны не только вам. Пользователям, возможно, придется набирать URL на клавиатуре, поэтому избегайте использования специальных символов. Некоторые пользователи не знают даже как набрать на клавиатуре тильду (~).
• ? После выкладывания страниц позаботьтесь (или уговорите вашего нанимателя позаботиться) о поддержании их в ``свежей'' форме, не оставляйте под знаком ``Новое! Все сюда!'' информацию годовалой давности. Это создает эффект запущенности, и пользователи быстро потеряют интерес к вашим страницам.
• ? Всегда используйте параметр ALT тега IMG для указания текста, отображаемого вместо изображения в случае невозможности его отображения. Это сильно помогает пользователям браузеров, работающих в алфавитно-цифровом режиме, а также пользователям с медленными каналами связи.
• ? Всегда используйте параметры WIDTH и HEIGHT тега IMG для указания точечных размеров изображений. Это помогает браузерам корректней отображать страницы по мере их получения по сети и облегчает пользователям оценку времени появления изображения, так как большинство браузеров отображает рамку вокруг места, где будет отображено изображение.
• ? Не создавайте interlaced GIF-изображений с прозрачностью. Некоторые браузеры не могут их корректно отображать.