Создание дистанционного учебного курса CMS Joomla (стр. 3 из 3)
Рис. 12. Страница редактирования «Содержимое объекта» и отображение содержимого статьи
Блог – популярный и удобный способ представить информацию или статьи, которые обновляются (добавляются) регулярно, например новости или пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод статей как «блог» дает возможность показать название и введение, позволяющие перейти ко всему содержанию статьи. Таким образом, введение может быть первым параграфом всей статьи или кратким описанием (резюме) статьи.
Примечание: Если не нужно использовать вывод статьи методом «блог», то нужно ввести все содержимое статьи в первом окне HTML редактора.
Справа, после сохранения, доступны дополнительные параметры управления объектом содержимого. Последняя вкладка «Связь с меню» может настраиваться при создании меню.
Рис. 13. Страница редактирования «объекта содержимого»: Параметры публикации
Если необходимо поместить изображения в статьи, то можно использовать специальную возможность вставки изображений. Нажмите кнопку «Вставить изображение» (кнопка расположена внизу слева окна HTML редактора), после этого в содержимое будет добавлен текст {mosimage}; при обработке этого текста для отображения система (Joomla) определит, что необходимо вставлять изображения, список которых размещен на вкладке «Параметры изображений» (Рис. 14). Чтобы увидеть изображение в тексте, нажмите кнопку «Просмотр» на панели инструментов.
Использовать возможность {mosimage} можно много раз, изображения отображаются в порядке, указанном в списке; порядок можно менять, используя кнопки «Вверх» и «Вниз».
Использование{mosimage} – это пример использования расширения Joomla! – мамбота (mosimage).
Примечание: Используя возможности «Управления медиа», можно загружать и размещать изображения по папкам.
Рис. 14. Страница редактирования «объекта содержимого»: Параметры изображений
Рис. 15. Страница редактирования «объекта содержимого»: Параметры управления
Рис. 16. Страница редактирования «объекта содержимого»: Параметры Мета информации (Meta Info)
Значения многих параметров на вкладке «Параметры управления», можно задать по умолчанию, для того, чтобы использовались «глобальные настройки». Задать значения «глобальных настроек» можно в пункте меню «Глобальная конфигурация» меню «Сайт», во вкладке «Содержимое». Данные значения можно индивидуально изменить для каждого объекта содержимого.
Примечание: Если заголовок параметра подчеркнут пунктирной линией, то это значит, что при наведении курсора мыши на заголовок появится всплывающая подсказка с кратким описанием данного параметра. Поля с выпадающим списком могут мешать прочесть некоторые подсказки, поэтому необходимо подвигать мышкой, чтобы облегчить прочтение подсказки.
На данной вкладке можно ввести описание объекта и ключевые слова.
Если использовать кнопку «Добавить (Раздел, Категория, Заголовок)», то будут добавлены в поле «Ключевые слова» названия раздела, категории и заголовок объекта.
Созданию объекта содержимого поможет флеш – урок по адресу http://e-planet.ru/tutorial/mambo/zip/add_a_content_item.zip.
5. Создание меню
После создания структуры содержимого, необходимо создать меню.
Меню – это набор кнопок, которые приводят на конкретные объекты, например, объект содержимого, список категорий, компонент и т.д.
Используя расширения Joomla! легко создать меню для отображения на сайте. В данном руководстве рассматривается меню, построенное на стандартном модуле (установленном по умолчанию) mod_mainmenu. Данный модуль является по умолчанию главным для создания меню. Место вывода меню на сайте определяется в шаблоне сайта. Устанавливая дополнительные расширения, можно расширить возможности отображения стандартного меню или отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы со стороны пользователя была включена поддержка Javascript в браузере).
Самый простой вариант (но ограниченный в возможностях) связать объект содержимого с пунктом меню, это использовать на странице редактирования объекта содержимого в окне дополнительных параметров вкладку «Параметры связи с меню». Во вкладке данного окна необходимо:
- выбрать меню, в которое будет добавлен пункт (ссылка);
- выбрать название пункта меню.
Нажмите кнопку «Связать с меню».
На странице редактирования раздела или категории в дополнительном окне справа (для создаваемого раздела или категории данное окно будет доступно после сохранения – кнопка «Сохранить»). В данном окне необходимо:
- выбрать меню, в которое будет добавлен пункт (ссылка);
- выбрать тип меню, в котором виде будет отображаться раздел или категория;
- выбрать название пункта меню.
Нажмите кнопку «Связать с меню».
Рис. 17. Страница редактирования «объекта содержимого»: Параметры связи с меню
Для работы с меню для сайта необходимо перейти на страницу «Управление меню». В основном меню панели управления выбрать «Меню», затем пункт меню «Управление меню».
Для работы с пунктами меню определенного меню (например, mainmenu) необходимо перейти на страницу «Управление меню [mainmenu]». В основном меню выбрать «Меню», затем пункт меню «mainmenu».
На странице «Управление меню [mainmenu]» можно увидеть список уже созданных пунктов меню (по умолчанию без установки демонстрационных данных доступен только один пункт – «Главная»).
Рис. 18. Доступ к странице «Управление меню [mainmenu]»
Рис. 19. Страница «Управление меню [mainmenu]»
Для добавления нового пункта меню необходимо перейти на страницу «Новый пункт меню». Нажмите кнопку «Новый» на странице «Управление меню [mainmenu]» для добавления нового пункта меню в меню mainmenu.
На странице «Новый пункт меню» доступно несколько типов создаваемого пункта меню. Все типы разбиты по группам (Рис. 20):
- Содержимое, пункт меню будет отображать содержимое объекта.
- Разное.
- Отправка, пункт меню позволяющий добавлять объекты содержимого с сайта.
- Компоненты, пункт меню позволяющий работать с компонентом и его возможностями.
- Ссылки.
Рис. 20. Добавление нового пункта меню: Шаг 1
Когда выбран тип нового пункта меню, необходимо перейти на страницу «Добавление – новый пункт меню: XXX»: Шаг 2 (тремя Х-ми заменено название типа нового пункта меню). На этой странице необходимо выбрать и заполнить основные параметры и поля нового пункта меню. Параметры и поля отличаются в зависимости от выбранного типа нового пункта меню. Нажмите на кнопку «Далее» или на выбранный тип пункта меню.
На Рис. 21 рассматривается пример добавления нового пункта меню типа: «Ссылка – объект содержимого». Для добавления необходимо:
- Ввести имя нового пункта меню, поле «Название».
- Выбрать объект содержимого (статью), поле «Содержимое для связи».
- Выбрать, как должно открываться окно при нажатии на пункт меню, поле «Url: При нажатии открыть в…».
- Выбрать родительский пункт меню, поле «Родительский пункт меню».
- Выбрать порядок расположения, поле «Порядок расположения».
- Выбрать уровень доступа, поле «Уровень доступа».
- Выбрать опубликован пункт меню, поле «Опубликован (на сайте)».
- Справа можно, но не обязательно выбрать изображение меню, поле «Изображение меню».
Рис. 21. Добавление нового пункта меню: Шаг 2
В поле «Родительский пункт меню» перечисляются все существующие пункты меню, которые можно выбрать как «родительский пункт» для нового пункта меню. Поддержка иерархической структуры меню и отображение ее на сайте возможны, только если в шаблоне есть поддержка отображения иерархии пунктов меню (большинство бесплатных шаблонов не поддерживают эту возможность). Для реализации меню с подменю используются дополнительные расширения, позволяющие улучшить создание и отображение структуры меню на сайте.
Примечание: Если после сохранения нового пункта меню, открыть его для редактирования, то становятся доступны дополнительные параметры справа, которые помогут улучшить отображение и работу данного пункта меню.
Если использовать возможность предпросмотра сайта, то можно увидеть результат добавления нового пункта меню:
- Просмотр в новом окне браузера.
- Просмотр в этом же окне с открытой панелью администратора.
- Просмотр с показом позиций расположения моделей в шаблоне в этом же окне с открытой панелью администратора.
Рис. 22. Возможности предпросмотра сайта
Порядок создания меню иллюстрируют флеш – уроки:
- Создание элемента меню – блог-категория:
http://e-planet.ru/tutorial/mambo/zip/blog_category.zip.
- Создание элемента меню – блог-категория:
http://e-planet.ru/tutorial/mambo/zip/blog_category.zip.
- Создание элемента меню – ссылка:
http://e-planet.ru/tutorial/mambo/zip/link-url.zip.
- Создание элемента меню Content Section:
http://e-planet.ru/tutorial/mambo/zip/list_content_section.zip.
- Создание элемента меню типа Wrapper:
http://e-planet.ru/tutorial/mambo/zip/wrapper.zip
Выводы
Руководство должно помочь Вам в приобретении основных навыков создания и управления мультимедийными дистанционными учебными курсами с помощью системы управления содержимым Joomla! В руководстве рассматриваются далеко не все возможные варианты настройки и использования множества существующих расширений для Joomla!, позволяющих улучшить работу сайта. При работе с системой, экспериментируйте с различными вариантами настройки системы, создавайте новые приложения.