аємодія між таблицями (ER-діаграма) представлена ??на малюнку 4.
Малюнок 4 - ER-діаграма бази даних для сайту компанії Ліцей № 35
2.4.2 Побудова основної частини сайту
Для вирішення завдання побудови основної частини сайту, основне завдання можна розділити на наступні підзадачі:
1. Розробка макета дизайну сайту.
2. Організація навігації сайту
. Установка системи управління контентом сайту і визначення її доповнень під завдання сайту.
. Розробка шаблонної сторінки сайту і створення основних модулів сайту.
Розробка макета дизайну сайту.
Макет дизайну розроблюваного сайту взяв за свою основу існуючий макет реального сайту «Ліцею № 35», з виправленням недоліків і мінусів останнього. Вся інформація на сайті, в першу чергу, повинна бути зручно представлена ??для користувача. Прийнято рішення зробити 2-х стовпчик макет прямокутної форми, із згладженими кутами і м'якими кордонами основної області і блоків. Всі блоки розташовані згідно з законами зручності використання. На малюнку 5 представлений ескіз розташування основних блоків сайту на головній сторінці.
Малюнок 5 - Ескіз розташування основних блоків сайту
Робочий простір макета сайту ділиться на 5 основних блоків.
Верхній блок сайту, так звана «шапка - сайту» містить в собі логотип ліцею і назва сайту.
Основна панель навігації розташована у верхній частині (нижче «шапки - сайту») - тут знаходиться верхнє меню сайту компанії. Меню має 4-х рівневу вкладеність.
Основний інформаційний блок (займає більшу частину екрана) - у цій частині, на головній сторінці, розташовується фотографія ліцею та інформація про нього, а на інших сторінках - відображається обрана в меню інформація.
Лівий блок сайту - в цій частині розташовуються блоки головного меню, пошуку по сайту і реєстрації користувача, а так само додаткові допоміжні блоки (прогноз погоди). У блок головного меню винесені важливі пункти сайту, такі як «Главная», «Контакти», «Зворотній зв'язок» і «Карта сайту».
Нижній блок сайту, так званий «підвал - сайту» - містить в собі лічильник HotLog.
Малюнок 6 - Макет головної сторінки сайту
Дизайн всіх сторінок сайту витриманий в єдиному стилі. Основні кольори - синій, сірий і білий. Для верхнього меню обрано зелений колір, він яскравий і привертає увагу до панелі навігації. Вибрані кольори часто використовуються при створенні сайтів освітніх установ.
Організація навігації сайту
Горизонтальне меню. Для основної навігації на сайті вирішено зробити багаторівневе горизонтальне меню (максимальне значення досягає 4х рівнів) із спливаючими вікнами підпунктів меню (Малюнок 7). Даний тип навігації відрізняється зручністю для користувача, а також економить місце на сторінці сайту.
Малюнок 7 Верхнє меню сайту
Для коректного відображення меню у всіх браузерах необхідно прив'язати його до одного з модулів. Спливаюче меню сайту написано на мові JavaScript з використанням програми Sothink DHTMLMenu 9.7, ...
