овних модулів сайту.
Розробка макета дизайну сайту.
Прийнято рішення зробити 2-х стовпчик макет прямокутної форми із згладженими кутами. На малюнку 3 представлений ескіз розташування основних блоків сайту на головній сторінці.
Робочий простір макета сайту ділиться на 5 основних блоків.
- Верхній блок сайту, так звана «шапка - сайту» містить в собі логотип і назва сайту.
- Основна панель навігації розташована у верхній частині (нижче «шапки - сайту») - тут знаходиться верхнє меню сайту компанії.
Рисунок 3 - Розташування основних блоків web-сайту
- Основний інформаційний блок (займає більшу частину екрана) - у цій частині, на головній сторінці, розташовується блок основних подій і важливих новин, а на інших сторінках - відображається обрана в меню інформація.
- Лівий блок сайту - в цій частині розташовуються блоки головного меню, пошуку по сайту і реєстрації користувача, а так само додаткові допоміжні блоки. У блок головного меню винесені важливі пункти сайту, такі як «Главная», «Альпінізм», «Скелелазіння», «Ледолазание», «Маршрути» і «Документи».
- Нижній блок сайту, так званий «підвал - сайту» - містить в собі лічильник HotLog. Далі, на малюнку 4 представлений макет головної сторінки сайту.
Малюнок 4 - Макет головне сторінки сайту
Організація навігації сайту
Горизонтальне меню. Для первісної навігації на сайті вирішено зробити просте горизонтальне меню. У цей блог винесені важливі пункти меню - «Про Федерації», «Контакти», «Календар», «Форум». У розділі «Контакти» розміщені адресу ліцею, телефони адміністрації, електронна адреса та схема проїзду.
Вертикальне меню. Лівий блок сайту - в цій частині розташовуються блоки головного меню, пошуку та реєстрації користувача. Для зручності навігації вертикальне меню вирішено зробити багаторівневим. Структура багаторівневого меню представлена ??на малюнку 5.
Головне (бічний) меню - включає в себе пункти «Главная», «Альпінізм», «Скелелазіння», «Ледолазание», «Маршрути», «Документи».
Розробка шаблонної сторінки сайту і створення основних модулів сайту.
Для створення шаблону сторінки системи управління Joomla! використовується блокова верстка.Страніца ділиться на блоки модулі, із зазначенням до якого модулю сайту прив'язуються блоки (Малюнок 6).
Малюнок 5 - Структура багаторівневого меню
Малюнок 6 - Шаблон сторінки web-сайту
Створюється файл templateDetails.xml, в якому зберігатимуться блоки (основні модулі), інформація про автора, прописуються всі зображення, використовувані для сайту, а також файли, що входять до складу шаблону.
Для web-сайту створені наступні модулі:
debug
position - 1
position - 2
position - 4
position - 5
po...
