Содержание
1. Логическая структура web – сайта 3
1.1 Описание разделов сайта 3
1.2 Иерархическая структура сайта 3
2. Интерфейс web – сайта 5
2.1 Описание системы навигации сайта 5
2.2 Структура меню сайта 5
Структура меню сайта представлена на рисунке 2. 5
2.3 Описание цветовой схемы сайта 6
3. Структура страниц web – сайта 7
3.1 Описание структуры главной страницы сайта 7
3.2 Описание структуры страниц разделов сайта 7
4. Логическая структура базы данных web – сайта 9
4.1 Описание логической структуры таблиц базы данных 9
4.2 Описание свойств полей информационных объектов базы данных 9
4.3 Информационно-логическая модель базы данных 10
5. Технология решения задачи 11
5.1 Функциональная схема решения задачи 11
Рисунок 6 – Функциональная схема решения задачи 11
5.2 Источники загрузки таблиц базы данных 11
6. Алгоритм решения задачи 12
6.1 Описание алгоритмов функций доступа к данным базы данных 12
6.2 Описание алгоритмов функций администрирования сайта 14
1.Логическая структура web – сайта
1.1Описание разделов сайта
Web-сайт сайта Учёт учебного материала в ГБОУ “Тольяттинском социально-экономическом колледже” состоит из следующих разделов:
Главная страница содержит:
содержит общие сведения о предприятии ГБОУ “Тольяттинском социально-экономическом колледже”;
меню выбора разделов сайта
ссылку на страницу администрирования.
Страница администрирования. На данной странице сайта осуществляется администрирование пользователей.
Требования пользователя, предъявляемые к реализации данного раздела сайта:
переход на другие разделы сайта осуществляется только после регистрации пользователя;
при регистрации пользователя должна осуществляться проверка корректности ввода данных.
Страница «Учёт учебного материала»:
формирование документа «Категории курсов»;
редактирование документа «Подкатегории»;
удаление документа «Категории курсов».
1.2Иерархическая структура сайта
Иерархическая структура сайта представлена на рисунке 1.
Рисунок 1 – Иерархическая структура сайта
2.Интерфейс web – сайта
2.1Описание системы навигации сайта
Система навигации сайта представляет собой:
графические кнопки;
ссылки.
Требования пользователя, предъявляемые к реализации системы навигации в виде графических кнопок:
предусмотрено три состояния активности кнопки;
отображение на кнопке раздела, куда осуществляется переход.
Требования пользователя, предъявляемые к реализации системы навигации в виде ссылок:
предусмотрено три состояния активности ссылки;
ссылка должна содержать наименование раздела, куда осуществляется переход.
2.2Структура меню сайта Структура меню сайта представлена на рисунке 2.
Рисунок
2 – Структура меню сайта
2.3Описание цветовой схемы сайта
Фон сайта реализован в белом цвете.
Заголовки:
заголовок первого уровня: состоит из графических и текстовых элементов (Arial, 18тп, цвет – синий);
заголовок второго уровня: Arial, 16тп, жирный, цвет – чёрный.
Ссылки:
не посещённая: чёрная;
посещённая: синяя;
активная: красная.
Основной текст: Arial, 14тп, цвет – чёрный.
Таблица:
фон: синий;
текст: Arial, 14тп, цвет – чёрный;
цвет линий: чёрный.
3.Структура страниц web – сайта
3.1Описание структуры главной страницы сайта
Макет главной страницы сайта представлен на рисунке 3.
Заголовок сайта
Основной текст
сайта
Меню
сайта
Рисунок 3 – Макет главной страницы сайта
Форматирование текстовых фрагментов страницы:
Заголовки:
заголовок первого уровня: состоит из графических и текстовых элементов (Arial, 18тп, цвет – синий);
заголовок второго уровня: Arial, 16тп, жирный, цвет – чёрный.
Основной текст: Arial, 14тп, цвет – чёрный.
На главной странице сайта реализована панель навигации в виде графических кнопок:
цвет – синий;
текст – белый.
3.2Описание структуры страниц разделов сайта
Макет страницы сайта представлен на рисунке 4.
Заголовок сайта
Меню раздела сайта
Рисунок 4 – Макет страницы сайта
Форматирование текстовых фрагментов страницы:
Заголовки:
заголовок первого уровня: состоит из графических и текстовых элементов (Arial, 16тп, цвет – синий);
заголовок второго уровня: Arial, 14тп, жирный, цвет – чёрный.
Основной текст: Arial, 14тп, цвет – чёрный.
На главной странице сайта реализована панель навигации в виде графических кнопок:
цвет – синий;
текст – белый.
На главной странице сайта реализована панель навигации в виде ссылок:
не посещённая: чёрная;
посещённая: синяя;
активная: красная.