Логічна структура сайту
Ми вважаємо, що кожна сторінка нашого Web-ресурсу повинна відображатися в простому, але структурованому форматі. Така вимога зазвичай. Розміром сторінки міститься в стандартному шаблоні сторінок, що створює послідовність у оформленні Web-сайту.
На рис. 5. зображена логічна структура нашого Web-ресурсу. Цей вид компонування вкрай популярний - скільки сайтів ви регулярно відвідуєте, де панель меню розташована зліва, а блок новин справа? При цьому кошти навігацій залишаються незмінними незалежно від сторінки, що переглядається. В цілому структура шаблону для оформлення сторінок дуже проста. У шаблоні HTML-код розщеплюється на три частини. Перша частина - це головна частина, становить заголовок, друга частина - це основна частина, містить декоративні лінії і тіло всього сайту, і, нарешті, третя частина - нижній колонтитул. Давайте трохи докладніше розглянемо кожну з них.
Верхній колонтитул HTML-коду повинен відображати великий заголовок і підзаголовок, які оточені графічними зображеннями (див. Рис. 5., де - заголовок, - підзаголовок, - графічні зображення). Такі зображення повинні відображати загальну ідею всього Web-сайту. Ми вирішили, що розміри зображень і повинні бути рівними, а й повинні відповідати і. Всі графічні зображення разом з полями заголовка і підзаголовка є одноманітно сприйняту картину. І хоча над графічними зображеннями доведеться окремо поламати голову, з заголовком і підзаголовком все давно ясно - це буде звичайний текст на тлі кольору явно збігається з графікою. Так, розмір висоти всього заголовка дорівнює, а мінімальний розмір ширини складають. Якщо робочий простір перевищує мінімальне значення ширини, то ця різниця заповнюється кольором, який відповідає обраної графіку.
Друга частина HTML-коду складається з декоративних ліній і тіла. Декоративні лінії складаються з сукупності прямокутних графічних смуг однотонного кольору, розділені невидимими кордонами. На наш погляд це буде привабливим доповненням до графічних зображень заголовка.
Далі, тіло складається: ліва панель, головне призначення якої - меню кнопок, що дає доступ до інших розділів сайту, права панель - інформаційний блок, і центральна змістовна частина - тут, власне кажучи, відображається основна інформація під заголовком. Центральна частина відділяється від панелей колонами і відповідно. Якщо говорити про розміри розглянутої частини, то ширина повинна збігатися з шириною верхнього колонтитула, а висота може варіюватися в залежності від обсягу інформації. В результаті обидві розглянуті частини зобов'язані зливатися в одне нероздільне ціле.
Мал. 5. Логічна структура Web-сайту DOMATH.RU.
Отже, ми розглянули всі елементи логічної структури сайту, об'ёдінённие в складові частини. В цілому всі елементи логічної структури залишаються незмінними. Про колірної ж схемою, згадуваної тут так багато разів, говоритися не буде, оскільки це виходить за рамки нашої роботи. Для нас це може бути будь-яка прийнятна колірна схема, адже вся інформація про стилі знаходиться в зовнішньому файлі. Тут важливо не перенаситити яскравими фарбами і тонами, ми вважаємо, що наш ресурс в цілому буде витриманий в зелених тонах.
Таким чином, дана глава завершує нашу роботу і хочеться лише бажати кращого і сподіватися на те, що проект буде вдосконалюватися і розширюватися.