Логическая структура сайта

Мы полагаем, что каждая страница нашего Web-ресурса должна отображаться в простом, но структурированном формате. Такое требование обычно. Страница целиком содержится в стандартном шаблоне страниц, что создаёт последовательность в оформлении Web-сайта.

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

Верхний колонтитул HTML-кода должен отображать большой заголовок и подзаголовок, которые окружены графическими изображениями (см. Рис. 5. , где – заголовок, – подзаголовок, – графические изображения). Такие изображения должны отображать общую идею всего Web-сайта. Мы решили, что размеры изображений и должны быть равными , а и должны соответствовать и . Все графические изображения вместе с полями заголовка и подзаголовка представляют собой единообразно воспринимаемую картину. И хотя над графическими изображениями придется отдельно поломать голову, с заголовком и подзаголовком все давно ясно – это будет обычный текст на фоне цвета явно совпадающим с графикой. Так, размер высоты всего верхнего колонтитула равен , а минимальный размер ширины составляют . Если рабочее пространство превышает минимальное значение ширины, то эта разница заполняется цветом, который соответствует выбранной графике.

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

Далее, тело состоит: левая панель , главное назначение которой – меню кнопок , дающее доступ к другим разделам сайта, правая панель – информационный блок , и центральная содержательная часть – здесь, собственно говоря, отображается основная информация под заголовком . Центральная часть отделяется от панелей колонами и соответственно. Если говорить о размерах рассмотренной части, то ширина должна совпадать с шириной верхнего колонтитула, а высота может варьироваться в зависимости от объёма информации. В результате обе рассмотренные части обязаны сливаться в одно неразделимое целое.

Переходя от одной части сайта к другой, мы добрались до нижнего колонтитула – область, в которой будут отображаться все существующие разделы сайта, а также информация о правах, форматах, и, наверное, об авторе (см. ). Это позволяёт пользователю, находясь в любом разделе сайта, быстро соориентироваться и перейти к другим разделам. Рассмотрим элементы данного колонтитула. Здесь элементы и являются дополнениями к панелям и соответственно, а элементы и к колоннам и . Предполагается, что в элементе будет располагаться информация о правах. Например, права и форматы сайта отображаются в элементе , а – лишь пустая часть, как элемент дополнения к внешнему образу. Ширина нижнего колонтитула равна , а высота .

Рис. 5. Логическая структура Web-сайта DOMATH.RU.

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

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