3. Структура Сайта

3.1. Информационная структура Сайта

Информационная структура Сайта представлена на рис. 1.

Рисунок 1 - Информационная структура Сайта

Разделы первого уровня представлены в горизонтальной навигационной панели на каждой странице Сайта. Разделы второго уровня указываются в тематическом меню страниц соответствующего раздела.

3.2. Описание разделов Сайта

3.2.1. Главная страница

является основной точкой входа на Сайт; информирует посетителей, впервые пришедших на Сайт, о назначении сайта; обеспечивает доступ ко всем основным разделам Сайта (разделам 1-го уровня); информирует посетителей о новостях Сайта. На главной странице размещается краткий вступительный текст, информирующий о Сайте и основных направлениях ее деятельности. На главной странице вместо тематического меню публикуются анонсы последних новостей Сайта. Максимальное количество анонсов.

3. Новость имеет следующую структуру:

● Дата (обязательный атрибут);

● Заголовок (обязательный атрибут); краткая аннотация.

● Заголовок новости (анонс) является ссылкой. При нажатии на ссылку

● Осуществляется переход к странице с полным текстом новости.

3.2.3. Внутренние страницы (общие требования)

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

Раздел «Главная»

Назначение раздела: знакомство с новостями сервера;

Блок меню: содержит навигационную структуру по тематике раздела.

Контентный блок: содержит графическую и текстовую информацию.

Раздел «Как начать»

Назначение раздела:

Инструкция о том как начать игру;

Раздел «Регистрация»

Назначение раздела: Регистрация на сервере и на сайте.

Раздел «О сервера»

Назначение раздела:

● Краткая информация о серверах;

Раздел «Донат»

Назначение раздела: Информация о донате сервера

Раздел «Команды»

Назначение раздела: Команды сервера

4. Реализация навигационной панели

Горизонтальная панель навигации (рис. 2) выполнена с использованием списков. Элементы списка являются ссылками на соответствующие разделы сайта. Чтобы разместить элементы списка по горизонтали, к селектору li добавлен стилевое свойство display со значением inline, которое преобразует блочный элемент в строчный

Рисунок 2 - Внешний вид шаблона

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

<div id="navibar">

<ul>

<li class="first"><a href="/">Главная</a></li><!-- class="active" -->

<li class="center"><a href="http://universemine.meximas.com/register.html">Регистрация</a></li>

<li class="center"><a href="http://universemine.meximas.com/noob.html">Как начать</a></li>

<li class="center"><a href="http://universemine.meximas.com/servers.html">О серверах</a></li>

<li class="center"><a href="http://universemine.meximas.com/donat.html">Донат</a></li>

<li><a href="http://universemine.meximas.com/comands.html">Команды</a></li>

</ul>

</div>