казати кілька важливих параметрів для конфігурації сайту:
- Назва сайту. Необхідно ввести назву сайту. Ця назва відображається в заголовку вікна браузера, при зверненні в web-сайту і в Адміністративній панелі. У даному випадку Utenok.
- Підтвердження параметрів настройки. Перевіряється: абсолютний шлях і url сайту. Вводиться e-mail та пароль адміністратора. Вікно установки програми відображено на рисунку 11.
Малюнок 11 - Визначення конфігурації сайту
Це всі основні етапи установки Joomla! Після завершення установки можна перейти в панель Адміністратора mysait / administrator і виконати основні настройки сайту. (Малюнок 12)
Малюнок 12-Завершення установки
Розробка макета дизайну сайту.
У першу чергу була розроблена концепція дизайну сайту. Вся інформація на сайті повинна бути зручна для використання і пошуку інформації. Тому вирішено зробити його прямокутної форми з чіткими межами основної області і блоків. На малюнку 13 представлено ескіз розташування основних блоків сайту на головній сторінці.
Малюнок 13 - Ескіз розташування основних блоків сайту
Робочий простір сайту ділиться на 3 основні блоки. Макет сайту представлений на малюнку 14.
- Основна панель навігації (верхня частина) - тут знаходиться логотип компанії, слоган і розташовується головне меню сайту.
- Основний інформаційний блок (займає більшу частину екрана) - у цій частині, на головній сторінці, розташовуються заголовне фото і слоган компанії, а на інших сторінках - зображення категорії, опис продукції, фотогалерея.
- Нижня панель навігації - тут розташовується інформація про компанію, контактна інформація та карта сайту, а також інформація про «копірайт».
Малюнок 14 - Макет головної сторінки сайту
Для сайту обрана тепла колірна палітра з близьких кольорів. Помаранчевий і жовтий - ці яскраві кольори привертають увагу. Основний текст і текст пунктів меню в стані коричневого кольору.
Організація навігації сайту
Горизонтальне меню. Для основної навігації на сайті вирішено зробити горизонтальне меню (Малюнок 15). Даний тип навігації відрізняється зручністю для користувача сайту.
Малюнок 15 - Головне меню сайту (блок зверху)
Структура розділів (пунктів меню) зображена на малюнку 16.
Малюнок 16 - Структура головного меню: розділи і категорії
Нижнє меню в сутності дублює деякі пункти верхнього меню, а так само додається пункт «Карта сайту». Тут розташована інформація про компанію, контактна інформація та карта сайту. Окремо представлена ??інформація про компанію: історія створення, виробничі можливості, основні принципи компанії. Окремий розділ «як нас знайти» тут розміщені адресу магазину, телефон, графік роботи магазину. Зовнішній вигляд нижньої меню представлений на малюнку 17.
Малюнок 17 - Нижнє меню сайту
