|
Основные принципы разработки web-документов
Несмотря на внешнее разнообразие web-страниц, при их разработке особое внимание обращается на четыре компонента:
1. Текст. Именно этот компонент Web-страницы несет основную информационную нагрузку. Но текст оказывает влияние и на оформление всего Web-сайта. Внешний вид страницы в значительной мере определяется такими параметрами, как тип шрифта, стили заголовков, цвет текста и фона, компановка текстовых блоков. Для выделения наиболее важных моментов на Web-страницах можно использовать подчеркивание, полужирное или курсивное начертание. Есть возможность создавать на страницах маркированные и нумерованные списки. Текст может быть организован в виде таблиц. Оформление текста также в значительной мере определяет удобство восприятия информации посетителем.
2. Графическое оформление позволяет дополнить и оживить оформление страницы. Использование графики определяет уникальность оформления Web-сайта и позволяет выделить его из числа других. Тем не менее, при разработке сайта нужно учитывать, что графические файлы имеют значительно больший объем, чем текст и, соответственно, увеличивают время загрузки страниц. Кроме того, перегруженность Web-страницы графическими элементами может затруднить восприятие содержащейся на ней информации.
3. Средства навигации. Перемещение по сайту осуществляется с использованием гиперссылок. Они могут содержаться непосредственно в тексте страницы и направлять посетителя к другим страницам или сайтам, содержащим дополнительную информацию по рассматриваемой теме. Но удобство поиска информации на Web-сайте является весьма критичным фактором. Для этой цели гиперссылки на все основные разделы сайта объединяются в отдельные панели навигации. Как правило, эти панели размещаются в левой или верхней части страницы. Панели навигации могут содержать как текстовые ссылки, так и графические элементы, оформленные в виде кнопок.
4. Карта сайта содержит ссылки на все страницы сайта, оформленные в виде списка, как правило, имеющего иерархическую структуру: основные разделы сайта располагаются в верхнем уровне списка, а подразделам соответствуют более низкие уровни. Карта сайта обычно размещается на отдельной странице и используется совместно с панелью навигации, в которой размещается ссылка на страницу карты.
5. Поисковая система. Если объем представленной на сайте информации достаточно велик, сайт может содержать поисковую систему, позволяющую вести поиск информации по ключевым словам. Но такая система требует наличия специального программного обеспечения на Web-сервере. Кроме того, возможность работы такого программного обеспечения определяется настройками сервера, на котором размещается сайт. За дополнительной информацией по этому вопросу необходимо обратиться к администратору Web-сервера.
6. Дополнительные компоненты. Их набор определяется тематикой сайта. В любом случае, кроме собственно Web-страниц, сайт содержит элементы, повышающие удобство, обеспечивающие посетителей дополнительной информацией, направленные на динамическое представление определенных данных или используемые для решения других задач. В числе таких компонентов можно назвать интерактивные формы, предоставляющие посетителям сайта удобное средство передачи информации, адресованной администратору сервера или предназначенной для немедленной автоматической публикации; цифровые звукозаписи и видеофильмы, позволяющие доносить до посетителей аудиовизуальную информацию; специальные программы, или сценарии, предназначенные для динамической обработки и публикации данных.
Рассмотрим подробнее некоторые общепринятые требования к разработке web-документов.
- Web-документ должен быть по возможности адаптирован под различные разрешения монитора (в противном случае при слабом разрешении он будет съезжать вправо, а при сильном – казаться слишком мелким).
- Для корректного отображения страница должна обеспечивать поддержку нескольких кодировок наборов символов.
- Не всегда уместно использование использование большого числа фреймов (разделенных окон) на странице.
- Графические объекты, с одной стороны, не должны затруднять загрузку страницы, с другой – должны быть достаточного качества и размера для восприятия.
- Восприятие страницы затрудняется, если она перегружена анимированной графикой (Gif- и Flash-рисунками, объектами Java Script и т.д.), а также мерцающим текстом и бегущими строками.
- Не рекомендуется перегружать страницу неактуальными ссылками, которые у автора находятся в стадии разработки или реконструкции (Under Construction).
- Многих пользователей может раздражать такой способ оживления страницы, как размещение дополнительной (рекламной) информации в строке состояния браузера.
- Если страница достаточно длинная, и на ее прокрутку требуется много времени, рекомендуется размещать локальные гиперссылки (например, «в начало страницы»).
- Графические объекты, особенно крупные, иногда уместно сопровождать -текстом, который отображается, пока рисунок не полностью загрузился.
- Некорректным с точки зрения авторского права является использование графических объектов, Java-скриптов и т.д., позаимствованных на других сайтах.
- Необходимо соблюдать баланс в цветах фона и шрифтов, который, с одной стороны, обеспечивает достаточную контрастность, с другой – не раздражает зрительное восприятие.
- Перед размещением в Интернете web-документы должны быть протестированы на отсутствие ошибок в программном коде, на корректное отображение элементов и работу гиперссылок.
- В web-документах, особенно представляющих важную бизнес-информацию, ценится органичность стилей оформления всех элементов.
- Общепринятым правилом в составлении web-документов является наличие ссылки для обратной связи (по электронной почте или с помощью встроенных интерактивных форм).
- Рекомендуется задавать разные цвета для непосещенных и уже посещенных гиперссылок.
- Следует избегать использования редких и экзотичных шрифтов, которые не будут доступны большинству пользователей.
- Не всегда уместно задавать открытие всех гиперссылок в новом окне браузера.
- Для более легкого сохранения и последующего использования страниц пользователем рекомендуется прописывать их заголовки (TITLE).
|