Дизайн web-сайтов Типы сайтов

Корреляция по стилю оформления и по качеству дизайна позволяет классифицировать типы сайтов следующим образом:

• личные страницы,

• некоммерческие сайты, принадлежащие всевозможным добровольческим объединениям, временным проектам, международным или благотворительным организациям,

• корпоративные сайты, принадлежащие фирмам или коммерческим организациям,

• контент-сайты, к которым относятся поисковые системы, новостные сайты и колонки обозревателей, развлекательные и образовательные сайты и т.п.

Для контент-сайтов, как и для сайтов некоммерческих, содержание превосходит по важности оформление. Средний уровень их дизайна (за исключением сайтов, принадлежащих очень богатым компаниям подобным Microsoft) заметно ниже, чем у корпоративных сайтов. Для корпоративных сайтов характерно стремление дизайнера создать образ фирмы, содержимое их обновляется сравнительно редко, что позволяет обойтись статичным, менее гибким дизайном.

Топология и распределение материала

Топология. Основные магистральные связи между страницами, существующие на любом сайте, всегда складываются в некоторую структуру, отражающие внутренние связи содержимого. Два основных типа таких структур – древовидные (иерархические) и линейные (последовательные). Рекомендуется, по возможности, применять обе структуры. Например, начав с иерархического каталога статей, объединенных в разделы, каждую отдельную статью, если она велика, имеет смысл разбить на следующие друг за другом части. Всю графическую часть сайта имеет смысл вынести в отдельный каталог. Если сайт имеет разноязычные версии, то каждую версию следует разместить в разных каталогах.

Распределение материала. Деление сайта на отдельные страницы должно быть логичным, так чтобы каждая страница была посвящена одной теме. Оставляя разумный минимум на графику (каждый рисунок не более 4-10 Кб), HTML-текст каждой страницы должен «весить» не больше 20-3- Кб. По-возможности, необходимо применение «правила двух щелчков», гласящее, что первую страницу сайта от любой другой должно отделять не более двух щелчков «мыши» (правило учитывает поведение большинства пользователей). Эти простые правила, однако, имеют множество исключений – например объединение мелких информационных статей в пределах одной страницы. Объем страницы следует уменьшать, если для сайта характерны частые обновления, поскольку в этом случае легче вносить изменения.

Формат страницы

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

Заглавия и заголовки

Заглавие. Тэг title должен обязательно присутствовать в любом документе, иначе поиск и ориентировка в содержимом сайта будут сильно затруднены. Не нужно бояться делать заглавия слишком длинными – длинное и подробное лучше, чем короткое и невразумительное. В автоматических поисковых системах текст заглавия всегда имеет больший вес, чем текст самой страницы (см. дополнительно тэг meta с информацией для поисковых систем). Имеет смысл указать в заглавии не только тему данной страницы, но и заголовок того раздела сайта, к которому она принадлежит, а иногда и название самого сайта. Части таких заглавий лучше всего располагать справа налево, так чтобы часть, относящаяся к текущей странице, стояла в начале, а название всего сайта – в конце.

Заголовки. Иерархия заголовков на страницах встречается довольно редко. Вместе с тем, если имеется такая ситуация, то решить ее можно по разному. Можно применить стандартные тэги h1 – h6 а, если необходимо изменить их стандартные параметры, то использовать для этого утверждения CSS. Вместо заголовков следующих уровней часто применяют тэг hr, призванный отделять друг от друга разнородные фрагменты текста. Максимум творческой свободы дает вариант заголовка в виде графической вставки. Обычно такой заголовок содержит графику и текст, а для главного заголовка страницы – еще и логотип сайта или фирмы. Профессиональные дизайнеры вместо того, чтобы украшать текст заголовка интегрируют его в композицию при помощи выравнивания, вписывания и сопряжения с прямоугольниками, линиями и другими элементами геометрического каркаса страницы (см. пример на www.bda-web.com – мелкий шрифт заголовка, только строчные буквы).