Шаблоны дизайна. 
Разработка интернет ресурса, посвященного удаленному обучению

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

Создание шаблона технически несложно, но требует знаний языков HTML и PHP. Можно воспользоваться доступными, свободно распространяемыми шаблонами или услугами профессиональных дизайнеров.

Минимальный состав шаблона следующий:

• — файл «index.php»;
• — файл «templateDetails.xml»;
• — файл «template_thumbnail.png» (необязательный);
• — папка «css:»;
• — файл «template_css.css»;
• — файл «editor_content.css» (необязательный);
• — папка «images» (необязательная);
• — файл «favicon.ico» (необязательный);

Структура шаблона сайта представлена на рисунке 3.

Рисунок 3 — Структура шаблона сайта на Joomla.

index.php — этот файл содержит в себе документ с HTML — разметкой и вставками кода на языке PHP. Основное его назначение — распределить (указать) области, где будут выводится на экран данные различных компонентов портала. HTML — разметка обеспечивает структурированный вывод информации.

templateDetails.xml — инсталляционный файл шаблона. Файл в формате XML, содержит описание шаблона, версию, данные разработчика и перечень устанавливаемых файлов.

template_thumbnail.png — графический файл формата PNG для предварительного просмотра внешнего вида шаблона. Используется в Менеджере шаблонов административной панели Joomla.

template_css.css — файл стилей оформления шаблона. Это основной файл, с помощью которого осуществляется назначение различных стилей оформления элементам сайта.

editor_content.css — файл стилей оформления визуального редактора.

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

favicon.ico — это т.н. «значок» сайта. Его можно увидеть в адресной строке браузера, слева от URL-a большинства сайтов, а также при выдаче первой десятки сайтов в поиске Яндекса.

В общих настройках конфигурации Joomla есть специальный указатель на файл, который будет использован вместо файла, если favicon. ico не будет найден по указанному пути.

При разработке нового или редактировании существующего шаблона, необходимо учитывать тот факт, что favicon. ico постоянно кэшируется браузерами и в процессе его редактирования и просмотра необходимо постоянно чистить кэш браузера, чтобы отобразить изменённый файл.

Одним из первых действий по настройке «Joomla», является установка шаблона сайта. Стандартная тема оформления «Joomla» подходит для демонстрации возможностей системы, но никак не для создания полноценного web-сайта.

Сам шаблон сайта для «Joomla» обычно распространяется (так же как и расширения) в виде. zip файлов (или также.tar.gz файла). Для использования таких файлов необходимо сохранить файл шаблона на компьютер и далее перейти в «Расширения» — «Установить /удалить».

На странице «Установить /удалить» нужно выбрать .zip файл для установки.

Установка шаблона не приведет к мгновенной смене шаблона сайта. Для смены шаблона сайта, необходимо выбрать нужный шаблон и установить его по умолчанию.

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

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