Разработка сайта

 

      Рис. 12. Визуальный  редактор "TINYMCE".

 

      В поле "Описание" можно написать о содержании раздела, но раздел включает одну или несколько категорий, и, когда конечный пользователь (посетитель нашего сайта) видит это описание, то оно также будет сопровождаться (вероятно) списком включенных в данный раздел категорий.

 

      В поле  «Описание» используется специальный  редактор HTML, то есть не Joomla, а  ее расширение - мамбот. Данное расширение, мамбот, называется HTML-редактором Joomla. В системе можно использовать  любой из множества различных  визуальных HTML-редакторов, но рекомендуется  использовать "TINYMCE"

 

      Кнопки  на панели инструментов HTML-редактора  помогают задавать стиль (формат) вводимого текста.

 

      Закончив  создавать или редактировать  раздел, нажмимаем кнопку «Сохранить»  для сохранения результатов работы  и выхода на страницу «Менеджер  разделов» или кнопку «Применить»  для сохранения результатов, не  закрывая страницы редактирования  раздела.

 

      2.3.3. Создание  категорий сайта.

 

      Категория  - это объект в иерархии структуры  содержимого. 

      Для работы  с категориями необходимо в панели администратора Joomla перейти на страницу «Менеджер категорий».

 

В «Менеджере категорий» будет доступно фильтрация категории. Опция фильтрации на странице доступна справа под панелью инструментов. На странице «Менеджер категорий», используя кнопки на панели инструментов, можно (перечисление справа налево):

 

• Помощь - открыть в новом окне страницу описания поданному окну ("Менеджер категорий»). Нажмите кнопку «Помощь».
• Создать новую категорию. Нажмите кнопку "Создать".
• Изменить существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку «Изменить».
• Удалить существующую категорию. Отметьте нужную категорию и нажмите кнопку «Удалить».
• Копировать существующую категорию. Отметьте нужную категорию и нажмите кнопку "Копировать".
• Скрыть (сделать неопубликованной) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Скрыть".
• Допустить (Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Показать".
• Для создания новой категории нажмите кнопку "Создать". Будет открыта страница редактирования категории.
• Страница редактирования категории.

     

 

 Создание объекта содержимого.

 

Объект содержимого - это  основное содержание сайта и нижний объект в иерархии структуры содержимого. Иными словами объект содержимого - это статья, которая должна содержаться  в одной из наших категорий (соответственно и раздела).

Для работы с объектами  содержимого необходимо перейти  на страницу "Менеджер материалов".

Нужно нажать на главной  странице панели кнопку "Менеджер материалов" или в основном меню выберем "Материалы", затем пункт "Менеджер материалов". Будет открыта страница "Менеджер материалов", при открытии страницы будет доступна фильтрация объектов по следующим критериям:

 

• по категориям
• по автору
• по заголовку, значение указывается в поле "Фильтр"

      На странице "Менеджер материалов", используя  кнопки на панели инструментов, можно (перечисление справа налево):

• Помощь - открыть в новом окне страницу описания поданному окну ("Управление содержимым"). Нажмите кнопку «Помощь».
• Создать новый объект содержимого. Нажмите кнопку "Создать".
• Изменить существующий объект содержимого. Нажмите на название объекта или отметьте нужный объект и нажмите кнопку «Изменить».
• Удалить существующий объект содержимого. Отметьте нужный объект и нажмите кнопку "В корзину".
• Копировать существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копировать" и затем выберите, куда скопировать объекты.
• Перенести - переместить существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.Скрыть (сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Скрыть".
• Допустить (Опубликовать) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Показать".
• Отправить в архив существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "В архив".

 

При создании или редактировании объекта содержимого (статьи), на странице редактирования (рис.15) доступны дополнительные поля, необходимые для выбора того (в отличие от страницы редактирования категории), в какой категории (поле "Категория:") будет содержаться  данный объект содержимого.

 

Далее доступны два окна HTML редактора, позволяющие разбить  содержание статьи на две части: введение и все содержимое статьи. Разделение содержимого статей позволяет представить  их в виде так называемого "Блога" или "Вестника", т.е. списка краткого описания статей, с кнопками "Подробнее" на все содержимое статей.

 

      Рис. 15. Страница  редактирования «Материал».

 

Блог - популярный и удобный  способ представить информацию или  статьи, которые обновляются (добавляются) регулярно, например новости или  пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод  статей как "блог" дает возможность  показать название и ввода позволяют  перейти ко всему содержанию статьи. Таким образом, введение может быть первым пунктом всей статьи или кратким  описанием (резюме) статьи.

Далее, после сохранения, доступны дополнительные параметры  управления объектом содержимого. Последняя  вкладка "Связь с меню" может  настраиваться при создании меню.

 

Если необходимо поместить  изображения в содержании, то нужно  использовать специальную возможность  вставки изображений. Нажмем кнопку "Вставить изображение" (кнопка расположена  внизу слева окна HTML редактора), после  этого в содержимое будет добавлен текст {mosimage}, при обработке этого  текста для отображения система (Joomla) определит, что необходимо вставлять  изображения, список которых размещен на вкладке " параметры изображения ". Чтобы увидеть изображение  в тексте, нажмем кнопку "Просмотр" на панели инструментов.

 

Использовать возможность {mosimage} можно много раз, изображения  отображаются в порядке, указанном  в списке; порядок можно менять, используя кнопки "Вверх" и "Вниз".

 

Использование {mosimage} это  пример использования расширения Joomla - мамбота (mosimage).

 

Значение многих параметров на вкладке "Параметры-Расширенные", можно задать по умолчанию, для того, чтобы использовались "глобальные настройки". Задать значение "Глобальных настроек" можно в пункте меню "Менеджер материалов" меню "Материалы", во вкладке "Параметры". Данные значения можно индивидуально изменить для  каждого объекта содержимого.

 

На данной вкладке можно  ввести описание объекта и ключевые слова.

 

Если использовать кнопку "Добавить (Раздел, Категория, Заголовок)", то будут добавлены в поле "Ключевые слова" названия раздела, категории  и заголовок объекта.

 

2.3.5 Создание меню сайта

 

После создания структуры  содержимого, необходимо создать меню для пользователей веб-сайта. Меню - это набор кнопок, которые приведут на конкретные объекты, например, объект содержимого, список категорий, компонент  и т.д.

 

Используя расширения Joomla легко  создать меню для отображения  на сайте. В данном руководстве рассматривается  меню, построенное на стандартном  модуле (установленном по умолчанию) mod_mainmenu. Данный модуль является по умолчанию  главным для создания меню. Место  вывода меню на сайте определяется в шаблоне сайта. Устанавливая дополнительные расширения, можно расширить возможности  отображения стандартного меню или  отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы  со стороны пользователя была включена поддержка Javascript в браузере).

 

Самый простой вариант (но ограниченный в возможностях) связать  объект содержимого с пунктом  меню, это использовать на странице редактирования объекта содержимого  в окне дополнительных параметров вкладку "связь с меню". Во вкладке  данного окна необходимо:

 

1. Выбрать меню, в которое  будет добавлен пункт (ссылка).

 

2. Выбрать название пункта  меню.

 

3. Нажмите кнопку "Связать  с меню".

 

Примечание: На странице редактирования категории в дополнительном окне справа (для создаваемого категории  данное окно будет доступно после  сохранения - кнопка "Сохранить"). В данном окне необходимо:

• Выбрать меню, в которое будет добавлен пункт (ссылка).
• Выбрать тип меню, в каком виде появится раздел или категория.
• Выбрать название пункта меню.
• Нажмите кнопку "Связать с меню".

Доступ к странице "Управление меню [mainmenu]"

 

Для работы с меню для сайта  необходимо перейти на страницу "Главное  меню". В основном меню выбрать "Все  меню", затем пункт меню "Главное  меню".

 

Для работы с пунктами меню определенного меню (например, mainmenu) необходимо перейти на страницу "Управление меню [mainmenu]". В основном меню выбрать "Все меню", затем пункт меню "Главное меню".

 

На странице "Пункты меню [mainmenu]" можно увидеть список уже  созданных пунктов меню (по умолчанию  без установки демонстрационных данных доступен только один пункт - "Главная").

 

Страница "Пункты меню [mainmenu]"

 

Для добавления нового пункта меню необходимо перейти на страницу "Создать". Нажмем кнопку "Создать" на странице "Управление Пункты меню [mainmenu]" для добавления нового пункта меню в меню mainmenu.

 

На странице "Пункт меню [Создать] (рис. 18) доступны несколько  типов создаваемого пункта меню. Все  типы разбиты по группам.

 

Добавление нового пункта меню

 

Когда выбран тип нового пункта меню, необходимо перейти на страницу "Пункт меню [Создать] На этой странице необходимо выбрать и заполнить  основные параметры и поля нового пункта меню Параметры и поля отличаются в зависимости от выбранного типа нового пункта меню, нажав на кнопку" Далее "или на выбранный тип  пункта меню. Рассматривается пример добавления нового пункта меню типа: "Стандартный шаблон материала". Для добавления необходимо:

• Ввести имя нового пункта меню, поле "Заголовок".
• Выбрать объект содержимого (статью), поле "Выберите материал".
• Выбрать родительский пункт меню, поле "Родительский элемент".
• Выбрать порядок расположения, поле "Порядок показа".
• Выбрать уровень доступа, поле "Доступ".
• Выбрать опубликование меню, поле "Опубликовано".

 

Справа можно, но не обязательно, выбрать изображение меню, поле "Картинка меню".

 

В поле "Родительский элемент" перечисляются все существующие пункты меню, можно выбрать как "Родительский элемент" для нового пункта меню. Поддержка иерархической структуры  меню и отображение ее на сайте  возможны, только если в шаблоне  есть поддержка отображения иерархии пунктов меню (большинство бесплатных шаблонов не поддерживают эту возможность). Для реализации меню с подменю  используются дополнительные расширения, позволяющие улучшить создание и  отображение структуры меню на сайте.

 

      2.3.6 Установка  шаблона сайта

 

      Одним из  первых действий по настройке  является установка шаблона сайта  для нашего проекта. Есть много  свободно распространяемых шаблонов  для Joomla 2.5, и установка нового шаблона не является сложной процедурой. Шаблоны сайта для Joomla обычно распространяются (так же как и расширения) в виде. Zip файлов (или также. Tar.gz файла) Для использования таких файлов необходимо сохранить файл шаблона и далее перейти на страницу "Установка нового шаблона сайта"

На странице "Установить / Удалить" необходимо выбрать нужный файл для установки. Нажмем кнопку "Обзор" для выбора файла шаблона сайта  и кнопку "Загрузить и установить".

Чтобы начать использовать шаблон сайта, необходимо перейти на страницу "Менеджер шаблонов". Выберем  в главном меню «расширения», затем пункты" Менеджер шаблонов ".

На странице "Менеджер шаблонов" выберем нужный шаблон сайта и нажмем кнопку "По умолчанию". Шаблон сайта, выбранный по умолчанию, будет использоваться для отображения  всего сайта.

 

      2.3.7 Создание  категории товаров магазина

 

      После установки  и настройки необходимых для  функционирования сайта расширений, необходимо создать категории  для товаров. Для этого мы  используем расширения для CMS Joomla "VirtueMart", распространяемое  по лицензии GNU \ GPL, т.е. можно использовать  расширение бесплатно и изменять  код расширения для своих нужд. Место вывода категорий определены  в шаблоне сайта.