3.3 Структура сайта. Разработка системы навигации
Исходя из требований заказчика, была сформирована логическая структура сайта для салона оптики «Мар-Ко», она представлена на рисунке 9.
Рисунок 9 - Логическая структура сайта салона оптики «Мар-Ко»
Система навигации проста и удобна. Сайт имеет древовидную структуру и состоит из 7 разделов, некоторые из которых содержат свои подразделы. Меню сайта представлено на рисунке 10 и включает в себя следующие разделы:
Главная
Каталог
Услуги
Услуги врачей
Услуги мастерской
Информация
Советы врачей
Статьи
Вопрос-ответ
Карта сайта
Контакты
Контактные данные
Вопрос врачу
Рисунок 10 – Верхнее меню сайта салона оптики «Мар-Ко»
Карта сайта – это еще один важный элемент навигации (рисунок 11). Она отображает все разделы и подразделы меню сайта.
Рисунок 11 – Карта сайта
Для удобства был включен модуль «Breadcrumbs», так называемые хлебные крошки, расположен под верхним меню и служит для отображения навигации по страницам (рисунок 12).
Рисунок 12 – Хлебные крошки сайта салона оптики «Мар-Ко»
- Глава 1 Сайт как эффективный маркетинговый инструмент
- 1.1 Характеристика и классификация web-ресурсов
- Сайт-визитка
- Промо-сайт
- Корпоративный сайт
- Информационный сайт
- 1.2 Критерии оценки сайта
- Дизайн сайта
- Функциональность сайта
- Глава 2 Технологии разработки и управления сайтом
- 2.1 Технологии разработки web-сайтов
- 2.2 Анализ систем управления сайтами
- Классификация cms
- 2.3 Характеристика системы управления контентом Joomla!
- Регистрация пользователей
- Авторизация на сайте
- Управление языком
- Система шаблонов
- Поисковая оптимизация
- Глава 3 Разработка web-ресурсаtcehfxh салона–оптики «Мар-Ко»
- 3.1 Общая характеристика салона-оптики «Мар-Ко» и разработка требований к сайту
- 3.2 Определение функций сайта и разграничение прав групп пользователей Функции сайта:
- Разграничение прав групп пользователей
- 3.3 Структура сайта. Разработка системы навигации
- 3.4 Разработка web-ресурса салона оптики «Мар-Ко» на cms Joomla!
- 3.4.1 Хостинг
- 3.4.2 Панель администрирования Joomla!
- 3.4.3 Дизайн сайта
- 3.4.4 Цветовая гамма
- 3.4.5 Добавление статьи на сайт
- Связь меню со статьями
- Создание меню
- 3.4.6 Работа с модулями
- 3.4.7 Описание основных разделов сайта