типографика - описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т.п.;
медиа - представляет возможности управления изображениями и видео;
таблицы - средства оформления таблиц, вплоть до добавления функциональности для обеспечения возможности сортировки;
формы - классы для оформления не только форм, но и некоторых событий происходящих с ними;
навигация - классы оформления для вкладок, страниц, меню и панелей инструментов;
алерты - оформление диалоговых окон, подсказок и всплывающих окон.
. Каково назначение классов? Как можно получить доступ к списку компонентов web-проектов и связанных с ними классов для дальнейшего использования в Joomla! 3.х?
В Bootstrap для хранения значений свойств элементов пользовательского интерфейса предназначены классы. При разработке web-проекта в Joomla! 3.х достаточно элементам страницы сайта задать нужный класс. Изменение класса элемента приводит к корректировке значения HTML-атрибута «class» связанного с ним тега. Список классов и соответствующие им образцы дизайна доступны на официальном сайте разработчика Bootstrap getbootstrap.com.
. Каков порядок создания меню? Пунктов меню?
Для создания нового меню служит команда Создать панели инструментов Менеджера меню. В результате её выполнения открывается форма, представленная на рисунке 3.9, которая служит для ввода параметров меню. Поля Заголовок и Тип меню являются обязательными для заполнения. Как правило, в поле Тип меню вводится название меню (содержимое поля Заголовок) на латинице.
. Какие типы пунктов меню вы использовали? Каковы их особенности?
Тип меню (Menu Type) -системное имя меню (указывается под названием каждого меню). Каждое меню имеет уникальное имя. Несмотря на то, что этот параметр доступен для редактирования, ситуаций, когда требуется менять его значение, практически не существует. Неосторожное изменение системного имени меню может привести к серьезным последствиям. Основные использованные типы: Менеджер пользователей, Форма авторизации, Меню топ - предназначены для добавления материала, формы авторизации и т.д.
. Как разместить меню в нужной позиции страницы?
Для размещения меню, созданного на странице сайта, выполните
следующую последовательность действий:
. Установите в Менеджере шаблонов параметр Просмотр позиций
модулей в положение Включено.
. В клиентской части сайта перейдите в режим просмотра позиций модулей. В верхней части вы увидите область, помеченную как Position: position 1. Именно она будет использоваться для размещения меню.
. В администраторской зоне перейдите в окно Менеджера меню и выполните команду Добавить модуль для данного типа меню в строке с заголовком созданного ранее меню (рисунок 3.13).
. В форме настроек модуля меню (рисунок 3.14) установите следующие параметры:
. Выполните команду Сохранить и закрыть. Перейдите в клиентскую зону сайта и отредактируйте команду, введенную в адресную строку браузера, удалив все, кроме имени сайта. Обновите страницу и убедитесь, что меню с единственным пунктом
Главная отображается в указанной позиции. При выборе пункта меню вы должны перейти на страницу с избранными материалами.
. Добавьте в верхнее меню ещё один пункт, который будет отображать список материалов одной из категорий. Для этого задайте параметрам нового пункта меню следующие значения:
Тип пункта меню (обязательное поле) - Материалы|Список материалов категории;
Выбор категории (обязательное поле) - название категории, например, Статьи;
Заголовок меню (обязательное поле) - название пункта меню, например, Статьи.
. Сохраните введенные значения. Перейдите на сайт, выполните обновление страницы. Теперь меню должно включать два пункта. Убедитесь, что при выборе второго пункта меню отображается список материалов указанной категории.
. Какие классы вы использовали для оформления меню в своих проектах?
Для горизонтального меню нужно выбрать позицию: Navigation. Первый стиль для горизонтального меню называется nav nav-pills. Задается в пункте суффикс класса меню. Для вертикального меню используются позиции: left, right. Для вертикального меню: nav nav-pills nav-stacked.